@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
  --font-sans-serif: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --font-family-400: var(--font-sans-serif); /* 400 */
  --font-family-300: var(--font-sans-serif); /* 300 Light*/
  --font-family-500: var(--font-sans-serif); /* 500 Medium */
  --font-family-600: var(--font-sans-serif); /* 600 SemiBold */
  --font-family-700: var(--font-sans-serif); /* 700 Bold*/
  --font-family-900: var(--font-sans-serif); /* 900 Black */
  --font-black:'GongGothicMedium',sans-serif;
  --font-monospace: cousine, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;


  --font-size: 16px;
  --font-style: normal;
  --font-weight: 400;
  --letter-spacing: -0.2px;
  --line-height: 1.625em;
  --paragraph-spacing: 0;
  --text-alignment: start;
  --text-decoration: none;
  --text-hover-decoration: none;
  --text-transform: none;
  --aspect-ratio-supported: auto;
  --font-size-scale: 1;

  --point:#01a081;
  --point-bg:rgba(204, 232, 201, 0.4);
  --spacing: 0.25rem;
}

*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{min-height:100%;margin:0;background-color:var(--bg-color);font-feature-settings:'ss01','ss05','ss08'}body,h1,h2,h3,h4,h5,h6,div,p,a,li{font-family:var(--font-family-400);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);color:var(--text-color,#000);font-size:calc(var(--font-size,16px) * var(--font-size-scale,1));letter-spacing:var(--letter-spacing,0);text-transform:var(--text-transform,none);text-decoration:var(--text-decoration,none);line-height:var(--line-height,1.2em);text-align:var(--text-alignment,start)}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-family:var(--font-family-400)}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;max-width:100%;display:inline-block}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-family:var(--font-family-700)}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html.mod-touch *{background-attachment:scroll!important}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-family:var(--font-family-700)}h1,.h1{--paragraph-spacing:20px;font-size:38px;line-height:44px}h2,.h2{--paragraph-spacing:20px;font-size:32px;line-height:36px}h3,.h3{--paragraph-spacing:20px;font-size:24px;line-height:30px}h4,.h4{--paragraph-spacing:10px;font-size:18px;line-height:24px}h5,.h5{--paragraph-spacing:10px;font-size:14px;line-height:20px}h6,.h6{--paragraph-spacing:10px;font-size:12px;line-height:18px}h1,h2,h3,h4,h5,h6,p,ul,ol,div{margin-top:var(--paragraph-spacing,0)}p{--paragraph-spacing:0;margin-bottom:10px}blockquote{border-left:5px solid #e2e2e2;margin:0 0 10px;padding:10px 20px;font-size:18px;line-height:22px}figure{margin:0 0 10px}ul,ol{--paragraph-spacing:0;margin-bottom:10px;padding-left:40px}fieldset{border:0;margin:0;padding:0}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}label{margin-bottom:5px;display:block;font-family:var(--font-family-700)}

.site-wrap {overflow-x: hidden; /* x만 제한하고 y는 그대로 두기 */overflow: visible}

.navbar button:focus,.navbar a:focus {
  outline: none;
  box-shadow: none; /* 버튼에 그림자가 추가될 경우 제거 */
 }
.rn-logo-font{font-size:calc(1.325rem + .9vw) !important}
.rn-font-black{font-family:var(--font-black)}
.nav-link{border-bottom:2px solid transparent!important;--bs-nav-link-font-size:calc(1.275rem + .05vw);--bs-navbar-nav-link-padding-x:.75rem;--bs-nav-link-font-weight:400}
.nav-link:focus,.nav-link:hover{color:var(--point)!important;border-bottom:2px solid var(--point)!important;transition:none}
a.Quo,a.Quo:hover{color: var(--point)!important;font-weight: 700}

.main-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;}
.main-video h2{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;margin:0;background-color:#fff;text-align:center;mix-blend-mode:screen;text-transform:uppercase;font-size:calc(1.325rem + 20.9vw);line-height:1.1}
.main-video h2 .line-1,
.main-video h2 .line-2{display:block}
@media screen and (min-width:992px){
  .main-video h2{display:block;line-height:100vh}
  .main-video h2 .line-1::after{content:"통상"}
  .main-video h2 .line-2{display:none}
}

.main-content {
    padding-top: calc(100vh - 67px); /* 비디오의 높이를 화면 전체로 지정 */
}
.letter-spacing-\[0\.75px\] {letter-spacing:.75px}

section{padding:100px 0 0;margin:50px auto}
section .title{margin-bottom:40px}
section .title .sub p{font-size:14px;--font-weight:700;letter-spacing:-.5px}
.s-mod-mobile section .title .sub p{font-size: calc(1.75rem + .6vw)}
section .title .title-h4 h4{font-size:calc(1.75rem + .3vw);font-weight:700;line-height:1.2;letter-spacing:-1.5px}
.s-mod-mobile section .title .title-h4 h4{font-size: calc(2.75rem + .3vw)}
section h4:not(:first-child) {margin-top:3rem}
section ._widget_hr{border-top-width:2px;border-color:#000000;height:14px}
section .sub_title{font-size:14px;color:var(--point);height:40px}
.s-mod-mobile section .sub_title{font-size:calc(1.275rem + .6vw)}
section .text_table_text{font-size:18px;max-width:450px}
.s-mod-mobile section .text_table_text{font-size:calc(1.175rem + .3vw)}
section .section1_img{margin-top:100px;height:400px;position:relative}
section .img_cover{position:absolute;width:100%;height:100%;top:0px;left:0px;background-image:url(../../assets/images/20241014_141052-min.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;max-height:100%;overflow:hidden;border-radius:30px}

.key-color{color: var(--point) !important}
.bg-key-color{background: var(--point-bg) !important}
section .title .sub span.subtitle{display:inline-block;padding:2px 12px;border-radius:7px;font-weight:500;font-size:0.75rem;color:#215C5C !important;letter-spacing:.75px;text-transform: uppercase;}
.gray600{color: var(--bs-gray-600) !important}

/* padding */
.p-0{padding:0}
.pt-0{padding-top:calc(var(--spacing)*0)}
.pt-8{padding-top:calc(var(--spacing)*8)}
.pt-16{padding-top:calc(var(--spacing)*16)}
.pb-0{padding-bottom:calc(var(--spacing)*0)}
.pb-4{padding-bottom:calc(var(--spacing)*4)}  
.pb-8{padding-bottom:calc(var(--spacing)*8)}
.pb-16{padding-bottom:calc(var(--spacing)*16)}
.pl-0{padding-left:calc(var(--spacing)*0)}
.pr-0{padding-right:calc(var(--spacing)*0)}
.pr-4{padding-right:calc(var(--spacing)*4)}
.px-0{padding-inline:0}
.px-1{padding-inline:calc(var(--spacing)*1)}  
.px-4{padding-inline:calc(var(--spacing)*4)}
.py-0{padding-block:0}
.py-8{padding-block:calc(var(--spacing)*8)}

/* margin */
.m-0{margin:0}
.mt-0{margin-top:calc(var(--spacing)*0)}
.mt-1{margin-top:calc(var(--spacing)*1)}
.mt-4{margin-top:calc(var(--spacing)*4)}  
.mt-16{margin-top:calc(var(--spacing)*16)}
.mt-24{margin-top:calc(var(--spacing)*24)}  
.mb-0{margin-bottom:calc(var(--spacing)*0)}
.mb-4{margin-bottom:calc(var(--spacing)*4)}
.mb-16{margin-bottom:calc(var(--spacing)*16)}  
.ml-0{margin-left:calc(var(--spacing)*0)}
.ml-1{margin-left:calc(var(--spacing)*1)}
.mr-0{margin-right:calc(var(--spacing)*0)}
.mx-auto{margin-inline:auto}
.mx-0{margin-inline:calc(var(--spacing)*0)}
.my-0{margin-block:calc(var(--spacing)*0)}
.my-8{margin-block:calc(var(--spacing)*8)}  

.section2 .title{display:flex;flex-direction:column;align-items:center;margin-bottom:80px}
.section2 img{border-radius:20px}
.section2 .text-table .rn-flex-column-end{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4rem;padding-top:1rem}
.section2 .text-table h4{font-size:28px;font-weight:700;line-height:1.6;margin-top:0}
.section2 .text-table p{font-size:16px;margin-bottom:0}

.section3 {background-color:var(--point);padding:100px 0}
.section3 .wrap_card{background-color:#fff;border-radius:20px;padding:28px 20px 28px 20px}
.section3 .text-table h4 {font-family: var(--font-black);margin-top: 1.25rem}
.section3 ._widget_data p {font-size: 16px;margin-bottom: 0}

.section4,.section5 {padding:50px 0 100px}

.qnsspan-q{font-family:var(--font-black);font-weight:700;color:#dc3545;margin-right:6px}
.qnsspan-a{font-family:var(--font-black);font-weight:700;color:#1A54F5;margin-right:6px}

.section6 .title{display:flex;flex-direction:column;align-items:center}
.section6 .icon{width:50px;height:50px;line-height:50px;text-align:center;border:1px solid rgba(73,75,91,0.2);border-radius:50%}

.shape-container{position:relative;margin-top:100px}
.shape-bottom{bottom:0;left:0;right:0}
.shape{position:absolute;z-index:-1}
.text-primary-dark{--bs-text-opacity:1;color:#005c45!important}
.shape-bottom>svg{width:100%;height:auto;margin-bottom:-1px;-webkit-transform-origin:top center;transform-origin:top center}
.shape[class*=text-]>svg [fill]:not([fill=none]){fill:currentColor!important}

.footer{background-color:#005c45!important;padding-top:80px;padding-bottom:20px}
.footer ul{list-style:none;display:flex;gap:1rem}
.footer p,
.footer ul li,
.footer ul li a{color:#fff!important;font-size:16px}
.footer h2{color:#fff;font-size:28px;font-weight:700}
.footer .raside{display:flex;flex-direction:column;align-items:flex-end}
.footer .rn-infolist{padding-bottom:2.5rem}
.footer .rn-infolist-sub{box-sizing:border-box;list-style:none;display:flex;align-items:flex-start;flex-direction:column}
.footer .rn-infolist-sub li{display:inline-block;margin:0 1.5rem 0 0;color:#A6A6A6;line-height:1.313rem}
.footer .rn-infolist-sub li,.footer .rn-infolist-sub li a,.footer .rn-infolist-sub li a:hover{color:#fff!important;text-decoration:none!important;font-size:.875rem}
.footer .rn-text-p{display:flex;flex-direction:column;align-items: normal}
.footer .rn-text-p p{margin-bottom:0;font-size:.875rem;line-height:1.313rem}
.footer .rn-text-p p.rn-lead a,.footer .rn-text-p p.rn-lead a:hover{font-size:2.5rem!important;line-height:3.5rem;color:var(--bg-color)!important;text-decoration:none!important}

.footer .rn-copyright{border-top:1px solid rgba(255,255,255,0.14);padding-top:2.5rem;padding-left:0}

/* top buttom */
.back_to_top{bottom:-100px;transition:bottom .2s ease-in-out;cursor:pointer;position:fixed;z-index:1300;right:30px;width:40px;height:40px;opacity: .7;}
.back_to_top svg{width:40px;height:40px}
.back_to_top svg circle{fill:#005c45}
.back_to_top svg .stroke{stroke:#fff}
.back_to_top.on {bottom:30px}
@media screen and (max-width:767px){
  .back_to_top{right:20px}
  .back_to_top.on{bottom:26px}
  .back_to_top svg{width:32px;height:32px}
}

@media (min-width: 720px){ /* Show on Desktop (>=992px) */
  .section2 ._widget_data:nth-of-type(even) .text-table{flex-direction: row-reverse}
  .section2 ._widget_data .rn-text{text-align:left}
  .section2 ._widget_data:nth-of-type(even) .rn-text{text-align:right}
  .section2 .text-table h4{padding-bottom:0rem;padding-top:0rem;margin-bottom:24px;}
}
@media (min-width: 992px){ /* Show on Desktop (>=992px) */
  section .title .title-h4 h4{font-size:42px}
  .footer .rn-text-p{align-items:flex-end}
}

@media (min-width: 1200px){ /* Desktop (>=1200px) */  
  .h4, h4 {font-size: 1.5rem}
  .main-video h2{font-size:calc(1.325rem + 15.9vw); !important}
  .section3 {margin:150px auto 0}
}