@charset "UTF-8";

@import url('/assets/fonts/Pretendard/pretendard.css');
@import url('/assets/fonts/RemixIcon/remixicon.css');
@import url('/assets/fonts/NotoSans/notoSansKr.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    --base-ratio: 0.5;
    --base-size: 1920;
    --base-percent: 100vw;
}
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,form,fieldset,legend,input,textarea,button,select {
    padding: 0;
    margin: 0
}
body {
    font-family: "Pretendard",sans-serif,"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    -webkit-text-size-adjust: none;
    word-break: keep-all;
}
html{--window-w:100vw;--window-h:100vh}
html.overflow{overflow:hidden}
body.open{overflow:hidden;width:100%;height:100%}
body.on{overflow:hidden;height:100%}
h1,h2,h3,h4,h5,h6,strong {font-size:100%;line-height:1.2;}
select,button,input,textarea,pre{font-family:"Pretendard",sans-serif,"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;font-size:16px;color:#666}
pre{white-space:pre-wrap}
fieldset,img,button,iframe{border:0}
img,input,button{vertical-align:top}
table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;word-wrap:break-word}
address,em{font-style:normal}
ol,ul,li{list-style:none}
hr{display:none}
a{text-decoration:none;color:inherit}
a:hover,a:active{text-decoration:none}
img{display:block;max-width:100%;margin:0 auto}
legend{position:absolute;left:-9999px;top:0}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
button{background:none;cursor:pointer; -webkit-appearance:none; appearance:none}
button::-moz-focus-inner{padding:0;border:0}
textarea{border-radius:0;resize:none;background-color:rgba(0,0,0,0);word-break:keep-all;word-wrap:break-word;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-appearance:none;appearance:none}
:focus{outline:0}
*{box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
select::-ms-expand{display:none}
select:focus{border:1px solid #1c1c1c}
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit] {border-radius:16px;appearance:none;-webkit-appearance:none}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:#fff 5000s ease-in-out 0s;box-shadow:0 0 0px 1000px #fff inset !important}
input::placeholder,textarea::placeholder{color:#e5e5e5}
.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;overflow:hidden;clip:rect(0,0,0,0)}
[data-bs-toggle] {z-index: 100000;}

h1,h2,h3,h4,h5,p.h5,p.p1,p.p2,p.p3,p.p4 {color:#010208; font-weight:600; line-height:1; letter-spacing:0;}
h1, .h1 {font-size:48px; line-height:1;}
h2, .h2 {font-size:40px; line-height:1;}
h3, .h3 {font-size:32px; line-height:1;}
h4, .h4 {font-size:30px; line-height:1;}
h5, .h5 {font-size:28px; line-height:1;}
h6, .h6 {font-size:24px; line-height:1;}

@media screen and (max-width: 1024px) {
    h1, .h1 {font-size:40px;}
    h2, .h2 {font-size:36px;}
    h3, .h3 {font-size:32px;}
    h4, .h4 {font-size:28px;}
    h5, .h5 {font-size:24px;}
    h6, .h6 {font-size:20px;}
}

.wrap {margin:0 auto;position:relative;max-width:1920px;width:100%; min-height:100vh;}
.container {padding:min(6.77vw,130px) 0 min(8.333vw,160px)}
.container h3 {margin-bottom:min(1.562vw,30px);color:#222;font-weight:bold}
.container .sec {padding:min(8.333vw,160px) 0}
.container .sec.bg {background-color:#f5f5f5}
.container .sec:last-child {padding-bottom:0}
.container .sec .sec_inner {margin:0 auto min(8.333vw,160px);padding:0 min(1.041vw,20px);max-width:1240px;width:auto}
.container .sec .sec_inner:last-child{margin-bottom:0}
.container .content{margin:0 auto;padding:0 min(1.041vw,20px);max-width:1240px;width:auto}
.container .content .inner{margin-bottom:min(4.166vw,80px)}
.container .content .inner:last-child,.container .content .inner.last{margin-bottom:0}

@media screen and (min-width: 1024px) {
    :root{--base-ratio:1;--base-size:1;--base-percent:1px}
    .container h3{font-size:40px;letter-spacing:0;line-height:1}
}
@media screen and (max-width:768px){
    html,body{font-size:14px}
}

/* tooltip */
.tooltip{z-index:2100 !important;}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {z-index:2100 !important;}

/* header */
.header{margin:0 auto;height:90px}
.header .block{display:block}
.header .header_wrap{z-index:2000;position:fixed;width:100%;height:90px;top:0;left:0;background-color:#fff;border-bottom:1px solid #e5e5e5}
.header .header_inner{z-index:2000;position:relative;margin:0 auto;padding:0 min(4.166vw,80px);width:100%;max-width:1920px;background-color:#fff}
.header .logo{position:absolute;left:min(4.166vw,80px);top:50%;transform:translateY(-50%);width:200px}
.header .logo a {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 28px;
    color: #5b9845;
    letter-spacing: -1px;
    font-family: "Pretendard", sans-serif;
    font-weight: 500;
    background: url(../images/logo/daeSang-kor.png) no-repeat 0 0;
    background-size: contain;
    font-size: 0;
}
.header .logo a em{font-size:24px;font-weight:500;font-size:0;}
.header .dim{display:none;z-index:1999;position:fixed;left:0;top:0;width:100%;height:100vh;background-color:#000;opacity:.5}
.header .dim.on{display:block}
.header .header_wrap{position:fixed;left:0;top:0;width:100%;height:auto;background-color:#fff;transition:height .1s ease-in-out;border-bottom:1px solid #e5e5e5;z-index:2000}
.header .header_wrap[data-fixed=fixed]{position:fixed;border-bottom:1px solid #e5e5e5}
.header .header_wrap.searchOpen{position:fixed;border-bottom:1px solid #e5e5e5}
.header.open .gnbDim{border-top:1px solid #e5e5e5}
.header.open .dim{display:block}
.header .gnb_wrap{height:90px}
.header .gnb{display:flex;justify-content:space-between;align-items:normal;max-width:440px;margin:0 auto;}
.header .gnb .depth1{display:inline-block;margin:0 min(1.6vw,40px)}
.header .gnb .depth1 .depth1_link{display:block;position:relative;height:60px;line-height:90px;font-size:18px;font-weight:500;color:#222;transition:color .2s ease-in-out}
.header .gnb .depth1.on .sub_gnb .depth2_list{opacity:1;visibility:visible}
.header .gnb .depth1.on .sub_gnb .depth2_list .depth2{transform:translateY(0);opacity:1;visibility:visible;transition:all .3s ease-in-out}
.header .gnb .depth1.on .depth1_link,.header .gnb .depth1.current .depth1_link,.header .gnb .depth1:hover .depth1_link{color:#5b9845}
.header .gnb .depth1.on .depth1_link:before,.header .gnb .depth1.current .depth1_link:before,.header .gnb .depth1:hover .depth1_link:before{display:block}
.header .gnbDim{position:absolute;left:0;top:90px;z-index:999;margin:0 auto;width:100%;height:0;background-color:#fff; box-shadow: 0 4px 8px rgba(0,0,0,0.05);}
.header .sub_gnb{z-index:1000;position:absolute;left:0;top:90px;margin:0 auto;width:100%;height:0;transition:.3s height ease-in-out}
.header .depth2_list{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;opacity:0;visibility:hidden}
.header .depth2_list .depth2{transform:translateY(-10px);opacity:0;visibility:hidden;margin-left:min(6.25vw,120px);text-align:center}
.header .depth2_list .depth2:first-child{margin-left:0}
.header .depth2_list .depth2.current .depth2_link{color:#5b9845}
.header .depth2_list .depth2_link{display:inline-block;position:relative;padding:min(2.083vw,40px) 0 20px;font-size:18px;color:#222;font-weight:500;text-align:center;line-height:1.25em}
.header .depth2_list .depth2_link::after{content:"";position:absolute;left:50%;bottom:16px;width:0%;height:1px;transform:translateX(-50%);background-color:#5b9845;transition:width .2s ease-in-out}
.header .depth2_list .depth2_link:hover{color:#5b9845}
.header .depth2_list .depth2_link:hover::after{width:100%}
.header .depth3_list>li.current .depth3_link{color:#5b9845}
.header .depth3_list>li .depth3_link{position:relative;display:inline-block;padding:6px 0;font-size:16px;color:#666;text-align:center}
.header .depth3_list>li .depth3_link::after{content:"";position:absolute;left:50%;bottom:2px;width:0%;height:1px;transform:translateX(-50%);background-color:#5b9845;transition:width .2s ease-in-out}
.header .depth3_list>li .depth3_link:hover{color:#5b9845}
.header .depth3_list>li .depth3_link:hover::after{width:100%}
.header .depth2_list .banner{float:left;margin-left:min(3.125vw,60px);overflow:hidden;margin-top:min(2.083vw,40px);padding-left:min(3.125vw,60px);border-left:1px solid #e5e5e5;width:200px;}
.header .product {margin:30px auto; display:flex; justify-content:center; text-align:center;}
.header .product .depth2_list {overflow:hidden;width:960px; margin:0 auto; display:flex;gap:8px;justify-content:center;}
.header .product .depth2_list li {width:120px;height:120px;flex:1; flex-shrink:0; margin:0 auto;}
.header .product .depth2_list li:nth-child(1) {background:url("../images/nav-product-1.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(2) {background:url("../images/nav-product-2.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(3) {background:url("../images/nav-product-3.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(4) {background:url("../images/nav-product-4.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(5) {background:url("../images/nav-product-5.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(6) {background:url("../images/nav-product-6.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(7) {background:url("../images/nav-product-7.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(8) {background:url("../images/nav-product-8.jpg") center center no-repeat}
.header .product .depth2_list li:nth-child(9) {background:url("../images/nav-product-9.jpg") center center no-repeat}
.header .product .depth2_list li .depth2_link {display:table;width:100%;height:100%;font-size:16px;line-height:1.2;color:#fff}
.header .product .depth2_list li .depth2_link:after {display:none}
.header .product .depth2_list li .depth2_link span {display:table-cell;vertical-align:middle}   
.header .util_menu{z-index:1001;position:absolute;right:min(3.437vw,66px);top:34px;padding-top:2px}
.header .util_menu:after{content:"";display:table;clear:both}
.header .util_menu .link{float:left;color:#5b9845;font-weight:bold}
.header .util_menu .lang_menu .lang.on::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:2px;background-color:#5b9845}
.header .util_menu .login_area{float:left;margin:-14px 0;position:relative;}
.header .util_menu .login_area .btn_login_icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#222;text-decoration:none;border-radius:16px;transition:all 0.3s;background:transparent;}
.header .util_menu .login_area .btn_login_icon i{font-size:24px;}
.header .util_menu .login_area .user_dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: transparent;
    border: none;
    color: #222;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}
.header .util_menu .login_area .user_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: transparent;
    border: none;
    color: #222;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}
.header .util_menu .login_area .user_btn i{font-size:24px;}
.header .util_menu .login_area .user_menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}
.header .util_menu .login_area .user_menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header .util_menu .login_area .user_menu::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 16px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
.header .util_menu .login_area .user_info{padding:16px 16px 12px;border-bottom:1px solid #f0f0f0;}
.header .util_menu .login_area .user_name{font-size:14px;font-weight:500;color:#222;}
.header .util_menu .login_area .user_menu ul{list-style:none;margin:0;padding:8px 0;}
.header .util_menu .login_area .user_menu li{margin:0;}
.header .util_menu .login_area .menu_item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#333;text-decoration:none;font-size:14px;transition:all 0.2s;}
.header .util_menu .login_area .menu_item:hover{background-color:#f8f9fa;color:#5b9845;}
.header .util_menu .login_area .menu_item.logout:hover{background-color:#fff5f5;color:#dc3545;}
.header .util_menu .login_area .menu_item i{font-size:16px;width:16px;text-align:center;}
.header .util_menu .login_area .btn_login:hover{background-color:#5b9845;color:#fff;border-color:#5b9845;}
.header .util_menu .login_area .btn_join:hover{background-color:#222;color:#fff;border-color:#222;}
.header .util_menu .lang_menu{position:relative;float:left;top:-convert-vw(4,1920);margin:0 min(1.041vw,20px) 0 min(2.604vw,50px)}
.header .util_menu .lang_menu .lang{position:relative;padding-bottom:4px;color:#222;font-weight:400;margin:0 4px;opacity:0.7;}
.header .util_menu .lang_menu .lang.on{font-weight:500;opacity:1;}
.header .util_menu .lang_menu .lang.on::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:2px;background-color:#5b9845}
.header .util_menu .lang_menu .lang{font-size:16px;letter-spacing:0;line-height:1}
.header .util_menu .btn_search{position:relative;float:left;margin-top:-15px;width:48px;height:48px;vertical-align:bottom;background:url("../images/ico_search.svg") center center no-repeat}
.header .util_menu .btn_global{display:block;position:relative;float:left;margin-top:-15px;width:48px;height:48px;background:url("../images/ico_global.svg") center center no-repeat}
.header .business .depth2_list>li{margin-left:min(2.864vw,55px)}
.header .business .depth2_list>li:first-child{margin-left:0}

/* main header */
.main-header{max-width:100%}
.main-header .header:not(.open) .header_wrap .util_menu .login_area .btn_login_icon{color:#fff;}
.main-header .header:not(.open) .header_wrap .util_menu .login_area .user_btn {color:#fff;}
.main-header .header{position:fixed;top:0;left:0;width:100%;z-index:2000;background:rgba(0,0,0,.2) !important;transition:none !important}
.main-header .header .header_wrap[data-fixed=fixed]{background:rgba(0,0,0,.2) !important;transition:none !important}
.main-header .header.active:not(.on) .header_wrap{transform:translateY(0)}
.main-header .header:not(.on) .header_wrap{transform:translateY(-100%);transition:.5s;box-shadow:none}
.main-header .header:not(.open) .header_wrap{box-shadow:none;background:rgba(0,0,0,0);backdrop-filter:none;border-bottom-color:rgba(0,0,0,0)}
.main-header .header:not(.open) .header_wrap .header_inner{background:rgba(0,0,0,0);transition:.3s ease-out;backdrop-filter:none;}
.main-header .header:not(.open) .header_wrap .btn_nav{background:url("../images/ico_nav_white.svg") left top no-repeat;background-size:100% auto}
.main-header .header:not(.open) .header_wrap .btn_global{color:#fff;}
.main-header .header:not(.open) .header_wrap .logo a{height:40px;font-size:0;color:#fff;background:url(../images/logo/daeSang-korWhite.png) no-repeat 0 0;background-size:contain;}
.main-header .header:not(.open) .header_wrap .logo a em{font-size:0;}
.main-header .header:not(.open) .header_wrap .gnb .depth1 .depth1_link{color:#fff}
.main-header .header:not(.open) .header_wrap .util_menu .btn_global{background:url("../images/ico_global_white.svg") center center no-repeat}
.main-header .header:not(.open) .header_wrap .util_menu .btn_search{background:url("../images/ico_search_white.svg") center center no-repeat}
.main-header .header:not(.open) .header_wrap .util_menu .lang_menu .lang{color:#fff}
.main-header .header:not(.open) .header_wrap .util_menu .lang_menu .lang.on:after{background-color:#fff}

@media screen and (max-width: 1300px) {
    .hidden{height:100%;min-height:100%;overflow:hidden !important;touch-action:none}
    .header{height:64px}
    #container_wr {min-height:calc(100vh - 64px);}
    .header .header_inner {padding: 0 40px;}
    .header .block{display:inline-block}
    .header .header_wrap{width:100%;height:64px;background-color:#fff;box-shadow:0px 0px 10px 0px #ccc}
    .header .header_wrap[data-fixed=fixed]{position:fixed;border-bottom:1px solid #e5e5e5}
    .header .header_wrap .header_inner{height:100%}
    .header .logo {position:absolute;left:40px;width:160px}
    .header.on .logo {z-index:1000;}
    .main-header .header:not(.open).on .header_wrap .logo a {background:url("../images/logo/daeSang-kor.png") 0 0 no-repeat;background-size:100% auto;font-size:0;}
    .header .logo a{margin-top:12px;background:url("../images/logo/daeSang-kor.png") 0 0 no-repeat;background-size:100% auto;font-size:0;}
    .header .btn_nav,.header .btn_nav_close{display:block}
    .header .btn_nav{position:absolute;right:40px;top:21px;width:24px;height:23px;background:url("../images/ico_nav.svg") left top no-repeat;background-size:100% auto}
    .header .gnb_wrap .util_menu .login_area .user_btn {display:block;padding:0;background:transparent;border:none;font-size:16px;font-weight:500;cursor:pointer; flex-shrink: 0;}
    .header .gnb_wrap{position:fixed;left:100%;top:0;width:100%;height:100%;background-color:#fff;transition:all .5s .1s}
    .header .gnb_wrap.active{left:0}
    .header .gnb_wrap .util_menu {width:100%;height:64px;top:0;left:0;right:0;padding:0 20px;border-bottom:1px solid #e5e5e5;padding-left:200px;display:flex;align-items:center;justify-content:flex-end;}
    .header .gnb_wrap .util_menu .link{float:left;padding:7px 10px;color:#fff;font-weight:bold;background-color:#5b9845;border-radius:15px}
    .header .gnb_wrap .util_menu .lang_menu{float:left}
    .header .gnb_wrap .util_menu .lang_list{overflow:hidden;margin-top:2px}
    .header .gnb_wrap .util_menu .lang_list li{float:left;margin-left:30px}
    .header .gnb_wrap .util_menu .lang_list li:first-child{margin-left:0}
    .header .gnb_wrap .util_menu .lang_list li a{display:block;padding:4px 0;color:#222;font-weight:bold}
    .header .gnb_wrap .util_menu .lang_list li.on a,.header .gnb_wrap .util_menu .lang_list li:hover a{color:#5b9845;position:relative}
    .header .gnb_wrap .util_menu .lang_list li.on a:before,.header .gnb_wrap .util_menu .lang_list li:hover a:before{display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:#5b9845}
    .header .gnb_scroll {overflow-y:auto;position:relative;top:64px;left:0;padding-bottom:10px;width:100%;height:100%;}
    .header .gnb {flex-direction:column;width:100%;max-width:100%;}   
    .header.on  .util_menu .login_area {float:none; margin:0;}
    .main-header .header:not(.open).on .header_wrap .util_menu .login_area .btn_login_icon,
    .header.on .gnb_wrap .util_menu .login_area .btn_login_icon {color:#222;}
    .header .btn_nav_close {position:relative;width:38px;height:38px;background:url("../images/ico_nav_close.svg") center center no-repeat;background-size:16px 16px; opacity:0.7;}
    .header .btn_nav_close:hover {opacity:1;}
    .header .btn_global{width:30px;height:30px;background:url("../images/ico_global.svg") center center no-repeat;background-size:24px auto}
    .main-header .header:not(.on){overflow:hidden}
    .main-header .header:not(.open) .header_wrap{backdrop-filter:none}    
    .main-header .header:not(.open) .header_wrap .util_menu .lang_menu .lang,     
    .header.on .gnb_wrap .util_menu .lang_menu .lang {color:#222;}
    .main-header .header:not(.open).on .header_wrap .util_menu .lang_menu .lang.on:after,
    .header.on .util_menu .lang_menu .lang.on::after {background-color:#5b9845;}
    .main-header .header:not(.open).on .header_wrap .util_menu .login_area .user_btn,
    .header.on .gnb_wrap .util_menu .login_area .user_btn {color:#222}
    .main-header .header:not(.open).on .header_wrap .util_menu .btn_global,
    .header.on .util_menu .btn_global {position:relative; right:auto; top:auto; float:none; margin:0; background: url(../images/ico_global.svg) center center no-repeat;}
    .main-header .header:not(.open).on .header_wrap .util_menu .btn_search,
    .header.on .util_menu .btn_search {position:relative; right:auto; top:auto; float:none; margin:0; background: url(../images/ico_search.svg) center center no-repeat;}
    .header .gnb .depth1 {display:block; width:100%; margin:0;}
    .main-header .header:not(.open).on .header_wrap:not([data-fixed=fixed]) .gnb .depth1 .depth1_link,
    .header.on .gnb .depth1 .depth1_link {display:block; position:relative; padding:0 15px; font-weight:bold; color:#222; font-size:18px; line-height:60px; border-bottom :1px solid #e5e5e5}
    .header .gnb .depth1 .depth1_link::after{content:"";position:absolute;right:25px;top:50%;transform:translateY(-50%);width:15px;height:15px;background:url("../images/ico_gnb_plus.svg") center center no-repeat;background-size:100% auto}
    .header .gnb .depth1.current .depth1_link{border-bottom:1px solid #e5e5e5}
    .header .gnb .depth1.current .depth1_link:after{background-image:url("../images/ico_gnb_minus.svg")}
    .header .sub_gnb{display:block; height:0; overflow:hidden; margin:0; padding:0 24px; background-color:#f5f5f5;}    
    .header .gnb .depth1.current .sub_gnb{position:relative; height:auto; top:0;}
    .header .depth2_list {display:flex; width:100%; flex-direction:column; justify-content:flex-start; opacity:1; visibility:visible;}
    .header .depth2_list .depth2 {width:100%; transform:none; opacity:1; visibility:visible; margin-left:0; text-align:left;}
    .header .depth2_list>li{border-top:1px solid #e5e5e5}
    .header .depth2_list>li.singleDepth .depth2_link::after{content:none}
    .header .depth2_list .depth2_link {display:block;position:relative; padding:0; font-size:16px; color:#222; font-weight:400; line-height:50px; text-align:left; transition:all 1s} 
    .header .depth2_list .depth2_link:hover::after {display:none;}
    .header .depth2_list .banner {display:none;}
    .header .depth2_list .banner_two{width:100%}
    .header .product .depth2_list {width:100%; justify-content:flex-start;}
    .header .product .depth2_list li {width:100%; background:none !important;}
    .header .product .depth2_list li .depth2_link{display:block;width:100%;height:100%;font-size:16px;color:#222;line-height:50px;}
    .header .about_us .depth2_banner,
    .header .careers .depth2_banner,.header .sustainability 
    .depth2_banner,.header .news_room .depth2_banner {padding-bottom:25px}
    .header .about_us .depth2_banner li,
    .header .careers .depth2_banner li,
    .header .sustainability .depth2_banner li,
    .header .news_room .depth2_banner li {width:100%;height:60px}
    .header .about_us .depth2_banner li a,
    .header .careers .depth2_banner li a,
    .header .sustainability .depth2_banner li a,
    .header .news_room .depth2_banner li a {position:relative;display:inline-block;width:100%;padding:22px 24px;font-size:17px;color:#fff;font-weight:500}
    .header .about_us .depth2_banner li a::after,
    .header .careers .depth2_banner li a::after,
    .header .sustainability .depth2_banner li a::after,
    .header .news_room .depth2_banner li a::after {content:"";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:7px;height:12px;background:url("../images/common/ico_arrow_w.svg") left top no-repeat}
    .header .business .depth2_banner{padding-bottom:0}
    .header .business .depth2_banner.current .depth3_list{display:block}
} /* max 1300*/

@media screen and (max-width: 1024px) {
    .header .gnb_wrap .util_menu .link{font-size:.9375rem;letter-spacing:0;line-height:1}
    .header .gnb_wrap .util_menu .link{font-size:15px;letter-spacing:0;line-height:1}
    .header .gnb_wrap .util_menu .lang_list li a{font-size:.9375rem;letter-spacing:0em;line-height:1.3333333333em}
    .header .gnb_wrap .util_menu .lang_list li a{font-size:15px;letter-spacing:0em;line-height:20px}
    .header .gnb .depth1 .depth1_link{font-size:20px;letter-spacing:0;line-height:1}
    .header .gnb .depth1 .depth1_link{font-size:1.25rem;letter-spacing:0;line-height:1}
    .header .depth3_list>li .depth3_link{font-size:.9375rem;letter-spacing:0;line-height:1}
    .header .depth3_list>li .depth3_link{font-size:15px;letter-spacing:0;line-height:1}
    .header .logo {left:24px}
    .header .btn_nav{right:24px}
    .header .util_menu .link{font-size:18px;letter-spacing:0;line-height:1}
} /* max 1024*/

@media screen and (max-width: 768px) {
    .header .logo {left:20px}
    .header .btn_nav{right:20px}
    .header .util_menu .login_area .btn_login_icon,
    .main-header .header:not(.open).on .header_wrap .util_menu .btn_global, 
    .header.on .util_menu .btn_global,
    .main-header .header:not(.open).on .header_wrap .util_menu .btn_search, 
    .header.on .util_menu .btn_search {width:40px; height:40px;}
    .header .depth2_banner li a{padding:22px 15px}
    .header .depth2_banner li a::after{right:15px}
}
/* max 768*/

@media screen and (max-width: 500px) {
    .main-header .header:not(.open).on .header_wrap .util_menu .btn_global, .header.on .util_menu .btn_global,
    .main-header .header:not(.open).on .header_wrap .util_menu .btn_search, .header.on .util_menu .btn_search {display:none}
    .header .gnb_wrap .util_menu .lang_menu {float:none; display:flex; margin:0; flex-wrap:nowrap;}
    .header .gnb_wrap .util_menu .lang_menu a {font-size: 14px;}
    .main-header .header:not(.open) .header_wrap .logo a {height:32px; margin-top:0;}
} /* max 500*/


/* 검색 영역 스타일 */
.header .search_area{position:absolute;top:0;left:0;right:0;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.1);opacity:0;transform:translateY(-10px);transition:all 0.3s ease;z-index:9999;}
.header .search_area.active{opacity:1;transform:translateY(0);}
.header .search_area .search_inner{max-width:1200px;margin:0 auto;padding:30px 20px;}
.header .search_area .search_form{display:flex;align-items:center;gap:0;justify-content:center;}
.header .search_area .search_form select{padding:12px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:14px;min-width:120px;display:none;}
.header .search_area .search_form .input_wrapper_header{flex:1;max-width:400px;position:relative;}
.header .search_area .search_form .search_input{width:100%;padding:16px 20px;padding-right:50px; border:1px solid #ddd;border-radius:8px 0 0 8px;font-size:16px;color:#222;}
.header .search_area .search_form .input_clear_header {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #222;
    border-radius: 50%;
    transition: all 0.2s ease;
    background-color: #ddd;
    opacity: 0.7;
}
.header .search_area .search_form .input_clear_header:hover{opacity:1;}
.header .search_area .search_form .input_clear_header i{font-size:18px;}
.header .search_area .search_form .search_input:focus{outline:none;border-color:#5b9845 !important;box-shadow:0 0 0 3px rgba(91,152,69,0.1);}
.header .search_area .search_form .search_submit {
    padding: 16px 20px;
    background: #5b9845;
    color: #fff;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 22px;
}
.header .search_area .search_form .search_submit:hover{background:#4a7f38;}
.header .search_area .search_form .search_close{position:absolute;right:48px;padding:8px;background:#fff;color:#222;font-size:24px;border:1px solid #ddd;border-radius:50%;cursor:pointer;transition:all 0.3s;}
.header .search_area .search_form .search_close:hover{background:#e0e0e0;}
.main-header .header .search_area{background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);}

@media screen and (max-width: 768px) {
    .header .search_area .search_inner {padding:20px; display:flex; align-items:center; justify-content:center;}
    .header .search_area .search_inner form,
    .header .search_area .search_inner .search_form {width:100%;}
    .header .search_area .search_form .search_close {position:relative; right:0; margin-left:8px;}
}
/* End: Search_area */

/* global-partners */
.global-partners {
    z-index: 99999;
    display: block;
    position: fixed;
    top: 0;
    right: -200%;
    width: max(calc(460px * var(--base-ratio)), calc(calc(460 / var(--base-size)) * var(--base-percent)));
    height: 100vh;
    background: #fff;
    transition: right .6s ease
}
.global-partners .partners-inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) 0
}
.global-partners .partners-close {
    z-index: 1;
    position: absolute;
    top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
    right: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
    width: 24px;
    height: 24px;
    background-image: url("../images/branchGlobal_close.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center
}
.global-partners .partners-title{opacity:0;position:absolute;top:50%;left:50%;transform:translateX(-50%);width:100%;z-index:10;}
.global-partners .partners-title span{display:block;color:#fff;font-family:"Manrope";font-weight:600;text-align:center;font-size:40px;letter-spacing:0;line-height:1}
.global-partners .partners-img {
    overflow: hidden;
    position: relative;
    width: max(calc(430px * var(--base-ratio)), calc(calc(430 / var(--base-size)) * var(--base-percent)));
    height: max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))
}
.global-partners .partners-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));
    background-image: url("../images/globalBranch_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.global-partners .partners-img .earth-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/img-partners.gif");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center
}
.global-partners .partners-list{width:100%;height:100%;padding:max(calc(35px * var(--base-ratio)),calc(calc(35 / var(--base-size)) * var(--base-percent))) 0 0}
.global-partners .partners-list ul{overflow-y:hidden;height:100%;padding:0 max(calc(15px * var(--base-ratio)),calc(calc(15 / var(--base-size)) * var(--base-percent)))}
.global-partners .partners-list .item:last-of-type{margin:0 0 max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)))}
.global-partners .partners-list .item a {
    opacity: 0;
    transform: translateY(15px);
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 8px;
    color: #222;
    font-family: "Manrope";
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    border-bottom: 1px solid #dde1e6;
    transition: color .5s ease;
    will-change: transform
}
.global-partners .partners-list .item a:before {
    display: inline-block;
    content: "";
    width: 0;
    height: max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));
    background-image: url("../images/ico-home.svg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center;
    transition: all .3s
}
.global-partners .partners-list .item a span i {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
    transform: translateY(-50%);
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    height: max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)))
}
.global-partners .partners-list .item a span i:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("../images/branchGlobal_arrow.svg");background-repeat:no-repeat;background-size:100% auto;background-position:center}
.global-partners .partners-list .item a span i:after{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background-image:url("../images/branchGlobal_arrow_active.svg");background-repeat:no-repeat;background-size:100% auto;background-position:center}
.global-partners .partners-list .item a:hover{color:#5b9845}
.global-partners .partners-list .item a:hover:before {
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    margin-right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
}
.global-partners .partners-list .item a:hover span i:before{right:-100%;transition:right .3s}
.global-partners .partners-list .item a:hover span i:after{right:0;transition:right .3s;transition-delay:.05s}
.global-partners .partners-list .item.on a{color:#5b9845}
.global-partners .partners-list .item.on a:before {
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    margin-right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
}
.global-partners .partners-list .item.on a span i:before{right:-100%}
.global-partners .partners-list .item.on a span i:after{right:0}
.global-partners.active{right:0}
.global-partners.active .partners-title{opacity:1;transition:opacity .8s ease-out;transition-delay:.4s}
.global-partners.active .partners-img .earth_img{bottom:-185%;transition:bottom .8s ease-in-out;transition-delay:.4s}
.global-dim{display:none;position:fixed;left:0;top:0;z-index:99998;width:100%;height:100vh;background-color:#000;opacity:.5}
.global-dim.active{display:block}
.global-partners .partners-list .item.on a:before{margin-right:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)))}
.global-partners.active .partners-img .earth_img{bottom:-203%}
.global-partners.active .partners-list ul {height:100%}

@media screen and (max-width: 1300px) {
    .global-partners .partners-list .item a {font-size:16px;}
    .global-partners .partners-list .item a:before {background-size:100% auto;}
}

@media screen and (max-width: 1024px) {
    .global-partners .partners-title span{font-size:32px;letter-spacing:0;line-height:1}
    .global-partners {width:280px;}
    .global-partners .partners-img{width:100%; border-radius:16px; overflow:hidden;}
    .global-partners .partners-img .earth_img{bottom:-230%}
    .global-partners .partners-list{padding:max(calc(32px * var(--base-ratio)),calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 0}
    .global-partners .partners-list ul{overflow-y:auto; max-height:100%; padding:0 0 max(calc(50px * var(--base-ratio)),calc(calc(50 / var(--base-size)) * var(--base-percent)))}
    .global-partners .partners-list .item a{padding:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)),calc(calc(10 / var(--base-size)) * var(--base-percent)))}
}

@media screen and (max-width: 768px) {    
    .global-partners .partners-list .item a span i {width:16px; height:16px; right:16px;}
    .global-partners .partners-list .item a:before {height:16px;}
    .global-partners .partners-list .item a:hover:before {width:16px; margin-right:8px;}
}
@media screen and (max-width: 400px) {
    .global-partners{width:100%}
}
/* End: global-partners */

/* Start: main Visual */
.main .sticky{position:sticky;left:0;top:0;width:100vw;height:100vh;overflow:hidden}
.main .hide {overflow:hidden;visibility:hidden;opacity:0}

/* Start: main visual */
.main .sec_visual{width:100%;height:100vh;position:relative;overflow:hidden}
.main .sec_visual .video_trigger{position:absolute;left:0;top:0;z-index:-1;width:1px;height:100%}
.main .sec_visual.active .bg_dim{opacity:1;visibility:visible}
.main .sec_visual.active .slider_wrap .inner .txt{opacity:0}
.main .sec_visual.active .slider_wrap .controller{opacity:0}
.main .sec_visual.active .news_wrap{opacity:0 !important;transition:.3s}
.main .sec_visual .bg_dim {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s cubic-bezier(0.4, -0.09, 0.4, 1.23),visibility .5s cubic-bezier(0.4, -0.09, 0.4, 1.23);
    z-index: 2
}
.main .sec_visual .m_sticky{width:100%;height:100%;position:relative;z-index:1}
.main .sec_visual .slider_wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.main .sec_visual .slider_wrap .video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:rgb(0,0,0);}
.main .sec_visual .slider_wrap .video:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
    /* background: rgba(0, 0, 0, .6);  */
}
.main.renewal .sec_visual .slider_wrap .video video{width:100%;height:100%;object-fit:cover;}
@keyframes textPulse {
    0%, 100% {
        opacity: 0.8;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
}
.main .sec_visual .slider_wrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.main .sec_visual .slider_wrap .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,.3)}
.main .sec_visual .slider_wrap .inner {
    width: 100%;
    height: 100%;
    padding: 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));
    box-sizing: border-box;
    display: flex;
    align-items: end
}
.main .sec_visual .slider_wrap .inner .txt{opacity:0;transition:.1s}
.main .sec_visual .slider_wrap .inner .txt p{font-size:68px;letter-spacing:-0.02em;font-family:"Manrope";line-height:1.2;font-weight:600;color:#fff}
.main .sec_visual .slider_wrap .inner .txt p+p{margin-top:max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1))}
.main .sec_visual .slider_wrap .inner .txt strong {margin-top:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));display:block; font-size:22px;letter-spacing:0;line-height:1;font-weight:400;color:#fff}
.main .sec_visual .slider_wrap .inner .txt strong .word{position:relative;overflow:hidden}
.main .sec_visual .slider_wrap .inner .txt strong .word .char{vertical-align:top;line-height:1}
.main .sec_visual .slider_wrap .controller {
    position: absolute;
    left: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));
    bottom: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
    z-index: 1;
    transition: opacity .3s
}
.main .sec_visual .slider_wrap .controller .pagination{font-size:0}
.main .sec_visual .slider_wrap .controller .pagination .swiper-pagination-bullet {
    width: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));
    opacity: 1;
    padding: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0;
    border-radius: 0;
    background: none
}
.main .sec_visual .slider_wrap .controller .pagination .swiper-pagination-bullet .rail{width:100%;height:3px;background:rgba(255,255,255,.3);border-radius:5px}
.main .sec_visual .slider_wrap .controller .pagination .swiper-pagination-bullet .rail .fill{width:0;height:100%;background-color:#fff;border-radius:5px}
.main .sec_visual .slider_wrap .controller .pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))}


.main .sec_visual .news_wrap {
    position: absolute;
    width: max(calc(552px * var(--base-ratio)), calc(calc(552 / var(--base-size)) * var(--base-percent)));
    right: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
    bottom: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
    z-index: 2;
    padding: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
    border-radius: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
    background: rgba(170,170,170,.2);
    backdrop-filter: blur(15px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(50%);
    transition: opacity .5s,transform .5s,background .25s ease-out
}
.main .sec_visual .news_wrap.active{opacity:1;visibility:visible;transform:translateY(0)}
.main .sec_visual .news_wrap:hover{background:rgba(0,0,0,.5)}
.main .sec_visual .news_wrap .top{height:max(calc(153px * var(--base-ratio)),calc(calc(153 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .top a{width:100%;height:100%;display:flex;align-items:center;gap:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .top a .img_area {
    width: calc(50% - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))));
    height: max(calc(153px * var(--base-ratio)), calc(calc(153 / var(--base-size)) * var(--base-percent)));
    border-radius: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
    overflow: hidden;
    transition: .3s ease-out;
    background: #000
}
.main .sec_visual .news_wrap .top a .img_area img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:.3s ease-out}
.main .sec_visual .news_wrap .top a .txt_area {
    width: calc(50% - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))));
    padding-left: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
    box-sizing: border-box
}
.main .sec_visual .news_wrap .top a .txt_area p.tit {
    font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    line-height: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));
    max-height: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));
    font-weight: 500;
    color: #fff;
    transition: .3s ease-out;
    text-decoration: underline rgba(0,0,0,0)
}
.main .sec_visual .news_wrap .top a:hover .img_area img{transform:scale(1.1)}
.main .sec_visual .news_wrap .top a:hover .txt_area p.tit{text-decoration:underline #fff}
.main .sec_visual .news_wrap .top+.bot{margin-top:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .flex {width:100%; display:flex; align-items:center; gap:8px;}
.main .sec_visual .news_wrap .flex + .flex {margin-top:8px;}
.main .sec_visual .news_wrap .flex-column {width:100%; height:100%; display:flex; flex-direction:column; align-items:center; flex:1; gap:8px;}
.main .sec_visual .news_wrap .flex-column .img_area {width:100%;}
.main .sec_visual .news_wrap.active{opacity:1;visibility:visible;transform:translateY(0)}
.main .sec_visual .news_wrap:hover{background:rgba(0,0,0,.5)}
.main .sec_visual .news_wrap .top{height:max(calc(153px * var(--base-ratio)),calc(calc(153 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .top a{width:100%;height:100%;display:flex;align-items:center;gap:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .img_area,.main .sec_visual .news_wrap .top a .img_area {width:calc(50% - max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent))));height:max(calc(153px * var(--base-ratio)),calc(calc(153 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(10px * var(--base-ratio)),calc(calc(10 / var(--base-size)) * var(--base-percent)));overflow:hidden;transition:.3s ease-out;background:#000}
.main .sec_visual .news_wrap .img_area img,.main .sec_visual .news_wrap .top a .img_area img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:.3s ease-out}
.main .sec_visual .news_wrap .img_area.img-auto {width:auto; height:auto;}
.main .sec_visual .news_wrap .top a .txt_area{width:calc(50% - max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));box-sizing:border-box}
.main .sec_visual .news_wrap p.tit {
    font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    word-wrap: nowrap;
    line-height: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));
    max-height: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));
    font-weight: 500;
    color: #fff;
    transition: .3s ease-out;
}
.main .sec_visual .news_wrap .top a:hover .img_area img{transform:scale(1.1)}
.main .sec_visual .news_wrap .top a:hover .txt_area p.tit{text-decoration:underline #fff}
.main .sec_visual .news_wrap .top+.bot{margin-top:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .bot ul{display:flex;gap:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .bot ul li{width:calc(50% - max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent))));height:max(calc(153px * var(--base-ratio)),calc(calc(153 / var(--base-size)) * var(--base-percent)))}
.main .sec_visual .news_wrap .bot ul li.img a{display:block;width:100%;height:100%;border-radius:max(calc(10px * var(--base-ratio)),calc(calc(10 / var(--base-size)) * var(--base-percent)));overflow:hidden;transition:.3s ease-out}
.main .sec_visual .news_wrap .bot ul li.img a img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:.3s ease-out}
.main .sec_visual .news_wrap .bot ul li.img:hover a img{transform:scale(1.1)}

@media screen and (max-width: 1400px) {
    .main .sec_visual .slider_wrap .inner {padding:90px 40px 120px;}
    .main .sec_visual .slider_wrap .controller {left:40px;}
    .main .sec_visual .slider_wrap .controller .pagination .swiper-pagination-bullet {width:80px;}
    .main .sec_visual .slider_wrap .inner .txt p {font-size:52px;}
    .main .sec_visual .slider_wrap .inner .txt strong {font-size:18px;}
    .main .sec_visual .news_wrap {width:440px;}
    .main .sec_visual .news_wrap .img_area {height:120px;}
    .main .sec_visual .news_wrap p.tit {font-size: 16px;}
} /* max 1400 */

@media screen and (max-width: 1024px) {
    .main .sec_visual{width:100%;height:auto}
    .main .sec_visual .sticky{height:100%;position:relative;overflow:visible}
    .main .sec_visual .bg_dim{display:none}
    .main .sec_visual .m_sticky{left:0;top:0;width:100%;height:100vh;height:100svh;overflow:hidden}
    .main .sec_visual .slider_wrap .inner {padding:64px 20px 300px;}
    .main .sec_visual .slider_wrap .inner .txt p {font-size:48px;}
    .main .sec_visual .slider_wrap .inner .txt strong {margin-top:12px;}
    .main .sec_visual .slider_wrap .controller {left:20px; bottom:220px;}
    .main .sec_visual .news_wrap {right:auto; left:20px; padding:12px;}
    .main .sec_visual.active .slider_wrap .controller{opacity:1}
    .main .sec_visual.active .news_wrap{opacity:1 !important}
} /* max 1024 */

@media screen and (max-width: 768px) {
    .main .sec_visual .slider_wrap .inner{padding:64px 20px 260px;}
    .main .sec_visual .slider_wrap .controller {bottom: 200px;}

} /* max 768 */

@media screen and (max-width: 600px) {
    .main .sec_visual .slider_wrap .inner .txt p {font-size:40px !important;}
}  /* max 600 */

@media screen and (max-width: 500px) {
    .main .sec_visual .slider_wrap .inner .txt {width:100%; text-align:center;}
    .main .sec_visual .slider_wrap .inner .txt p {font-size:36px !important; word-break:keep-all;}
    .main .sec_visual .news_wrap {left:20px; right:20px; width:calc(100% - 40px);}
    .main .sec_visual .slider_wrap .inner .txt strong {word-break:keep-all; line-height:1.4; width:80%; margin:16px auto 0; font-size:16px;}
    .main .sec_visual .news_wrap .img_area {height:100px;}
    .main .sec_visual .slider_wrap .inner {padding:64px 20px 220px;}
    .main .sec_visual .slider_wrap .controller {bottom:170px; left:50%; transform:translate(-50%);}
    .main .sec_visual .slider_wrap .controller .pagination .swiper-pagination-bullet {width:60px;}
}  /* max 500 */
/* End: main visual */

/* footer */
.footer{position:relative; width:100%; margin:0 auto;background-color:#0f0f0f;z-index:10;padding:0 !important;}
.footer .footer_inner{margin:0 auto;width:auto;padding:0 min(4.166vw,80px);width:100%;max-width:1920px}
.footer .footer_inner .top{padding:min(0.8vw,20px) 0;display:flex;align-items:center;justify-content:space-between;}
.footer .footer_inner .bot{border-top:1px solid rgba(255,255,255,.1);padding:min(1.562vw,30px) 0 min(2.604vw,50px)}
.footer .menu_list {position:relative;}
.footer .menu_list a {display:inline-block; vertical-align:middle; padding:min(0.625vw,12px) min(1.041vw,20px); color:rgba(255,255,255,0.8); font-size:15px; font-weight:300}
.footer .menu_list a:hover{color:#fff}
.footer .menu_list a:first-child {padding-left: 0;}
.footer .sns-area{align-items:center;gap:8px;}
.footer .sns-area .btn{display:inline-block; width:40px;height:40px;color:#fff;font-size:20px;text-align:center;line-height:40px;border-radius:50%;background-color:rgba(255,255,255,0.1);}
.footer .sns-area .btn i[class^="ri-"]{font-weight:normal;}
.footer .sns-area .btn:hover{color:#101010;background-color:#fff;}
.footer .sns-area .copy-notification {display: none;}
.footer .bot .box {display:flex; align-items: flex-end; justify-content:space-between;}
.footer .address_area{display:flex;flex-direction:column;align-items:flex-start;gap:4px;word-break:keep-all;word-wrap:break-word;font-weight:200;line-height:1.4;color:rgba(255,255,255,.8);text-align:left}
.footer .address_area p {font-size:15px; line-height:1.4; word-break:keep-all;}
.footer .address_area .flex{display:flex;align-items:center;justify-content:flex-start;}
.footer .address_area .flex span + span::before{content:"";display:inline-block;width:1px;height:12px;background-color:rgba(255,255,255,0.2);margin:0 8px;vertical-align:middle;}
.footer .copyright {margin-top:min(0.8vw, 24px); font-size:14px; color: rgba(255,255,255,0.5); font-weight:normal; word-break: keep-all;}
@media screen and (min-width: 1024px) {
    .footer .menu_list a{font-size:16px;letter-spacing:0;line-height:1}
    .footer .address_area{font-size:14px;letter-spacing:-0.02em;line-height:1.4;}
}
@media screen and (max-width: 1024px) {
    .footer .footer_inner{padding:0 40px}
    .footer .footer_inner .top{padding:20px 0}
    .footer .footer_inner .bot{border-top:1px solid rgba(255,255,255,.4);padding:30px 0 40px}
    .footer .footer_inner .bot .box a.logo{width:170px;height:21px;margin-bottom:24px}
    .footer .footer_inner .bot .box:last-child{width:100%;display:block}
    .footer .menu_list a{position:relative;padding:10px 15px;font-size:16px;letter-spacing:0;line-height:1}
    .footer .address_area{font-size:14px;letter-spacing:-0.02em;}   
    .footer .menu_list br{display:none} 
    .footer .address_area .copyright{margin-top:12px}
}
@media screen and (max-width: 768px) {
    .footer .footer_inner .top {padding:8px 0;}
    .footer .footer_inner{padding:0 20px}
    .footer .footer_inner .bot{padding:24px 0}
    .footer .menu_list{position:relative;display:flex;align-items:center;gap:16px;}
    .footer .menu_list a{padding:0;font-size:14px;}
}

@media screen and (max-width: 500px) {    
    .footer .address_area p {font-size:14px;}
    .footer .address_area p:first-child {font-size:16px;}
}


/* topBtn */
#topBtn{opacity:0;visibility:hidden;position:absolute;right:20px;z-index:1999;transition:opacity .2s}
#topBtn.on{opacity:1;visibility:visible}
#topBtn.fixed{position:fixed;bottom:40px}
#topBtn button{position:relative;width:min(3.333vw,64px);height:min(3.333vw,64px);background-color:#fff;background:rgba(170,170,170,.4);backdrop-filter:blur(15px);border-radius:50%;}
#topBtn button:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:22px;background:url("../images/btn_top.svg") center center no-repeat}
@media screen and (max-width: 1024px) {
    #topBtn{right:10px}
    #topBtn.on{bottom:20px}
    #topBtn button{width:40px;height:40px}
    #topBtn button:after{width:14px;height:18px;background-size:cover}
}


/*  */
.top_wrap{overflow:hidden;margin:0 auto min(4.166vw,80px);padding:0 min(1.041vw,20px);max-width:1240px;width:auto}
.top_wrap .tit{z-index:1;float:left;position:relative;padding-right:240px}
.top_wrap .tit::before{content:"";position:absolute;right:0;top:50%;width:240px;height:1px;background-color:#e5e5e5}
.top_wrap h2{z-index:2;position:relative;padding-right:min(2.083vw,40px);color:#222;font-weight:bold}
.visual_wrap{overflow:hidden;position:relative;margin:0 auto min(8.333vw,160px);max-width:1920px;width:min(91.666vw,1760px)}
.visual_wrap .visual{overflow:hidden;height:min(20.833vw,400px);max-height:min(20.833vw,400px);position:relative}
.visual_wrap .visual:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:""}
.visual_wrap .visual:before{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;animation:visualScale 1s linear}
.visual_wrap .txt{margin:min(2.083vw,40px) auto 0;padding:0 min(1.041vw,20px);max-width:1240px;width:auto;color:#222}
.visual_wrap .txt{font-size:1.25rem;letter-spacing:-0.03em;line-height:1.5em}
.aboutUs .visual_wrap .visual::before{background-image:url("../images/visual_aboutUs.jpg")}
.sustainability .visual_wrap .visual::before{background-image:url("../images/visual_sustainability.jpg")}
.governance .visual_wrap .visual::before{background-image:url("../images/visual_governance.jpg")}
.ethics .visual_wrap .visual::before{background-image:url("../images/visual_ethics.jpg")}
.security .visual_wrap .visual::before{background-image:url("../images/visual_security.jpg")}
.legal .visual_wrap .visual::before{background-image:url("../images/visual_legal.jpg")}
.report .visual_wrap .visual::before{background-image:url("../images/cvisual_report.jpg")}

@keyframes visualScale {
    0%{opacity:0;-webkit-transform:scale(1.12);transform:scale(1.12)}
    75%{opacity:1}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.nodata_wrap{padding:min(8.333vw,160px) 0;text-align:center}
.nodata_wrap.border{border-top:2px solid #5b9845;border-bottom:1px solid #e5e5e5}
.nodata_wrap .txt{color:#222;font-weight:bold}
.nodata_wrap .txt>span{color:#5b9845}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.side_line{padding-left:15px;position:relative}
.side_line:before{display:block;position:absolute;top:0;left:0;width:3px;height:100%;content:"";background-color:#5b9845}
.bottom_line{padding-bottom:20px;position:relative}
.bottom_line:before{display:block;position:absolute;top:unset;bottom:0;left:0;width:40px;height:3px;content:"";background-color:#5b9845}

@media screen and (max-width: 1024px) {    
    .top_wrap h2{font-size:56px;letter-spacing:0;line-height:1}
    .visual_wrap .txt{font-size:20px;letter-spacing:-0.03em;line-height:30px;}
    .nodata_wrap .txt{font-size:40px;letter-spacing:-0.03em;line-height:50px}
    .side_line{padding-left:min(1.902vw,7px)}
    .side_line:before{top:3px;width:2px;height:14px}
    .bottom_line{margin-bottom:12px;padding-bottom:15px}
    .bottom_line:before{height:2px}
    .wrap{width:100%}
    .container{padding:55px 0 100px}
    .container h3{margin-bottom:15px}
    .top_wrap{margin:0 auto 30px;padding:0 24px}
    .top_wrap .tit{position:static;padding-right:0}
    .top_wrap .tit::before{content:none}
    .top_wrap h2{position:static;padding-right:0; font-size:33px;letter-spacing:0;line-height:1}
}

.video-visual .pc-visual{display:block}
.video-visual .mo-visual{display:none;width:100%;height:100%}
.video-visual .mo-visual.abs{position:absolute;top:0;left:0}
.video-visual .mo-visual img{width:100%;height:100%;object-fit:cover}
.nodata_wrap .txt{font-size:1.5625rem;letter-spacing:0em;line-height:1}
.scroll_custom{overflow-y:auto}
.scroll_custom::-webkit-scrollbar-track{background-color:#fff}
.scroll_custom::-webkit-scrollbar{width:5px;background-color:#fff}
.scroll_custom::-webkit-scrollbar-thumb{background-color:#ccc}

@media screen and (max-width: 1300px) {
    .visual_wrap{width:98%}
}

@media screen and (max-width: 1024px) {
    .visual_wrap{overflow:hidden;position:relative;margin:0 auto 80px;padding:0 24px;width:100%}
    .visual_wrap .visual{height:173px;max-height:173px}
    .visual_wrap .visual::after{content:none}
    .visual_wrap .txt{opacity:1;margin:30px auto 0;padding:0}
    .visual_wrap .txt{font-size:15px;letter-spacing:-0.03em;line-height:23px}
    .nodata_wrap{padding:100px 0}
    .nodata_wrap .txt{font-size:25px;letter-spacing:0em;line-height:1}
    .video-visual .pc-visual{display:none}
    .video-visual .mo-visual{display:block}
}

/* Start: tab_list */
.tab_list{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;width:100%;margin-bottom:min(4.166vw,80px);border:1px solid #e5e5e5}
.tab_list.list_4 .tab{width:25%}
.tab_list .tab{width:50%;position:relative}
.tab_list .tab:after{display:block;position:absolute;top:50%;right:0;width:1px;height:30%;content:"";transform:translateY(-50%);background-color:#e5e5e5}
.tab_list .tab:last-child:after{display:none}
.tab_list .tab a{display:block;padding:min(1.302vw,25px);width:100%;color:#888;font-weight:600;text-align:center}
.tab_list .tab a{font-size:1.5rem;letter-spacing:0em;line-height:1.2083333333em}
.tab_list .tab a:hover{color:#5b9845}
.tab_list .tab.active a,.tab_list .tab.swiper-slide-active a{color:#5b9845}
.tab_list.type2{position:relative;margin-bottom:min(2.083vw,40px);border:none}
.tab_list.type2 .tab{width:20%}
.tab_list.type2 .tab a{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;height:100%;padding:min(0.781vw,15px)}
.tab_list.type2 .tab.active a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#5b9845}
.tab_list.type2 .tab.active a{padding:min(1.041vw,20px)}
.tab_list.type2 .tab.active a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#5b9845}
.tab_cont .tabpanel{display:none}
.tab_cont .tabpanel.active{display:block}
.tab_list_wrap{margin-bottom:min(4.166vw,80px);padding:min(1.562vw,30px) min(2.083vw,40px) min(1.979vw,38px);background-color:#f5f5f5}
.tab_list_wrap .tab_btn_list{width:auto}
.tab_list_wrap .tab_btn_list li{width:auto;margin-left:min(1.041vw,20px)}
.tab_list_wrap .tab_btn_list li:first-child{margin-left:0}
.tab_list_wrap .tab_btn_list li.active a{color:#fff;border:1px solid #5b9845;background-color:#5b9845}
.tab_list_wrap .tab_btn_list li a{display:inline-block;padding:0 min(1.302vw,25px);min-width:140px;width:auto;height:3.125rem;border-radius:30px;color:#222;text-align:center;font-weight:600;border:1px solid #ccc;background-color:#fff}
.tab_list_wrap .tab_btn_list li a:hover{color:#fff;border:1px solid #5b9845;background-color:#5b9845}
.tab_list_wrap .progress_wrap{position:absolute;bottom:0;left:0;width:100%;height:30px;cursor:pointer}
.tab_list_wrap .progress_wrap .progress_bar{position:relative;left:0;top:8px;width:100%;height:4px;background-color:#ccc}
.tab_list_wrap .progress_wrap .swiper-scrollbar{padding-top:20px;top:-3px;background:rgba(0,0,0,0)}
.tab_list_wrap .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag{height:8px;margin-top:0;background-color:#5b9845;border-radius:0;transition:height .1s ease-in-out;cursor:pointer}

@media screen and (min-width:1024px){
    .tab_list .tab a{font-size:24px;letter-spacing:0em;line-height:29px}
    .tab_list.type2 .tab a{font-size:20px;letter-spacing:-0.03em;line-height:24px}
    .tab_list_wrap .tab_btn_list li a{font-size:20px;letter-spacing:-0.03em;line-height:50px}
    .tab_list{margin-bottom:35px}
    .tab_list .tab a{display:block;padding:17px 10px}
    .tab_list .tab a{font-size:16px;letter-spacing:0;line-height:1}
    .tab_list.type2{margin-bottom:20px}
    .tab_list.type2>.tab>a{font-size:16px; letter-spacing:-0.017em; line-height:19px}
}
/* End: tab_list */

/* Start: .business_slide */
.business_slide{overflow:visible}
.business_slide .swiper-slide:last-child{margin-right:0}
.business_slide .swiper-slide:hover .txt_box .tit{text-decoration:underline}
.business_slide .swiper-slide a{display:block}
.business_slide .progress_wrap{position:relative;height:50px;top:min(3.125vw,60px);cursor:pointer}
.business_slide .progress_wrap .progress_bar{position:absolute;left:0;top:50%;right:0;width:100%;height:4px;background-color:#ccc;transform:translateY(-50%)}
.business_slide .progress_wrap .swiper-scrollbar{padding:21px 0;background:rgba(0,0,0,0)}
.business_slide .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag{height:8px;margin-top:0;background-color:#5b9845;border-radius:0;transition:height .1s ease-in-out;cursor:pointer}
.business_slide .box_area{transition:transform .45s cubic-bezier(0.2,0.6,0.3,1)}
.business_slide .img_box{overflow:hidden;position:relative;width:100%;height:0;padding-top:115.226%;margin-bottom:min(1.562vw,30px)}
.business_slide .img_box .img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%)}
.business_slide .img_box img{width:auto;height:100%;max-width:none;object-fit:fill}
.business_slide .txt_box .tit{margin-bottom:min(1.041vw,20px);color:#222;font-weight:600}
.business_slide .txt_box .tit{font-size:1.5rem;letter-spacing:0;line-height:1}
.business_slide .txt_box .caption{font-size:0}
.business_slide .txt_box .caption *{display:inline-block;vertical-align:middle;color:#888}
.business_slide .txt_box .caption .name{margin-left:min(1.041vw,20px);padding-left:min(1.041vw,20px);position:relative}
.business_slide .txt_box .caption .name:before{display:block;position:absolute;top:50%;left:0;width:1px;height:20px;content:"";transform:translate(0,-50%);background-color:#ccc}
.business_slide.on .swiper-slide .box_area{transform:scale(0.9);cursor:grab}
.business_slide .txt_box .caption .date{font-size:20px;letter-spacing:-0.01em;line-height:23px}
.business_slide .txt_box .tit {font-size:24px;letter-spacing:0;line-height:1;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:33px;max-height:66px}

.cursor {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: min(5.208vw, 100px);
    height: min(5.208vw, 100px);
    background: url("/resources/images/business/cursor_drag.svg") 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
    transform: scale(0.2);
    z-index: 9
}
.cursor.on{opacity:1;visibility:visible;transition:transform .45s ease,opacity .3s ease}

@media screen and (max-width: 1024px) {
    .cursor{width:80px;height:80px}
}

@media screen and (max-width: 768px) {
    .cursor.mobile {
        opacity:1;
        visibility: visible;
        position: absolute;
        background: url("/resources/images/business/m/cursor_drag.svg") 0 0 no-repeat;
        background-size: 100% auto;
        transition: transform .45s ease,opacity .3s ease
    }

    .cursor.mobile::before {
        content: "DRAG";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        font-size: 12px;
        color: #fff;
        text-align: center;
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 1024px) { 
    .business_slide .progress_wrap{top:40px;height:30px}
    .business_slide .progress_wrap .swiper-scrollbar{max-width:100%;width:100%;padding:10px 0}
    .business_slide .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag{height:6px;margin-top:1px}
    .business_slide .img_box{margin-bottom:20px}
    .business_slide .txt_box .tit{margin-bottom:15px; font-size:17px;  letter-spacing:0;line-height:1}
    .business_slide .txt_box .caption .date {font-size:15px;letter-spacing:0em;line-height:17px}
    .business_slide .txt_box .caption .name {margin-left:10px;padding-left:10px;position:relative; font-size:15px;  letter-spacing:0; line-height:1.2}
    .business_slide .txt_box .caption .name:before{display:inline-block;vertical-align:middle;height:10px;content:""}
}

@media screen and (max-width: 767px) {
    .business_slide{position:relative}
    .business_slide .progress_wrap{top:60px}
    .business_slide .progress_wrap::before{content:"";position:absolute;left:0;top:50%;width:100%;min-width:345px;height:4px;background-color:#ccc;transform:translateY(-50%);margin-top:-1px}
    .business_slide .progress_wrap .progress_bar{opacity:0}
}


/* Start: solution */
.main .sec_solution{background:#fff;position:relative}
.main .sec_solution .cont_wrap .con{position:relative;height:100vh;--mask-overlay:0 0 0 100%}
.main .sec_solution .cont_wrap .con .mask_trigger{position:absolute;left:0;top:0;width:100%;height:1px;opacity:0;visibility:hidden}
.main .sec_solution .cont_wrap .con .sticky{display:flex;align-items:start}
.main .sec_solution .cont_wrap .con .txt_area {
    width: 50%;
    height: 100%;
    padding: 0 80px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column
}
.main .sec_solution .cont_wrap .con .txt_area .inner{width:100%;position:relative;padding-top:max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent)))}
.main .sec_solution .cont_wrap .con .txt_area .tit{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:.4s .2s ease-out;z-index:2}
.main .sec_solution .cont_wrap .con .txt_area .tit strong {
    display: block;
    font-family: "Manrope";
    font-size: max(calc(68px * var(--base-ratio)), calc(calc(68 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: #5b9845 ;
    line-height: 1.2;
    transition: .4s .2s ease-out
}
.main .sec_solution .cont_wrap .con .txt_area .tit p {
    font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 1.4;
    color: #222;
    margin-top: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
    transition: .4s .4s ease-out
}
.main .sec_solution .cont_wrap .con .txt_area .m_video{display:none}
.main .sec_solution .cont_wrap .con .txt_area .list{opacity:0;visibility:hidden;transform:translateY(50%);transition:.4s ease-out;position:relative;z-index:3}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top{border-bottom:1px solid #ddd}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button {
    font-family: "Manrope";
    font-size: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 600;
    line-height: 1.3;
    color: rgba(34,34,34,.3);
    padding: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) 0;
    display: flex;
    gap: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
    width: 100%;
    align-items: center;
    position: relative;
    transition: .3s ease-out
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button img{margin:0;opacity:0;visibility:hidden;transition:.5s}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button i {
    position: absolute;
    right: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));
    top: 50%;
    transform: translateY(-50%);
    width: max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent)));
    height: max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent)));
    transition: .3s ease-out
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button i:before {
    content: "";
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ccc;
    transform-origin: left top
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button i:after {
    content: "";
    width: 2px;
    height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ccc;
    transform-origin: left top
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button:hover{color:#222}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .top button:hover i{transform:translateY(-50%) rotate(90deg)}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc {
    padding: max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))) 0 max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));
    display: none
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul {
    display: flex;
    gap: max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));
    flex-wrap: wrap;
    max-height: max(calc(229px * var(--base-ratio)), calc(calc(229 / var(--base-size)) * var(--base-percent)));
    overflow-y: auto;
    padding: 0 max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul::-webkit-scrollbar {
    width: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));
    height: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul::-webkit-scrollbar-track {
    background: #e8ebfc;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)))
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul::-webkit-scrollbar-thumb {
    background: #5b9845 ;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)))
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul::-webkit-scrollbar-thumb:hover{cursor:pointer}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li{width:calc(33.333333% - max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent))))}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    border-radius: max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));
    position: relative;
    display: flex;
    flex-direction: column;
    gap: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
    padding: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    transition: .25s ease-out
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a p {
    font-size: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    font-weight: 600;
    line-height: 1.3;
    color: #222
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a p sub{font-size:50%;vertical-align:.01em}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a p sup{font-size:30%;vertical-align:1.5em}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a i {
    display: block;
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    position: relative;
    overflow: hidden
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a i:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/sec_solution_acco_area_arrow_ico_off.svg") center center no-repeat;
    background-size: 100% auto;
    transition: .25s ease-out;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a i:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/sec_solution_acco_area_arrow_ico_on.svg") center center no-repeat;
    background-size: 100% auto;
    transition: .25s ease-out;
    position: absolute;
    left: -100%;
    top: 0;
    opacity: 0
}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a:hover i:before{left:100%;opacity:0}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area .desc ul li a:hover i:after{left:0;opacity:1}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area.active .top{border-bottom-color:rgba(0,0,0,0)}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area.active .top button{color:#222}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area.active .top button img{opacity:1;visibility:visible}
.main .sec_solution .cont_wrap .con .txt_area .list .acco_area.active .top button i:before,.main .sec_solution .cont_wrap .con .txt_area .list .acco_area.active .top button i:after{opacity:0}
.main .sec_solution .cont_wrap .con .img_area{width:50%;height:100%;position:relative;z-index:2;pointer-events:none}
.main .sec_solution .cont_wrap .con .video{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;overflow:hidden;background:#000;clip-path:inset(var(--mask-overlay))}
.main .sec_solution .cont_wrap .con .video video{width:100%;height:100%;object-fit:cover}
.main .sec_solution .cont_wrap .con .video iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-width:177.78vh;min-height:100.2vh}
.main .sec_solution .cont_wrap .con .video .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    z-index: 2;
    gap: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)))
}
.main .sec_solution .cont_wrap .con .video .text p {
    font-size: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-out
}
.main .sec_solution .cont_wrap .con .video .text i{transform:translateY(50%);opacity:0;visibility:hidden;transition:.5s ease-out}
.main .sec_solution .cont_wrap .con.active .txt_area .tit{top:0;transform:translateY(0);transition:.4s .2s}
.main .sec_solution .cont_wrap .con.active .txt_area .tit strong{font-size:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:600;line-height:1.3;transition:.4s .2s}
.main .sec_solution .cont_wrap .con.active .txt_area .tit p{opacity:0;visibility:hidden;transition:.2s}
.main .sec_solution .cont_wrap .con.active .txt_area .list{opacity:1;visibility:visible;transform:translateY(0);transition:.4s .2s ease-out}
.main .sec_solution .cont_wrap .con.mask_active .video .text p{transform:translateY(0);opacity:1;visibility:visible}
.main .sec_solution .cont_wrap .con.mask_active .video .text i{transform:translateY(0);opacity:1;visibility:visible}
.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area .top button img{width:max(calc(160px * var(--base-ratio)),calc(calc(160 / var(--base-size)) * var(--base-percent)))}
.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area .top button:hover i:before,.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area .top button:hover i:after{background-color:#5b9845}
.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area .desc ul li a{background-color:#f1f3fd}
.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area .desc ul li a:hover{background-color:#5b9845}
.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area .desc ul li a:hover p{color:#fff}
.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area.active .top button i:before,.main .sec_solution .cont_wrap .con1 .txt_area .list .acco_area.active .top button i:after{background-color:#5b9845}
.main .sec_solution .cont_wrap .con2 .sticky{flex-direction:row-reverse}
.main .sec_solution .cont_wrap .con2 .txt_area .tit{text-align:center}
.main .sec_solution .cont_wrap .con2 .txt_area .tit strong{color:#5b9845}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .top button{flex-direction:row-reverse}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .top button img{width:max(calc(152px * var(--base-ratio)),calc(calc(152 / var(--base-size)) * var(--base-percent)))}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .top button i{right:auto;left:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)))}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .top button:hover i:before,.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .top button:hover i:after{background-color:#5b9845}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .desc ul{justify-content:flex-end}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .desc ul li a{background-color:#f1f5ed}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .desc ul li a:hover{background-color:#5b9845}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area .desc ul li a:hover p{color:#fff}
.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area.active .top button i:before,.main .sec_solution .cont_wrap .con2 .txt_area .list .acco_area.active .top button i:after{background-color:#5b9845}
.main .sec_solution .cont_wrap .con2 .video:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}
/* Start: main 오시는길 */
.main .sec_solution .cont_wrap .con .video video{position:relative;z-index:2;opacity:0.8;}
.main .sec_solution .cont_wrap .con2 .video:before{background-color:#000;}
.main .sec_solution .cont_wrap .con .video .text{width:500px;max-width:80%;z-index:3;}
.location_info_box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
    -webkit-box-shadow: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 rgba(0, 0, 0, .1);
    box-shadow: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 rgba(0, 0, 0, .1);
    border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
}
.location_info_box .info_content{width:100%;height:100%;overflow:hidden;}
.location_info_box:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));
    backdrop-filter: blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));
    border-radius: inherit;
}
.location_info_box .location_title{font-size:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#fff;font-weight:500;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.4);}
.location_info_box .address_info{margin-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.location_info_box .address_item{display:flex;align-items:flex-start;gap:16px;}
.location_info_box .address_item .label{display:inline-block;margin-top:2px;font-size:20px;color:#fff;font-weight:100;}
.location_info_box .address_item p{font-family:'Pretendard' sans-serif;font-size:16px;font-weight:400;text-align:left !important;}
.location_info_box .address_item p span{display:block;}
/* End: main 오시는길 */

/* Start: main 온라인 문의하기 */
.main .sec_solution .cont_wrap .con.active .txt_area .list { transform:translateY(-36px);}
.inquiry_container{position:relative;z-index:1;}
.inquiry_content{width:100%;background-color:#fff;}
.inquiry_subtitle{font-size:16px;line-height:1.4;letter-spacing:-0.02em;color:#222;font-weight:500;word-break:keep-all;word-wrap:break-word;margin-bottom:24px;text-align:left;}
.inquiry_form{width:100%;}
.form_row{position:relative;display:flex;gap:16px;margin-bottom:16px;}
.form_group{flex:1;position:relative;}
.form_group.full_width{flex:100%;}
.form_group label {font-size:16px;font-weight:400;color:#495057;margin-bottom:8px;align-items:center;display:none;}
.form_group .required{color:#e74c3c;}
.form_group input,
.form_group select,
.form_group textarea{width:100%;padding:12px 16px;border-radius:12px;font-size:16px;color:#222;border:1px solid #ddd;background:transparent;transition:all 0.3s ease;}
.form_group input::placeholder,
.form_group textarea::placeholder {color: rgba(34, 34, 34, .6);}
.form_group input:focus,
.form_group select:focus,
.form_group textarea:focus{outline:none;border-color:#5b9845 !important;transform:translateY(-2px);}.form_group textarea{resize:vertical;min-height:120px;line-height:1.4;}
.form_group select {
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23222222"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    appearance: none;
}
.form_group select option {color:#222;}
.privacy_agreement{display:flex; align-items:flex-start; justify-content:space-between;}
.checkbox_label{display:flex !important;align-items:flex-start !important;gap:12px;cursor:pointer;font-size:0.95rem;line-height:1.5;}
.checkbox_label input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;}
.checkmark {flex-shrink:0;display:inline-block; width:20px;height:20px;border:2px solid #ccc;border-radius:4px;position:relative;transition:all 0.3s ease;background:#fff;}
.checkbox_label input[type="checkbox"]:checked + .checkmark{background:#5b9845;border-color:#5b9845;}
.checkbox_label input[type="checkbox"]:checked + .checkmark::after{content:"\eb7b";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-family:remixicon !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.agreement_text{color:#222;}
.privacy_link{display:inline-block; margin-left:8px; color:#222;text-decoration:underline;font-weight:500;}
.privacy_link:hover{text-decoration:underline;}
.form_actions{display:flex;gap:0;justify-content:center;margin-top:24px;}
.inquiry_content .btn_submit {
    position: relative;
    display: block;
    width: 200px;
    background-color: #fff;
    border: 1px solid #5b9845;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 1.4;
    color: #5b9845;
    border-radius: 99px;
    overflow: hidden;
    z-index: 2;
    transition: .2s ease-out;
}
.btn_submit:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #5b9845;
    transform: translateX(-102%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    transition: .2s ease-out;
    z-index: -1;
}
.btn_submit:hover{color:#fff;transform:translateY(-2px);}
.btn_submit:hover:hover:before{transform:translateX(0);}
.btn_reset {color:#222;transition:0.3s;bottom:-8px; font-size:16px;}
.btn_reset i {display:inline-block; font-size:16px; margin-right:8px;}
.btn_reset:hover{text-decoration:underline;transform:translateY(-1px);}

/* 폼 유효성 검증 스타일 */
.form_group input.error,
.form_group select.error,
.form_group textarea.error {border-color:#e74c3c;}
.form_group input.error:focus,
.form_group select.error:focus,
.form_group textarea.error:focus {border-color:#e74c3c;}

/* 문자 카운터 스타일 */
.char_counter{font-size:0.85rem;color:#fff;text-align:right;margin-top:4px;transition:color 0.3s ease;}
.char_counter span{color:#e74c3c;}
.char_counter.error{color:#e74c3c;font-weight:600;}

.loading:after{font-size:1.875rem;letter-spacing:0;line-height:1}

/* 폼 성공 애니메이션 */
.form_success{animation:successPulse 0.6s ease-in-out;}
@keyframes successPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

/* 로딩 애니메이션 */
.ri-loader-4-line{animation:spin 1s linear infinite;}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 반응형 */
@media screen and (max-width: 1300px) {
    .main .sec_solution .cont_wrap .con .txt_area .tit strong {font-size:52px;}
    .main .sec_solution .cont_wrap .con .txt_area {padding:0 40px;}
} /* max 1300 */

@media screen and (max-width: 1200px) {
    .main .sec_solution .cont_wrap .con .video .text p {font-size:18px;}
} /* max 1200 */

@media screen and (max-width: 1024px) {
    .main .sec_solution .cont_wrap .con{height:auto}
    .main .sec_solution .cont_wrap .con .sticky {position:static; display:flex; flex-direction:column-reverse; align-items:flex-start; justify-content:flex-start; height:100%;}
    .main .sec_solution .cont_wrap .con .img_area {width:100%; height:400px; flex-shrink:0;}
    .main .sec_solution .cont_wrap .con .txt_area{width:100%;height:auto;padding:40px 24px; display:block;}
    .main .sec_solution .cont_wrap .con .txt_area .inner{padding:0;}
    .main .sec_solution .cont_wrap .con .txt_area .tit {position:static; transform:none; padding:0; margin-bottom:24px;}
    .main .sec_solution .cont_wrap .con .txt_area .tit strong {font-size:32px; display:block; margin-bottom:12px; transition:none !important;}
    .main .sec_solution .cont_wrap .con .txt_area .tit p{font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.4;margin-top:0; opacity:1; visibility:visible; transform:none;}
    .main .sec_solution .cont_wrap .con .txt_area .list {opacity:1; visibility:visible; transform:none; margin-top:24px;}
    .main .sec_solution .cont_wrap .con .video {position:static; clip-path:none; height:100%;}
    .main .sec_solution .cont_wrap .con .video .text p {transform:none; opacity:1; visibility:visible; transition:none;}
    .main .sec_solution .cont_wrap .con .video .text i {transform:none; opacity:1; visibility:visible; transition:none;}
    .main .sec_solution .cont_wrap .con .video .location_info_box .location_title {font-size:24px; margin-bottom:8px;}
    .main .sec_solution .cont_wrap .con .video .location_info_box .address_item .label {transition:none;}
    .main .sec_solution .cont_wrap .con.active .txt_area .list{transform:translateY(0) !important;}
    .main .sec_solution .cont_wrap .con .video .text {width:430px;}
    .loading:after{font-size:30px;letter-spacing:0;line-height:1}
} /* max 1024 */

@media screen and (max-width: 768px) {
    .sec_inquiry{padding:60px 0;}
    .inquiry_content{padding:0;margin:0;}
    .inquiry_title {font-size:2.2rem;margin-bottom:15px;}
    .inquiry_subtitle{font-size:16px; margin-bottom:24px;}
    .form_row{flex-direction:column; gap:8px; margin-bottom:8px;}
    .form_group input,.form_group select,.form_group textarea{padding:12px 16px;font-size:0.95rem;}
    .main .sec_solution .cont_wrap .con .txt_area{padding:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent))) 0}
    .main .sec_solution .cont_wrap .con .txt_area .tit {padding:0 20px;}
    .main .sec_solution .cont_wrap .con .txt_area .tit strong{font-size:28px;line-height:1;letter-spacing:-0.02em;line-height:1.2}
    .main .sec_solution .cont_wrap .con .txt_area .tit p br {display:none}
    .main .sec_solution .cont_wrap .con .txt_area .list {padding:0 20px;}
    .main .sec_solution .cont_wrap .con .video .text p{font-size:16px;}
    .privacy_agreement {margin-top:8px;}
} /* max 768 */

@media screen and (max-width: 500px) {
    .privacy_agreement{flex-direction:column-reverse;align-items:flex-start;gap:16px;}
    .location_info_box .address_info {gap:8px;}
} /* max 500 */
/* End: main */

/* Start: main 제품소개 */
.main .sec_business{position:relative;width:100%;height:100vh}
.main .sec_business .btn_area {
    position: absolute;
    left: 0;
    top: 48.5%;
    transform: translateY(-50%);
    padding: 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));
    z-index: 2;
    padding-bottom: 92px;
    /* min-height: max(calc(726px * var(--base-ratio)), calc(calc(726 / var(--base-size)) * var(--base-percent))) */
}
.main .sec_business .btn_area .m_select_btn{display:none}
.main .sec_business .btn_area .sub_tit.pc {
    display: block;
    font-size: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(100%);
    transition: .4s;
    margin: 0 0 max(calc(71px * var(--base-ratio)), calc(calc(71 / var(--base-size)) * var(--base-percent)));
    padding-left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))
}
.main .sec_business .btn_area ul li{opacity:0;transform:translateY(50%);transition:transform .2s,opacity .2s}
.main .sec_business .btn_area ul li:nth-child(1){transition-delay:.1s}
.main .sec_business .btn_area ul li:nth-child(2){transition-delay:.2s}
.main .sec_business .btn_area ul li:nth-child(3){transition-delay:.3s}
.main .sec_business .btn_area ul li:nth-child(4){transition-delay:.4s}
.main .sec_business .btn_area ul li:nth-child(5){transition-delay:.5s}
.main .sec_business .btn_area ul li:nth-child(6){transition-delay:.6s}
.main .sec_business .btn_area ul li:nth-child(7){transition-delay:.7s}
.main .sec_business .btn_area ul li:nth-child(8){transition-delay:.8s}
.main .sec_business .btn_area ul li:nth-child(9){transition-delay:.9s}
.main .sec_business .btn_area ul li:nth-child(10){transition-delay:1s}
.main .sec_business .btn_area ul li:nth-child(11){transition-delay:1.1s}
.main .sec_business .btn_area ul li:nth-child(12){transition-delay:1.2s}
.main .sec_business .btn_area ul li:nth-child(13){transition-delay:1.3s}
.main .sec_business .btn_area ul li:nth-child(14){transition-delay:1.4s}
.main .sec_business .btn_area ul li:nth-child(15){transition-delay:1.5s}
.main .sec_business .btn_area ul li:nth-child(16){transition-delay:1.6s}
.main .sec_business .btn_area ul li:nth-child(17){transition-delay:1.7s}
.main .sec_business .btn_area ul li:nth-child(18){transition-delay:1.8s}
.main .sec_business .btn_area ul li:nth-child(19){transition-delay:1.9s}
.main .sec_business .btn_area ul li:nth-child(20){transition-delay:2s}
.main .sec_business .btn_area ul li:nth-child(21){transition-delay:2.1s}
.main .sec_business .btn_area ul li:nth-child(22){transition-delay:2.2s}
.main .sec_business .btn_area ul li:nth-child(23){transition-delay:2.3s}
.main .sec_business .btn_area ul li:nth-child(24){transition-delay:2.4s}
.main .sec_business .btn_area ul li:nth-child(25){transition-delay:2.5s}
.main .sec_business .btn_area ul li:nth-child(26){transition-delay:2.6s}
.main .sec_business .btn_area ul li:nth-child(27){transition-delay:2.7s}
.main .sec_business .btn_area ul li:nth-child(28){transition-delay:2.8s}
.main .sec_business .btn_area ul li:nth-child(29){transition-delay:2.9s}
.main .sec_business .btn_area ul li:nth-child(30){transition-delay:3s}
.main .sec_business .btn_area ul li:nth-child(31){transition-delay:3.1s}
.main .sec_business .btn_area ul li:nth-child(32){transition-delay:3.2s}
.main .sec_business .btn_area ul li:nth-child(33){transition-delay:3.3s}
.main .sec_business .btn_area ul li:nth-child(34){transition-delay:3.4s}
.main .sec_business .btn_area ul li:nth-child(35){transition-delay:3.5s}
.main .sec_business .btn_area ul li:nth-child(36){transition-delay:3.6s}
.main .sec_business .btn_area ul li:nth-child(37){transition-delay:3.7s}
.main .sec_business .btn_area ul li:nth-child(38){transition-delay:3.8s}
.main .sec_business .btn_area ul li:nth-child(39){transition-delay:3.9s}
.main .sec_business .btn_area ul li:nth-child(40){transition-delay:4s}
.main .sec_business .btn_area ul li:nth-child(41){transition-delay:4.1s}
.main .sec_business .btn_area ul li:nth-child(42){transition-delay:4.2s}
.main .sec_business .btn_area ul li:nth-child(43){transition-delay:4.3s}
.main .sec_business .btn_area ul li:nth-child(44){transition-delay:4.4s}
.main .sec_business .btn_area ul li:nth-child(45){transition-delay:4.5s}
.main .sec_business .btn_area ul li:nth-child(46){transition-delay:4.6s}
.main .sec_business .btn_area ul li:nth-child(47){transition-delay:4.7s}
.main .sec_business .btn_area ul li:nth-child(48){transition-delay:4.8s}
.main .sec_business .btn_area ul li:nth-child(49){transition-delay:4.9s}
.main .sec_business .btn_area ul li:nth-child(50){transition-delay:5s}
.main .sec_business .btn_area ul li button {
    display: block;
    min-width: max(calc(196px * var(--base-ratio)), calc(calc(196 / var(--base-size)) * var(--base-percent)));
    padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.4;
    color: #fff;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    background: rgba(255,255,255,.2);
    border: 1px solid rgba(255,255,255,.2);
    backdrop-filter: blur(0) opacity(0);
    position: relative;
    z-index: 1;
    transition: .2s ease-out,backdrop-filter .2s 1s ease-out;
    overflow: hidden;
    text-align: left
}
.main .sec_business .btn_area ul li button:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateX(-102%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    transition: .2s ease-out;
    z-index: -1
}
.main .sec_business .btn_area ul li button[data-con=popup] {
    display: flex;
    align-items: center;
    gap: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
}
.main .sec_business .btn_area ul li button[data-con=popup]:after {
    content: "";
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    display: inline-block;
    vertical-align: middle;
    background: url("/resources/images/main/sec_business_globe_icon.svg") center center no-repeat;
    background-size: 100%
}
.main .sec_business .btn_area ul li button:hover{border-color:#fff}
.main .sec_business .btn_area ul li+li{margin-top:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
.main .sec_business .btn_area ul li.active button{color:#222}
.main .sec_business .btn_area ul li.active button:before{transform:translateX(0)}
.main .sec_business .cont_area{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.main .sec_business .cont_area .con {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: end;
    transition-property: clip-path;
    will-change: transform;
    transition: .4s
}
.main .sec_business .cont_area .con .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.main .sec_business .cont_area .con .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: max(calc(1370px * var(--base-ratio)), calc(calc(1370 / var(--base-size)) * var(--base-percent)));
    padding-right: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
    box-sizing: border-box;
    overflow: hidden
}
.main .sec_business .cont_area .con .inner .tit p {
    font-size: max(calc(52px * var(--base-ratio)), calc(calc(52 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #fff
}
.main .sec_business .cont_area .con .inner .tit p .word{position:relative;overflow:hidden}
.main .sec_business .cont_area .con .inner .tit p .word .char{transform:translateY(100%);opacity:0;line-height:1.5}
.main .sec_business .cont_area .con .inner .tit p.sub_tit {
    display: none;
    font-size: max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(100%);
    transition: .4s;
    margin: 0 0 max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)))
}
.main .sec_business .cont_area .con .inner .tit .btn {
    margin-top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
    transform: translateY(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))));
    opacity: 0;
    visibility: hidden
}
.main .sec_business .cont_area .con .inner .slider_wrap {
    margin-top: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
    padding-bottom: max(calc(84px * var(--base-ratio)), calc(calc(84 / var(--base-size)) * var(--base-percent)));
    position: relative
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-container{overflow:visible}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide {
    width: max(calc(440px * var(--base-ratio)), calc(calc(440 / var(--base-size)) * var(--base-percent)));
    margin-right: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide:last-child{margin-right:0}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
    padding: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
    border-radius: max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(15px) opacity(1);
    overflow: hidden;
    transition: .3s ease-out
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area {
    padding-bottom: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area ol {
    display: flex;
    gap: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area ol li {
    font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 500;
    line-height: 1.3;
    color: #c1c7cd;
    transition: .3s ease-out;
    position: relative
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area ol li+li:before {
    content: "";
    width: 1px;
    height: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
    position: absolute;
    left: max(calc(calc(calc(12 / var(--base-size)) * var(--base-percent)) * -1));
    top: 50%;
    transform: translateY(-50%);
    background: #dde1e6
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area p {
    font-size: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));
    font-family: "Manrope";
    font-weight: 500;
    line-height: 1;
    color: #fff;
    transition: .3s ease-out;
    height: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    word-wrap: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .img_area {
    width: 100%;
    height: max(calc(260px * var(--base-ratio)), calc(calc(260 / var(--base-size)) * var(--base-percent)));
    border-radius: max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));
    overflow: hidden;
    position: relative;
    z-index: 2
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .img_area:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 75%, rgba(0, 0, 0, 0.7) 100%)
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .img_area img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:.3s ease-out}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .img_area p {
    box-sizing: border-box;
    padding: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));
    width: 100%;
    font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    color: #fff;
    word-break: keep-all;
    word-wrap: break-word;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a:hover{background:#fff;transition:.4s ease-out}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a:hover .txt_area ol li{color:#5b9845;transition:.4s ease-out}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a:hover .txt_area ol li:before{background-color:#5b9845}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a:hover .txt_area p{color:#222;transition:.4s ease-out}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a:hover .img_area img{transform:scale(1.1);transition:.4s ease-out}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-scrollbar {
    padding: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background: none;
    cursor: pointer
}
.main .sec_business .cont_area .con .inner .slider_wrap .swiper-scrollbar:before {
    content: "";
    width: 100%;
    height: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    background: rgba(255,255,255,.3);
    position: absolute;
    left: 0;
    top: 49%;
    z-index: 10;
}

.main.renewal .sec_business .cont_area .con .inner .slider_wrap .swiper-scrollbar .swiper-scrollbar-drag {
    position: absolute;
    left: 0;
    top: 49%;
    background: #fff;
    height: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))
}

@media(min-width: 1024px)and (pointer: fine) {
    .main.renewal .sec_business .cont_area .con .inner .slider_wrap .swiper-scrollbar:hover .swiper-scrollbar-drag {
        height:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));
        margin-top: max(calc(calc(calc(2 / var(--base-size)) * var(--base-percent)) * -1))
    }
}
.main .sec_business .cont_area .con.active {
    opacity: 1;
    visibility: visible
}
.main .sec_business.active .btn_area .sub_tit.pc{opacity:1;transform:translateY(0)}
.main .sec_business.active .btn_area ul li{opacity:1;transform:translateY(0)}
.main .sec_business.active .btn_area ul li button{backdrop-filter:blur(10px) opacity(1)}
.main .sec_business.active .cont_area .con .inner .tit p.sub_tit{opacity:1;transform:translateY(0)}
/* Button Swiper for Mobile */
.main .sec_business .btn_area .btn_swiper_container {display:none;}

@media screen and (max-width: 1700px) {    
    .main .sec_business .cont_area .con .inner{width:max(calc(1200px * var(--base-ratio)),calc(calc(1200 / var(--base-size)) * var(--base-percent)));}    
} /*max 1700 */

@media screen and (max-width: 1500px) {    
    .main .sec_business .cont_area .con .inner{width:max(calc(1000px * var(--base-ratio)),calc(calc(1000 / var(--base-size)) * var(--base-percent)));}   
    .main .sec_business .cont_area .con .inner .tit p {font-size: 48px;} 
} /*max 1500 */

@media screen and (max-width: 1300px) {    
    .main .sec_business .cont_area .con .inner {width:max(calc(800px * var(--base-ratio)),calc(calc(800 / var(--base-size)) * var(--base-percent)));}  
    .main .sec_business .cont_area .con .inner .tit p {font-size: 40px;}   
    .main .sec_business .btn_area {padding:0 40px;}
} /*max 1300 */

@media screen and (max-width: 1024px) {
    .header .header_inner {padding:0 24px}
    .main .sec_business {height:auto}
    .main .sec_business:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.7);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.4s;z-index:2}
    .main .sec_business .sticky {height:800px; display:flex;flex-direction:column;align-items:center; justify-content:center; margin:0 auto;}
    .main .sec_business .cont_area .con .inner .tit p {font-size: 36px;}  
    .main .sec_business .btn_area {top:15%; width:100%; padding:0 24px; display:flex; align-items:center; justify-content:center;}
    .main .sec_business .btn_area ul {display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:center;}
    .main .sec_business .cont_area .con .inner {width:100%; padding:140px 24px 0;}
    .main .sec_business .btn_area ul li button {min-width: 120px; padding:12px 20px; font-size:20px; text-align:center; white-space:nowrap;}
    .main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area {padding-bottom:8px;}
    .main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area p {font-size:20px;margin-top:8px;height:52px;word-break:keep-all;}    
    .main .sec_business .btn_area .btn_swiper_container{display:block;width:100%;}
    .main .sec_business .btn_area .btn_list_fallback{display:none;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-wrapper{display:flex;align-items:center;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide{width:auto;flex-shrink:0;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide button{min-width:120px;padding:16px 20px;font-size:20px;text-align:center;white-space:nowrap;display:block;border:1px solid rgba(255,255,255,0.3);border-radius:99px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);color:#fff;position:relative;z-index:1;transition:.2s ease-out;overflow:hidden;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide button:before{content:"";width:100%;height:100%;background-color:#fff;transform:translateX(-102%);position:absolute;left:0;top:0;border-radius:99px;transition:.2s ease-out;z-index:-1;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide button.active{color:#222;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide button.active:before{transform:translateX(0);}
    .main .sec_business .cont_area .con .inner .slider_wrap {margin-top:40px;}    
} /*max 1024 */

@media screen and (max-width: 768px) {
    .main .sec_business .cont_area .con .inner .tit p{font-size:32px; text-align:center;}
    .main .sec_business .btn_area {top:18%;}
    .main .sec_business .cont_area .con .inner .slider_wrap .swiper-slide a .txt_area p {font-size:18px;}
    .main .sec_business .sticky {height:600px;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide button {font-size:18px;}
} /*max 768 */

@media screen and (max-width: 500px) {
    .main .sec_business .btn_area {top:20%;}
    .main .sec_business .btn_area .btn_swiper_container .swiper-slide button {font-size:14px; padding:9px 16px 8px; min-width:auto;}
    .main .sec_business .cont_area .con .inner .tit p {font-size:28px;}
}


/* End: main 제품소개 */

/* Start: main 회사소개 */
.main .sec_esg{width:100%;height:100vh;position:relative}
.main .sec_esg[data-motion] .bg_wrap .txt_area .txt1:not(.hide){transform:translateY(50%);opacity:0;visibility:hidden;transition:.7s}
.main .sec_esg[data-motion] .bg_wrap .txt_area .txt2:not(.hide) .word{position:relative;overflow:hidden}
.main .sec_esg[data-motion] .bg_wrap .txt_area .txt2:not(.hide) .word .char{transform:translateY(100%);opacity:0;transition:.5s .3s ease-out}
.main .sec_esg[data-motion] .bg_wrap .txt_area .txt3:not(.hide) .word{position:relative;overflow:hidden}
.main .sec_esg[data-motion] .bg_wrap .txt_area .txt3:not(.hide) .word .char{transform:translateY(100%);opacity:0;transition:.5s .3s ease-out}
.main .sec_esg[data-motion].active .bg_wrap .txt_area .txt1:not(.hide){transform:translateY(0);opacity:1;visibility:visible}
.main .sec_esg[data-motion].active .bg_wrap .txt_area .txt2:not(.hide) .word .char,.main .sec_esg[data-motion].active .bg_wrap .txt_area .txt3:not(.hide) .word .char{transform:translateY(0);opacity:1}
.main .sec_esg .bg_wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.main .sec_esg .bg_wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%}
.main .sec_esg .bg_wrap .bg ul{position:absolute;left:0;top:0;width:100%;height:100%}
.main .sec_esg .bg_wrap .bg ul li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:visible;clip-path:inset(var(--clip))}
.main .sec_esg .bg_wrap .bg ul li .bg{width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:.8s}
.main .sec_esg .bg_wrap .bg ul li:nth-of-type(1){--clip:0% 76% 0% 0%}
.main .sec_esg .bg_wrap .bg ul li.active+li:nth-of-type(2){--clip:0% 24% 0% 52%}
.main .sec_esg .bg_wrap .bg ul li:nth-of-type(2){--clip:0% 52% 0% 24%}
.main .sec_esg .bg_wrap .bg ul li:nth-of-type(3){--clip:0% 0% 0% 76%}
.main .sec_esg .bg_wrap .bg ul li.active_end{z-index:1;opacity:1;visibility:visible;--clip:0% 0% 0% 0% !important}
.main .sec_esg .bg_wrap .bg ul li.active{opacity:1;visibility:visible;--clip:0% 0% 0% 0% !important;z-index:2;transition:.7s}
.main .sec_esg .bg_wrap .overlay_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: start;
    background: #fff;
    mix-blend-mode: lighten;
    user-select: none;
    color: #000;
    mask: linear-gradient(90deg, var(--mask-section));
    box-sizing: border-box;
    --grid-width: 14.285714% /* 7개 그리드의 균등 너비 */
}
.main .sec_esg .bg_wrap .overlay_bg .grid{height:100%;position:relative;box-sizing:border-box;flex-shrink:0;flex-grow:0;min-width:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:before{content:"";width:1px;height:0;position:absolute;right:0;background:#ccc;transition:1s}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(1){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(1):before{bottom:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(2){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(2):before{top:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(3){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(3):before{bottom:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(4){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(4):before{top:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(5){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(5):before{bottom:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(6){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(6):before{top:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(7){width:var(--grid-width);flex-basis:var(--grid-width)}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(7):before{bottom:0}
.main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(8):before{display:none}
.main .sec_esg .bg_wrap .overlay_bg.active .grid:before{height:100%}
.main .sec_esg .bg_wrap .overlay_text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:3;box-sizing:border-box;text-align:center;transition:.4s}
.main .sec_esg .bg_wrap .overlay_text.active{opacity:0;visibility:hidden}
.main .sec_esg .bg_wrap .txt_area {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    gap: max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)))
}
.main .sec_esg .bg_wrap .txt_area .txt1 {
    font-size: max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    font-weight: bold;
    text-align: center;
    line-height: 1
}
.main .sec_esg .bg_wrap .txt_area .desc .txt2 {
    font-size: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    color: #5b9845 ;
    font-weight: 600;
    line-height: 1.3
}
.main .sec_esg .bg_wrap .txt_area .desc .txt3 {
    margin-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    font-size: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    color: #222;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.3
}
.main .sec_esg .list_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0 12.5%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .6s
}
.main .sec_esg .list_wrap .con {
    width: 33.333333%;
    height: 100%;
    padding: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    transition: width .5s,padding .5s;
    position: relative
}
.main .sec_esg .list_wrap .con:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0,0,0,.13);
    opacity: 0;
    visibility: hidden;
    transition: .5s
}
.main .sec_esg .list_wrap .con:nth-of-type(1) .small{animation:bounce 2s infinite ease-in-out alternate}
.main .sec_esg .list_wrap .con:nth-of-type(2) .small{animation:bounce 2s .1s infinite ease-in-out alternate}
.main .sec_esg .list_wrap .con:nth-of-type(3) .small{animation:bounce 2s .2s infinite ease-in-out alternate}
.main .sec_esg .list_wrap .con .inner{width:100%;height:100%;position:relative}
.main .sec_esg .list_wrap .con .small {
    font-size: max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    opacity: .4;
    transition: font-size .5s,opacity .5s,padding .5s;
    padding-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))
}
.main .sec_esg .list_wrap .con .top {
    display: flex;
    align-items: start;
    gap: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px)
}
.main .sec_esg .list_wrap .con .top .big {
    font-size: max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    color: #fff;
    font-weight: 700;
    line-height: .9
}
.main .sec_esg .list_wrap .con .top .desc {
    padding-top: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))
}
.main .sec_esg .list_wrap .con .top .desc h4 {
    font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    color: #fff;
    font-weight: 400;
    line-height: 1.3
}
.main .sec_esg .list_wrap .con .top .desc p {
    margin-top: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
    font-size: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-family: "Manrope";
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
}
.main .sec_esg .list_wrap .con .top .desc p b{color:#67b14c}
.main .sec_esg .list_wrap .con .top .desc a{margin-top:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)))}
.main .sec_esg .list_wrap .con .bot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))))
}
.main .sec_esg .list_wrap .con .bot .txt_area p {
    font-size: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 300;
    color: #fff;
    line-height: 1.3
}
.main .sec_esg .list_wrap .con .bot .txt_area ul {
    margin-top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))
}
.main .sec_esg .list_wrap .con .bot .txt_area ul li a {
    display: block;
    background: rgba(255,255,255,.23);
    padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: .2s ease-out;
    text-align: left;
}
.main .sec_esg .list_wrap .con .bot .txt_area ul li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateX(-102%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    transition: .2s ease-out;
    z-index: -1
}
.main .sec_esg .list_wrap .con .bot .txt_area ul li a:hover{color:#5b9845}
.main .sec_esg .list_wrap .con .bot .txt_area ul li a:hover:before{transform:translateX(0)}
.main .sec_esg .list_wrap .con+.con{border-left:1px solid rgba(255,255,255,.2)}
.main .sec_esg .list_wrap .con:not(.active){width:24%}
.main .sec_esg .list_wrap .con.active{width:52%;padding:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)))}
.main .sec_esg .list_wrap .con.active .small{opacity:0;visibility:hidden;transition:0s}
.main .sec_esg .list_wrap .con.active_end .top,.main .sec_esg .list_wrap .con.active_end .bot{opacity:1;visibility:visible;transform:translateX(0);transition:.6s}
.main .sec_esg .list_wrap .con.active_end .top .big{animation:bounce 2s .6s infinite ease-in-out alternate}
.main .sec_esg .list_wrap.active{opacity:1;visibility:visible;padding:0}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))))
    }
}

@media screen and (min-width: 1024px)and (pointer: fine) {
    .main .sec_esg .list_wrap .con:hover .small{opacity:1;padding-top:0;font-size:max(calc(400px * var(--base-ratio)),calc(calc(400 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}
    .main .sec_esg .list_wrap .con:hover:not(.active):before{opacity:1;visibility:visible}
}

@media screen and (max-width: 1300px) { 
    .main .sec_esg .list_wrap .con.active {width:65%;}
    .main .sec_esg .list_wrap .con .top .big {font-size:300px;}
    .main .sec_esg .list_wrap .con .bot .txt_area p {font-size:20px;}
    .main .sec_esg .bg_wrap .txt_area .txt1 {font-size:200px;}
    .main .sec_esg .list_wrap .con .small {font-size:200px;}
    .main .sec_esg[data-motion] .bg_wrap .txt_area .txt2:not(.hide) .word .char {font-size:18px;}
} /* max 1300 */

@media screen and (max-width: 1024px) { 
    .main .sec_esg{height:auto}
    .main .sec_esg .sticky{position:relative;height:max(calc(900px * var(--base-ratio)),calc(calc(900 / var(--base-size)) * var(--base-percent)))}
    .main .sec_esg .bg_wrap .bg ul li:nth-of-type(1){--clip:0% 78% 0% 0%}
    .main .sec_esg .bg_wrap .bg ul li.active+li:nth-of-type(2){--clip:0% 22% 0% 56%}
    .main .sec_esg .bg_wrap .bg ul li:nth-of-type(2){--clip:0% 56% 0% 22%}
    .main .sec_esg .bg_wrap .bg ul li:nth-of-type(3){--clip:0% 0% 0% 78%}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(1){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(2){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(3){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(4){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(5){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(6){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .bg_wrap .overlay_bg .grid:nth-of-type(7){width:var(--grid-width);flex-basis:var(--grid-width)}
    .main .sec_esg .list_wrap .con .top .big {font-size:200px;}
    .main .sec_esg .list_wrap .con .small {font-size:100px;}
    .main .sec_esg .bg_wrap .txt_area .txt1 {font-size:180px;}
    .main .sec_esg[data-motion] .bg_wrap .txt_area .txt3:not(.hide) .word .char {font-size:20px;}
    .main .sec_esg .list_wrap .con .bot .txt_area p {display:none;}  
    .main .sec_esg .list_wrap .con.active {width:50%;}
    .main .sec_esg .list_wrap .con .top {flex-direction:column;}
}

@media screen and (max-width: 768px) {
    .header .header_inner {padding:0 20px}
    .main .sec_esg .bg_wrap .txt_area .txt1 {font-size:150px;}
    .main .sec_esg .list_wrap .con.active_end .top {display:flex; flex-direction:column;}
} /* max 768 */

@media screen and (max-width: 600px) {
    .main .sec_esg .bg_wrap .txt_area .txt1 {font-size:100px;}
    .main .sec_esg[data-motion] .bg_wrap .txt_area .txt3:not(.hide) .word .char {font-size:16px;}
    .main .sec_esg .list_wrap .con .top .big {font-size:160px;}
    .main .sec_esg .list_wrap .con .top .desc h4 {font-size:16px !important;}    
}

@media screen and (max-width: 400px) {
    .main .sec_esg {height:400px;}
    .main .sec_esg .bg_wrap .txt_area .txt1 {font-size:80px;}
    .main .sec_esg .list_wrap .con.active {padding:20px;}
    .main .sec_esg .list_wrap .con .small {font-size:60px;}
    .main .sec_esg .list_wrap .con .top .big{font-size:140px;}

}
/* End: main 회사소개 */

/* ***************************************************************************************************************************************************************************** */


/* Start: btn.arrow */
.main .btn{display:inline-block;vertical-align:middle;position:relative}
.main .btn.arrow {
    width: max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));
    height: max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(10px);
    font-size: 0;
    text-indent: -9999px;
    transition: .2s ease-out
}
.main .btn.arrow i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    overflow: hidden
}
.main .btn.arrow i:before,.main .btn.arrow i:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:.2s ease-out}
.main .btn.arrow i:before{background:url("../images/main_btn_arrow_white.svg") center center no-repeat;background-size:100%}
.main .btn.arrow i:after{background:url("../images/main_btn_arrow_color.svg") center center no-repeat;background-size:100%;transform:translateX(-100%);opacity:0;visibility:hidden}
.main .btn.arrow.type2{background:#f1f3fd}
.main .btn.arrow.type2 i:before{background:url("../images/main_btn_arrow_black.svg") center center no-repeat}
.main .btn.arrow.type2 i:after{background:url("../images/main_btn_arrow_white.svg") center center no-repeat}
.main .btn.arrow:hover{background:#fff}
.main .btn.arrow:hover i:before{transform:translateX(100%);opacity:0;visibility:hidden}
.main .btn.arrow:hover i:after{transform:translateX(0);opacity:1;visibility:visible}.main .btn.arrow:hover.type2{background:#5b9845}

.main a:hover .btn.arrow{background:#fff;transition:.2s ease-out}
.main a:hover .btn.arrow i:before{transform:translateX(100%);opacity:0;visibility:hidden;transition:.2s ease-out}
.main a:hover .btn.arrow i:after{transform:translateX(0);opacity:1;visibility:visible;transition:.2s ease-out}
.main a:hover .btn.arrow.type2{background:#5b9845}

@media screen and (max-width: 768px) {
    .main .btn.arrow{width:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));height:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)))}
    .main .btn.arrow i{width:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));height:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}
}


/* Start: main .btn_more */
.main .btn.more {
    min-width: max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));
    padding: 0 max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) 0 max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #fff;
    height: max(calc(57px * var(--base-ratio)), calc(calc(57 / var(--base-size)) * var(--base-percent)));
    line-height: max(calc(57px * var(--base-ratio)), calc(calc(57 / var(--base-size)) * var(--base-percent)));
    position: relative;
    background: rgba(255,255,255,.2);
    overflow: hidden;
    z-index: 2;
    transition: .2s ease-out;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.4);
    backdrop-filter: blur(10px) opacity(1)
}
.main .btn.more:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateX(-102%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
    transition: .2s ease-out;
    z-index: -1
}
.main .btn.more i {
    display: block;
    position: absolute;
    right: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
    top: 50%;
    transform: translateY(-50%);
    width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
    overflow: hidden
}
.main .btn.more i:before,.main .btn.more i:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:.2s ease-out}
.main .btn.more i:before{background:url("../images/main_btn_arrow_white.svg") center center no-repeat;background-size:100%}
.main .btn.more i:after{background:url("../images/main_btn_arrow_color.svg") center center no-repeat;background-size:100%;transform:translateX(-100%);opacity:0;visibility:hidden}
.main .btn.more.type2{background:#fff;color:#222}
.main .btn.more.type2:before{background:#5b9845}
.main .btn.more.type2 i:before{background:url("../images/main_btn_arrow_black.svg") center center no-repeat;background-size:100%}
.main .btn.more.type2 i:after{background:url("../images/main_btn_arrow_white.svg") center center no-repeat;background-size:100%}
.main .btn.more:hover{color:#101010;}
.main .btn.more:hover:before{transform:translateX(0)}
.main .btn.more:hover i:before{transform:translateX(100%);opacity:0;visibility:hidden}
.main .btn.more:hover i:after{transform:translateX(0);opacity:1;visibility:visible}
.main .btn.more:hover.type2{color:#fff;border-color:#5b9845;background-color:rgba(0,0,0,0);transition:.2s ease-out,background .1s .2s cubic-bezier(0,0,0,1)}
/* End: main .btn_more */

/* Modal */
.modal-title {font-size:24px;}
.modal-body {font-size: 14px;}
.modal-body h6 {font-size:18px;}
.modal-body p {font-size:16px; line-height:1.4;}
.modal-body h6 + p {margin-top:24px;}
@media (max-width: 450px) {
    .modal-content{max-width:90vw;margin:0 auto;}
}

/* list */
.list-disc {list-style:none;}
.list-disc li {position:relative; list-style:none; padding-left:16px; font-size:16px;}
.list-disc li + li {margin-top:8px;}
.list-disc li:before {content:""; position:absolute; left:0; top:5px; width:4px; height:4px; border-radius:50%; background-color:#222;}