/* ----------------------------------------------------------------
 www.dyami.co.kr
-----------------------------------------------------------------*/
@media (min-width:1200px){
 .container-fluid.max-fluid { padding: 0 8vw}
 .mt-custom { margin-top: 80px; } 
 }
 p { letter-spacing: -0.02em}
#goog-gt-tt + script + div { display: none; }
 /* ------- ¸Þ´º¹Ù ½ºÅ©·Ñ À̺¥Æ® ------- */
 #header.sticky-on-scrollup #header-wrap { -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; transition: height .4s ease, opacity .3s ease, margin-top .4s ease; } 
 #header.sticky-on-scrollup.sticky-header #header-wrap { margin-top: -100px; } 
 #header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap { margin-top: 0px; } 
 /* ------- ¸Þ´º(pc) ------- */
 .nav_box { display: inline-block; height: 80px; position: relative; z-index: 9999}
 .nav_box li.oneD { min-width: 180px; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; text-align: center; /* width: 20%; */
 display: inline-block; } 
 .nav_box li.oneD>a { font-family: var(--dyami-body-font); font-size: 19px; color: var(--bs-dark); font-weight: 400; height: 80px; line-height: 80px; padding-top: 0; padding-bottom: 0; display: block; } 
 .nav_box li.oneD:hover>.twoD { /*background-color: var(--bs-light)*/}
 .nav_box li.oneD:hover>a { color: var(--dyami-themecolor); /*background-color: var(--bs-light); */} 
 .nav_box li.oneD>a>span { position: relative; display: block; } 
 .nav_box li.oneD>a>span:before { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background-color: var(--dyami-themecolor); content: ""; transition: all 0.5s cubic-bezier(.7, 0, .2, 1); transition-property: transform; transform-origin: 100% 0; transform: scaleX(0); } 
 .nav_box li.oneD:hover>a>span:before { transform: scaleX(1); transform-origin: 0 0}
 .nav_box li .twoD { display: none; height: 240px; padding-top: 10px; } 
 .nav_box li .twoD a { font-size: 16px; color: var(--bs-gray-700); display: block; width: 100%; padding: 7px 0; font-weight: 400; } 
 .nav_box li .twoD.last { } 
 .nav_box li .twoD .dropdown-item+.dropdown-item { border-top: none; } 
 .nav_box li .twoD a:hover { color: var(--bs-dark); /*background-color: var(--bs-light); */font-weight: 500; } 
 .nav_box li .twoD a:active { /*background-color: var(--dyami-contrast-200);*/ color: var(--dyami-themecolor)}
 .twoDBg { background: #eeedea; display: none; width: 100%; position: absolute; top: 80px; left: 0; z-index: 999; height: 250px; box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.03); } 
 @media (max-width:1400px){
 .nav_box li.oneD { min-width: 140px; } 
 }
 @media (max-width:1024px){
 .nav_box li.oneD { min-width: 100px; } 
 .nav_box li.oneD>a, .my-menulist li>a { font-size: 18px; } 
 .nav_box li .twoD a { font-size: 13px; } 
 }
 /* ------- ¼­ºêÆäÀÌÁö ÅǸ޴º ------- */
 .nav-subtabs-wrap { width: 100%; height: auto; background-color: var(--dyami-body-bg); border-bottom: 1px solid #ddd; } 
 .nav-subtabs { display: flex; align-items: center; } 
 .nav-subtabs li { float: left; } 
 .nav-subtabs li>a { display: block; position: relative; height: 65px; line-height: 65px; color: rgba(var(--bs-dark-rgb), .4); letter-spacing: -0.025em; font-weight: 500; padding: 0; text-align: center; word-break: keep-all; transition: all 0.5s cubic-bezier(.7, 0, .2, 1); font-size: 18px}
 .nav-subtabs li:first-child>a { padding-left: 0}
 .nav-subtabs li>a>span { position: relative; display: block; } 
 .nav-subtabs li>a>span:before { position: absolute; bottom: 0px; left: 0; right: 0; width: 100%; height: 2px; background-color: var(--dyami-themecolor); content: ""; transition: all 0.5s cubic-bezier(.7, 0, .2, 1); transition-property: transform; transform-origin: 100% 0; transform: scaleX(0); } 
 .nav-subtabs li>a:hover,
 .nav-subtabs li>a.active { color: var(--dyami-themecolor); font-weight: 600}
 .nav-subtabs li>a:hover>span:before,
 .nav-subtabs li>a.active>span:before { transform: scaleX(1); transform-origin: 0 0}
 @media (max-width: 991px){
 .nav-subtabs li>a { padding: 0 1.25rem; } 
 }
 @media (max-width: 545px){
 .nav-subtabs-wrap { height: auto; border: none; } 
 .nav-subtabs.nav-cols-2 li { width: 50%; } 
 .nav-subtabs.nav-cols-3 li { width: 33.33333%; } 
 .nav-subtabs.nav-cols-4 li { width: 25%; } 
 .nav-subtabs.nav-cols-5 li { width: 20%; } 
 .nav-subtabs li>a { margin: 2px; line-height: 1; height: 50px; padding: 0; font-size: 16px; } 
 .nav-subtabs li>a>span { height: 100%; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ddd;} 
 }

/* ----------------------------------------------------------------
 * ¹ý¹«¹ýÀμҰ³
 -----------------------------------------------------------------*/
 .ticker-wrap { --dyami-ticker-duration: 100s; position: absolute; top: 50%; left: -100%; z-index: auto; width: 100%; overflow: hidden; padding-left: 100%; box-sizing: content-box; opacity: .04; transform: translateY(-50%); } 
 .ticker-wrap .ticker .ticker-item { display: inline-block; font-size: 11rem; font-weight: 900; } 
 /* ------ ÀÎÀçä¿ë ------ */
 .box-square { position: relative; } 
 .box-square:before { content: ""; display: block; padding-bottom: 100%; } 
 .box-square-inner { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
 /* ------ ä¿ëÀýÂ÷ ------ */
 .process-list li { display: flex; justify-content: center !important; position: relative; } 
 .process-list li>div { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; text-align: center; position: relative; width: 260px; height: 260px; background: var(--bs-light); border-radius: 100%; } 
 .process-list li:after { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; transform: translate(50%, -50%); background: url('https://img.icons8.com/ios/30/cccccc/long-arrow-right--v1.png') right center no-repeat; content: " "; } 
 .process-list li:nth-child(4n):after,
 .process-list li:last-child:after { display: none; } 
 .process-list li span { color: var(--dyami-themecolor); font-weight: bold; margin-bottom: 10px; } 
 .process-list li p { letter-spacing: -.5px; } 
 @media (max-width:991px){
 .process-list li>div { width: 200px; height: 200px; } 
 .process-list li:after { display: none; } 
 }
 @media (max-width:767px){
 .process-list li>div { width: 150px; height: 150px; } 
 }

 /* ----------------------------------------------------------------
 * ¾÷¹«ºÐ¾ß
 -----------------------------------------------------------------*/
 #carousel-tabs.tabs, #carousel-tabs .tab-content { --dyami-tab-padding-width: 0; --bs-nav-link-padding-y: 1rem; --bs-nav-link-font-size: 1rem; --bs-nav-link-font-weight: 400; --bs-nav-tabs-border-width: 0; --bs-nav-link-color: var(--dyami-contrast-1000); --bs-nav-link-hover-color: var(--dyami-contrast-900); --bs-nav-tabs-link-active-bg: rgba(var(--dyami-themecolor-rgb), 1); --bs-nav-tabs-link-active-color: var(--bs-light); --dyami-tabs-bg-color: rgba(var(--dyami-contrast-rgb), 0.04); } 
 #carousel-tabs .nav-link:not(.active) { background-color: rgba(var(--dyami-contrast-rgb), 0.04); } 
 #carousel-tabs .nav-link { border-radius: 0; font-weight: 500; } 
 #carousel-tabs .nav-link.active { font-weight: 600; } 
 .carousel-blur-left::before,
 .carousel-blur-right::after { --dyami-carousel-blur-size: 70px; content: ""; position: absolute; top: 0; left: 0; right: auto; width: var(--dyami-carousel-blur-size); height: 100%; z-index: 1; background: linear-gradient(to right, var(--dyami-body-bg) 50%, transparent); } 
 .carousel-blur-right::after { left: auto; right: 0; background: linear-gradient(to left, var(--dyami-body-bg) 50%, transparent); } 


 /* ----------------------------------------------------------------
 * Ä¿¹Â´ÏƼ
 -----------------------------------------------------------------*/
 /* ------ »õ¼Ò½Ä ------ */
 .table-custom .table td { font-size: 16px; } 
 .table-custom .tableA-list>tbody>tr:first-child { /* display: none */
 font-weight: 600; } 
 .table-custom .tableA-list { margin-bottom: 16px !important; border-bottom: 1px solid var(--bs-border-color); } 
 /* ------- È«º¸¿µ»ó ------- */
 .table-custom .tableB-list.table>:not(caption)>*>* { padding: 0}
 /* ------- ¿Â¶óÀλó´ã ------- */
 .process-list-main .inner>ul { height: auto; position: relative; } 
 .process-list-main .inner>ul:nth-of-type(1) li { width: 25%; } 
 .process-list-main .inner>ul:nth-of-type(2) li { width: 20%; float: right; } 
 .process-list-main .inner>ul:nth-of-type(2) li::after { left: calc(-50% + 20px); } 
 .process-list-main .inner>ul>li { position: relative; float: left; text-align: center; } 
 .process-list-main .inner>ul>li::after { position: absolute; width: calc(100% - 40px); height: 2px; right: calc(-50% + 20px); top: 22px; display: block; background: var(--dyami-themecolor); content: ''; } 
 .process-list-main .inner>ul>li:last-of-type:after { display: none; } 
 .process-list-main .inner>ul>li .list span { width: 44px; height: 44px; line-height: 44px; position: relative; z-index: 10; border-radius: 50px; display: inline-block; background: var(--dyami-themecolor); color: #fff; font-size: 18px; font-weight: 500; text-align: center; } 
 .process-list-main .inner>ul>li .list strong { display: block; margin-top: 16px; font-weight: 400; } 
 @media screen and (max-width: 960px){
 .process-list-main { margin-top: 0; } 
 }
 @media screen and (max-width: 575px){
 .process-list-main .inner>ul>li .list span { width: 36px; height: 36px; line-height: 36px; } 
 .process-list-main .inner>ul>li::after { position: absolute; width: calc(100% - 30px); height: 2px; right: calc(-50% + 15px); top: 18px;}
 }

.table-law .bbsnewf5 {width: 80%}
 .table-law td:last-child {width: 20%;}

 @-webkit-keyframes scaleIn { to { transform: scale(1.3, 1.3); } 
 }
 @keyframes scaleIn { to { transform: scale(1.3, 1.3); } 
 }
 .scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; } 
 @-webkit-keyframes scaleOut { 
 from { transform: scale(1.3, 1.3); } 
 }
 @keyframes scaleOut { 
 from { transform: scale(1.3, 1.3); } 
 }
 .scaleOut { -webkit-animation-name: scaleOut; animation-name: scaleOut; }


 /* ----------------------------------------------------------------
 * Äü¸Þ´º
 -----------------------------------------------------------------*/
 /* ------ PC ------ */
 .quick-menu-wrap { position: fixed; top: 55%; transform: translateY(-50%); right: 40px; width: 100px; z-index: 1024; transition: 0.5s ease-in-out; opacity: 1; } 
 .quick-menu-wrap.show { opacity: 1; top: 50%}
 .quick-menu { background: #212529; border-radius: 55px; padding: 45.5px 0px 42.5px; box-shadow: 2px 1px 25px rgba(0, 0, 0, 0.35); } 
 .quick-menu li+li { margin-top: 20px; } 
 .quick-menu i { font-size: 26px; color: rgba(255, 255, 255, 0.4); display: block; text-align: center; } 
 .quick-menu .quick-menu-txt { font-size: 12px;  padding-top:4px; font-weight: 400; margin: auto 0; color: #fff; display: block; text-align: center; } 
 .quick-menu a { display: block; width: 100%; text-align: center; } 
 .quick-menu img { width: 36px; opacity: 1; } 
 .quick-menu a i,
 .quick-menu a img { transition: 0.3s ease-in-out; } 
 .quick-menu a:hover i { color: rgba(255, 255, 255, 1); } 

 .quick-menu .floating-icon{width:32px;height:32px;object-fit:contain;display:block;margin:0 auto;}
 .block-main-8 .col:not(last-child) { border-right: 1px solid rgba(255, 255, 255, .35); } 
 .top-btn-box { margin-top: 17px; } 
 .top-btn-box .top-btn { width: 100px; height: 100px; } 
 #fullpage+.quick-menu-wrap .top-btn-box { display: none !important; } 
.top-btn-box #gotoTop {margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background: #fff; box-shadow: 2px 1px 25px rgba(0, 0, 0, 0.15); font-size: 35px; color: #333; transition: 0.3s ease-in-out;right:0 !important;bottom:0 !important;left:0 !important; } 
.top-btn-box #gotoTop i { display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
 
 /* ------ MOBILE ------ */
 .app-menu { --dyami-app-menu-height: 70px; --dyami-app-menu-icon-size: 1.25rem; --dyami-app-menu-color: var(--dyami-contrast-1000); --dyami-app-menu-bg-color: var(--dyami-contrast-100); --dyami-app-menu-item-active-bg: var(--dyami-contrast-rgb); position: fixed; top: auto; bottom: 0; left: 0; width: 100%; height: auto; background: var(--dyami-app-menu-bg-color); border-top: 1px solid rgba(var(--dyami-app-menu-item-active-bg), 0.1); z-index: 999; } 
 .app-menu-container { display: flex; flex-wrap: wrap; list-style: none; margin: 0; } 
 .app-menu-item { position: relative; flex: 1 0 0%; } 
 .app-menu-item:hover > .app-menu-link, .app-menu-item.current > .app-menu-link { background-color: rgba(var(--dyami-app-menu-item-active-bg), 0.1); } 
 .app-menu.app-menu-style-2 .app-menu-item:hover > .app-menu-link, .app-menu.app-menu-style-2 .app-menu-item.current > .app-menu-link { position: relative; --dyami-app-menu-item-active-bg: var(--dyami-themecolor); background-color: var(--dyami-contrast-0); } 
 .app-menu.app-menu-style-2 .app-menu-item:hover > .app-menu-link::before, .app-menu.app-menu-style-2 .app-menu-item.current > .app-menu-link::before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 0.25rem; background-color: var(--dyami-app-menu-item-active-bg); } 
 .app-menu-link { --dyami-app-menu-link-spacing: calc(var(--dyami-app-menu-height) - var(--dyami-app-menu-icon-size)); display: block; width: 100%; padding: calc(var(--dyami-app-menu-link-spacing) * 0.5 - 0.3125rem) 1rem calc(var(--dyami-app-menu-link-spacing) * 0.5 + 0.3125rem); text-align: center; color: var(--dyami-app-menu-color); transition: all 0.2s ease; } 
 @media (prefers-reduced-motion: reduce){
 .app-menu-link { transition: none; } 
 }
 .app-menu-link img {width: 28px; height:28px; }
 .app-menu-link > i { display: block; line-height: 1; font-size: var(--dyami-app-menu-icon-size); height: var(--dyami-app-menu-icon-size); } 
 .app-menu-link > span { display: block; margin-top: 0.375rem; font-size: 12px;  line-height: 1.2;} 
 .app-menu-item:hover > .app-menu-link { background-color: rgba(var(--dyami-app-menu-item-active-bg), 0.05); }


 .app-menu { --dyami-app-menu-icon-size: 24px; --dyami-app-menu-color: var(--bs-light); --dyami-app-menu-bg-color: var(--bs-dark); --dyami-app-menu-item-active-bg: var(--dyami-themecolor); } 
 .app-menu-link { padding:8px 2px; border-right: 1px solid #000; display:block; height: 100%;}


.app-menu-top{position:fixed;right:16px;bottom:88px;z-index:1025;width:44px;height:44px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;color:#111;box-shadow:0 6px 18px rgba(0,0,0,.25);}
.app-menu-top i{font-size:18px;line-height:1;}

 @media (max-width:991px){ #copyrights {margin-bottom: 64px !important;} 
 }

/* ----------------------------------------------------------------
 * ¸ÞÀÎ(¹ý¹«¹ýÀÎ3)
 -----------------------------------------------------------------*/
@-webkit-keyframes fadeInLeftSmall { 
 from { opacity: 0; -webkit-transform: translate3d(-50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(-50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)}
 to { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)} 
 }
 @keyframes fadeInLeftSmall { 
 from { opacity: 0; -webkit-transform: translate3d(-50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(-50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)}
 to { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)} 
 }
 .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall}
 @-webkit-keyframes fadeInRightSmall { 
 from { opacity: 0; -webkit-transform: translate3d(50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)}
 to { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)} 
 }
 @keyframes fadeInRightSmall { 
 from { opacity: 0; -webkit-transform: translate3d(50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(50px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)}
 to { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)} 
 }
 .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall}

 .owl-carousel {--dyami-owl-nav-background: var(--bs-light);--dyami-owl-nav-color: var(--bs-dark);} .owl-carousel .owl-item>table {width:100% !important} @media (min-width: 1200px) { .owl-carousel.owl-nav-size-lg {--dyami-owl-nav-sizes: 62px;} }

 /* ------- Hero Slide ÅؽºÆ® ------- */
 .slider-caption h2, .slider-caption .h2 { font-size: 3.5rem; line-height: 1.25; } 
 .slider-caption p { font-size: var(--dyami-slider-caption-p-size); } 
 @media (max-width: 767.98px){
 .slider-caption h2, .slider-caption .h2 { font-size: 2rem; } 
 .slider-caption p { font-size: 1rem; } 
 }

 /* ------ ¸ÞÀÎ 01-------- */
 .text-splitter.scroll-detect span { opacity: calc(0.1 + (1 * var(--dyami-scroll-percent))); transform: rotateX(20deg); transition: all .3s ease; transition-delay: 0s; } 
 .text-splitter.scroll-detect.scroll-detect-inview span { transform: rotateX(0); transition-delay: calc(.04s * var(--dyami-split-index)); } 
 /* ------- ¸ÞÀÎ 03------- */
 .owl-carousel.full-width-view .owl-stage { padding-left: 0 !important}
 .owl-carousel.full-width-view .owl-stage-outer { overflow: visible}
 .owl-carousel { --dyami-owl-nav-sizes: 46px; --dyami-owl-nav-bg: var(--dyami-themecolor)}
 /* ------- ¸ÞÀÎ 05 ------- */
 .owl-output table { border-spacing: 0 !important; width: 100%; } 
 .owl-output table .board_output_gallery_img { padding: 0; }