/* ----------------------------------------------------------------
 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-primary-font); font-size: 19px; color: var(--bs-dark); font-weight: 500; 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: var(--bs-white); display: none; width: 100%; position: absolute; top: 80px; left: 0; z-index: 999; height: 240px; 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 var(--bs-border-color); } 
 .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 var(--bs-border-color)} 
 }

 /* ----------------------------------------------------------------
 * ȸ»ç¼Ò°³
 -----------------------------------------------------------------*/
 /* ------- ±â¾÷¼Ò°³ 02------- */
 .d-grid-about { display: grid; grid-template-columns: repeat(var(--column), 1fr); grid-gap: 2px}
 @media (min-width:576px){
 .d-grid-about { --column: 2; grid-gap: 2px} 
 }
 @media (min-width:768px){
 .d-grid-about { --column: 2} 
 }
 @media (min-width:1200px){
 .d-grid-about { --column: 4} 
 }
 /* ------- ±â¾÷¼Ò°³ 03 ------- */
 .hotspot-img { background-size: cover; background-position: center center; position: relative; } 
 .hotspot-img .hot-spot { position: absolute; width: 26px; height: 26px; top: 5px; left: 5px; text-align: center; background-color: #000; color: #FFF; border-radius: 100%; cursor: pointer; font-size: 12px; line-height: 26px; transition: all .3s ease; } 
 .hotspot-img .hot-spot .circle i { -webkit-transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; } 
 .hotspot-img .hot-spot.hotspot-tooltip-open .circle i,
 .hotspot-img .hot-spot:not(.hotspot-on-click):hover .circle i { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
 .hotspot-img .hot-spot .circle:after { content: ''; display: block; position: absolute; top: 39%; left: 39%; width: 30px; height: 30px; margin: -1em auto auto -1em; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; border: 10px solid #000; opacity: 0; -webkit-animation: pulsate 3s ease-out infinite; animation: pulsate 3s ease-out infinite; } 
 .hotspot-img .hot-spot .tooltip { display: none; background-color: rgba(255, 255, 255, 0.96); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; opacity: 1.0; left: 0; padding: 15px; position: absolute; top: 35px; width: 280px; z-index: 999; box-shadow: 0 30px 102px rgba(0, 0, 0, 0.33), 0 20px 51px rgba(0, 0, 0, 0.18); } 
 .hotspot-img .hot-spot .tooltip.ontop { top: auto; bottom: 35px; } 
 .hotspot-img .hot-spot .tooltip .img-row { margin-bottom: 10px; display: block; } 
 .hotspot-img .hot-spot .tooltip h4 { margin-bottom: 0; } 
 .hotspot-img .hot-spot .tooltip p { font-size: 13px; line-height: 1.3rem !important; margin-bottom: 10px; color: #666 !important; } 
 .hotspot-img .hot-spot .tooltip p:last-child { margin-bottom: 0; } 
 @media (max-width: 991px){
 .hotspot-img .hot-spot .tooltip { width: 200px; left: 30px; top: 35px; } 
 .hotspot-img .hot-spot .tooltip .img-row { display: none; } 
 }
 @-webkit-keyframes pulsate { 
 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 
 45% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 0; } 
 }
 @keyframes pulsate { 
 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 
 45% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 0; } 
 }
 /* ------- ¿¬Çõ ------- */
 .dyami-history-1 ul li { position: relative; display: flex; align-items: center; justify-content: center; padding: 4.5rem 0; } 
 .dyami-history-1 ul li:before { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; z-index: 1; background-color: #d9d9d9; } 
 .dyami-history-1 ul li:after { content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; background-color: #fff; border: 8px solid var(--dyami-themecolor); border-radius: 50%; margin-left: -12px; margin-top: -12px; z-index: 2; box-sizing: border-box; /*transform: scale(0); */
 transition: transform 0.5s; transition-delay: 0.3s; } 
 .dyami-history-1 ul li>* { width: 50%; box-sizing: border-box; overflow: hidden; } 
 .dyami-history-1 ul li>*>* { transition-property: opacity, transform; transition-duration: 1500ms; transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 
 .dyami-history-1 ul li .cont>div { padding-right: 100px; box-sizing: border-box; max-width: 640px; margin-left: auto; } 
 .dyami-history-1 ul li .cont .year { font-weight: 600; line-height: 1; } 
 .dyami-history-1 ul li .cont dl { margin-top: 30px; } 
 .dyami-history-1 ul li .cont dl dd { display: flex; margin-bottom: 8px; } 
 .dyami-history-1 ul li .cont dl dd:before { flex: none; content: ''; width: 5px; height: 5px; background-color: var(--dyami-themecolor); margin-top: 13px; margin-right: 15px; border-radius: 50%; } 
 .dyami-history-1 ul li .cont dl dd .date { font-size: inherit; line-height: 1.8; color: #222; width: 70px; flex: none; font-weight: 600; } 
 .dyami-history-1 ul li .cont dl dd .text { font-size: inherit; line-height: 1.8; color: #666; } 
 .dyami-history-1 ul li .img { padding-left: 50px; } 
 .dyami-history-1 ul li .img>div { width: 100%; height: 0; padding-top: 63%; background-size: cover; background-repeat: no-repeat; background-position: center; } 
 .dyami-history-1 ul li .img img { display: block; width: 100%; } 
 .dyami-history-1 ul li:nth-child(even) { flex-direction: row-reverse; } 
 .dyami-history-1 ul li:nth-child(even) .cont>div { margin-left: 0; padding-left: 100px; padding-right: 0; } 
 .dyami-history-1 ul li:nth-child(even) .img { padding-left: 0; padding-right: 50px; } 
 @media screen and (max-width: 991px){
 .dyami-history-1 ul li { flex-direction: column !important; padding-left: 80px; padding-left: 10.66666667vw; } 
 .dyami-history-1 ul li:before { left: 12px; } 
 .dyami-history-1 ul li:after { left: 0; top: 80px; margin: 0; } 
 .dyami-history-1 ul li>* { width: 100%; } 
 .dyami-history-1 ul li .cont>div { padding: 0 !important; } 
 .dyami-history-1 ul li .cont .year { line-height: 1.2; } 
 .dyami-history-1 ul li .cont dl { margin-top: 40px; margin-top: 5.33333333vw; } 
 .dyami-history-1 ul li .cont dl dd:before { margin-top: 20px; margin-top: 2.66666667vw; } 
 .dyami-history-1 ul li .cont dl dd .date { } 
 .dyami-history-1 ul li .cont dl dd .text { } 
 .dyami-history-1 ul li .img { padding: 0 !important; margin-top: 40px; margin-top: 5.33333333vw; } 
 }
 /* ----------------------------------------------------------------
 * »ç¾÷¼Ò°³
 -----------------------------------------------------------------*/
 /* ------- »ç¾÷A : 03 ------- */
 .border-box li:nth-child(4),
 .border-box li:nth-child(5),
 .border-box li:nth-child(6) { border-top: 0 !important; } 
 .border-box li { margin-left: -1px; } 
 .list-line { border-top: 1px solid #ddd; } 
 .list-line li { border-bottom: 1px solid #ddd; padding: 10px 0; } 
 .list-line li span { min-width: 150px; } 
 .list-line li p { opacity: .7; font-weight: 300; } 
 @media (max-width: 991px){
 .border-box li:not(:first-child) { border-top: 0 !important; } 
 }
 /* ------- »ç¾÷A : 04 ------- */
 .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)}
 /* ------- »ç¾÷B : 01 ------- */
 .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%); } 
 /* ------- »ç¾÷B : 03 ------- */
 .table-bordered tr th:first-child,
 .table-bordered tr td:first-child { border-left: 0; } 
 .table-bordered tr th:last-child,
 .table-bordered tr td:last-child { border-right: 0; } 
 .table-center.table>:not(caption)>*>* { text-align: center; } 
 .table-download tr td:first-child { vertical-align: middle; font-weight: 600; } 
 @media (min-width: 992px){
 .table-padding-md.table>:not(caption)>*>* { padding: 1.8rem; font-size: 1rem; } 
 }

 /* ----------------------------------------------------------------
 * Á¦Ç°¼Ò°³
 -----------------------------------------------------------------*/
 /* ------ °øÅë ÇÊÅÍ°ª ------ */
 .grid-filter li a { font-size: 18px; font-weight: 400; color: #9b9b9b; } 
 .grid-filter.style-4 li.activeFilter a { font-weight: 600; } 
 /* ------ Á¦Ç°A ------ */
 .dyami-alt-tabs3 { --bs-nav-pills-link-active-bg: var(--dyami-themecolor); --bs-nav-pills-border-radius: 0px; --bs-nav-link-hover-color: var(--dyami-tab-base-color); --bs-nav-link-padding-x: 1.5rem; --bs-nav-link-padding-y: 1rem; } 
 .dyami-alt-tabs3 .nav-link { background-color: var(--bs-light); --bs-nav-link-color: var(--dyami-tab-base-color); margin-right: 15px; font-size: 1rem; font-weight: 500; } 
 .dyami-alt-tabs3 .tabs-bordered { padding: 0; margin-bottom: 0 !important; } 
 .dyami-alt-tabs3 .tabs-bordered+.tab-content { border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); border-top: 0; padding: var(--dyami-tab-container-padding); } 
 @media (max-width: 575.98px){
 .dyami-alt-tabs3 .nav-item .nav-link { border: none !important; } 
 }
 /* ------- Á¦Ç°B ------- */
 .menu_list .hover { width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, .8); position: absolute; top: 0; left: 0; display: none; } 
 /* @media screen and (max-width:767px){
 .menu_list .hover { width: 90%; height: auto; padding: 2rem 1rem 1rem; position: fixed; top: 30%; left: 50%; transform: translateX(-50%); border: 1px solid #dcdcdc; z-index: 199; } 
 }*/
 .list-onclick { list-style: none; font-size: inherit; } 
 .list-onclick li { padding-top: 10px; color: inherit; display: flex; } 
 .list-onclick li:first-child { padding-top: 0; } 
 .list-onclick li span { } 
 .list-onclick li span:first-child { width: 30%; font-weight: 500; color: inherit; } 
 .list-onclick li span:last-child { width: -webkit-fill-available; color: #bbb; } 
 @media screen and (max-width:767px) { } 
 /* ------- Á¦Ç°D ------- */
 .tableC-list.tableC-custom { border-bottom-color: #fff; } 
 .tableC-list.tableC-custom .webzine_type2 tr { border-bottom: 1px solid #dee2e6 !important; } 
 .tableC-list.tableC-custom .webzine_description { padding-bottom: 10px; } 
 .tableC-list.tableC-custom .webzine_description .obj_value a { color: #888; } 
 .tableC-list.tableC-custom .webzine_subject .div_news_title { font-weight: 500; margin-bottom: 16px; font-size: 28px; } 
 .tableC-list.tableC-custom .webzine_type_text_td_left { vertical-align: middle; } 
 .tableC-list.tableC-custom .webzine_type_text_td_left dd { margin-bottom: 12px; } 
 .tableC-list.tableC-custom .obj_name { font-weight: 600; margin-right: 16px; } 
 .tableC-list.tableC-custom .webzine_add1 .obj_name,
 .tableC-list.tableC-custom .webzine_add2 .obj_name,
 .tableC-list.tableC-custom .webzine_add3 .obj_name { width: 100%; display: block; } 
 .tableC-list.tableC-custom .webzine_add1 .obj_value { } 
 @media (min-width: 992px){
 .table-custom .table td { font-size: 18px; } 
 /*
 .tableC-list.tableC-custom .webzine_type_img_td,
 .tableC-list.tableC-custom .webzine_type_text_td_left { padding: 24px 0; border-bottom: 1px solid #dee2e6; } 
 */
 .tableC-lead.tableC-custom { border-top: 1px solid #dee2e6; } 
 .tableC-lead.tableC-custom .board_bgcolor { display: inline-block; width: 20%; } 
 .tableC-lead.tableC-custom .board_desc { display: inline-block; width: 80%; } 
 .tableC-list.tableC-custom .webzine_type_img_td { width: 50%}
 .tableC-list.tableC-custom .webzine_type_text_td_left { width: 50%; } 
 .tableC-list.tableC-custom .webzine_add1 .obj_name,
 .tableC-list.tableC-custom .webzine_add2 .obj_name,
 .tableC-list.tableC-custom .webzine_add3 .obj_name { width: 70px; display: inline-block; } 
 .tableC-list.tableC-custom .webzine_type_text_td_left dd { margin-bottom: 8px; } 
 }
 /* ----------------------------------------------------------------
 * È«º¸¼¾ÅÍ
 -----------------------------------------------------------------*/
 /* ------ Ä«Å×°í¸® ------- */
 .category-custom .sul_menu.cate_menu { padding: 0; text-align: center; } 
 .category-custom .sul_menu.cate_menu { overflow: hidden; zoom: 1; margin-bottom: 2.5rem; text-align: center; padding: 0 .9rem}
 .category-custom .sul_menu.cate_menu a { display: inline-block; padding: 9px 10px; margin: 0; font-size: 18px !important; font-family: inherit; color: #999; text-decoration: none; border: none !important; border-radius: 22px; width: auto; text-align: center}
 .category-custom .sul_menu.cate_menu a:hover { color: var(--dyami-themecolor); text-decoration: none; background-color: transparent; } 
 .category-custom .sul_menu.cate_menu img { visibility: hidden; display: none}
 .category-custom .sul_menu.cate_menu img+a { background-color: var(--dyami-themecolor); color: var(--bs-light); font-weight: 500; position: relative; } 
 @media (max-width:1024px){
 .category-custom .sul_menu.cate_menu a { width: 24%} 
 }
 @media (max-width:991px){
 .category-custom .sul_menu.cate_menu a { width: 32%}
 .category-custom .sul_menu.cate_menu { padding: 0 .3rem} 
 }
 @media (max-width:545px){
 .category-custom .sul_menu.cate_menu { text-align: left}
 .category-custom .sul_menu.cate_menu a { width: 48%; padding: 16px 10px !important; margin: 2px 1px !important; letter-spacing: -.8px} 
 }
 /* ------ ´º½º ------ */
 .table-custom .tableA-list>tbody>tr:first-child { display: none}
 .table-custom .tableA-list { margin-bottom: 16px !important; border-top: 1px solid var(--bs-border-color); border-bottom: 1px solid var(--bs-border-color); } 
 /* ------- È«º¸¿µ»ó ------- */
 @-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; } 
 /* ----------------------------------------------------------------
 * °í°´Áö¿ø
 -----------------------------------------------------------------*/
 /* ------ ÀÚÁÖÇÏ´ÂÁú¹® ------ */
 .accordion-custom .accordion-button:not(.collapsed) { color: var(--dyami-themecolor); } 
 .accordion-custom .accordion-button:focus { border-color: transparent; box-shadow: none; } 
 .accordion-custom .accordion-button:not(.collapsed) { background-color: transparent}
 @media (min-width:1200px){ .accordion-custom .accordion-button { font-size: 1.25rem; } }
 /* ------- ¿À½Ã´Â±æ ------- */
 .nav-maps { flex-direction: inherit}
 .nav-maps .nav-item { margin-right: 32px; } 
 .nav-maps .nav-item .nav-link { height: auto; line-height: 1; background-color: transparent; color: #bbb; font-weight: 700; padding: 0 0 10px 0; position: relative; border: none !important; font-size: 1.5rem; } 
 .nav-maps .nav-item .nav-link.active { color: var(--dyami-themecolor); } 
 .nav-maps .nav-item .nav-link.active:after { content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: var(--dyami-themecolor); } 
 .tab-pane { display: block !important; width: 100%; visibility: hidden; position: absolute; top: 0; } 
 .tab-pane.active { visibility: visible; position: static; } 
 .list-map li { margin-top: .5rem; } 
 .list-map li,
 .list-map li a { color: #888}
 .list-map b { color: var(--bs-dark); display: inline-block; min-width: 5rem; } 


 /* ----------------------------------------------------------------
 * Äü¸Þ´º
 -----------------------------------------------------------------*/
 /* ------ PC ------ */
 .quick-menu-wrap { position: fixed; top: 50%; 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: #282828; 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: 13px; font-family: 'Eulyoo1945'; 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: 0.3; } 
 .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); } 
 .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 > 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: 0.875rem; } 
 .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: 1rem; border-right: 1px solid #000; }
 @media (max-width:991px){ #copyrights {margin-bottom: 64px !important;} 
 }

/* ----------------------------------------------------------------
 * ¸ÞÀÎ : ±â¾÷3
 -----------------------------------------------------------------*/

/* ------- Hero Slide ÅؽºÆ® ------- */
.slider-caption h2, .slider-caption .h2 { font-size: 3.5rem; } 
 .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 ------- */
 .slider-custom .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; } 
 .slider-custom .swiper-slide img { width: 100% !important; height: auto !important; } 
 /* ¸ÞÀÎ 02 */
 .text-splitter.scroll-detect span { opacity: calc(0.1 + (1 * var(--dyami-scroll-percent))); transform: rotateX(20deg); transition: all .3s ease; transition-delay: 0s; color: var(--bs-dark) !important; } 
 .text-splitter.scroll-detect.scroll-detect-inview span { transform: rotateX(0); transition-delay: calc(.04s * var(--dyami-split-index)); } 
 /* ------- ¸ÞÀÎ 03 ------- */
 @media (hover: none) and (pointer: coarse){
 .box-overlay .bg-overlay-content { opacity: 1 !important; } 
 .box-overlay .bg-overlay-bg { opacity: .6 !important; } 
 .box-overlay .grid-inner>h3 { display: none; } 
 }
 /* ------- ¸ÞÀÎ 04 ------- */
 .list-circle-box li { width: 300px; height: 300px; border-radius: 100%; border: 1px solid rgba(255, 255, 255, .4); margin: -10px -10px; } 
 /* ------- ¸ÞÀÎ 05 ------- */
 .bg-product { background-color: #f4f4f4; } 
 #demo-product-tab { --bs-nav-tabs-border-width: 0px; --bs-nav-link-color: #111; } 
 #demo-product-tab .nav-item { position: relative; margin-right: 2.5rem; } 
 #demo-product-tab .nav-item .nav-link { padding-left: 0; padding-right: 0; } 
 #demo-product-tab .nav-item .nav-link .tab-title { color: #d1d1d1; font-weight: 700; } 
 #demo-product-tab .nav-item .nav-link.active .tab-title { color: var(--dyami-themecolor); } 
 @media (min-width: 992px){
 #demo-product-tab .nav-item { margin-right: 4.5rem; } 
 #demo-product-tab .nav-item .nav-link.active::after { content: ''; position: absolute; width: 0; height: 0; margin-left: -5px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f4f4f4; bottom: 0; left: 50%; transform: translateX(-50%) !important; } 
 }