@charset "utf-8";
/* **************************************** *
 * CSS Variables
 * **************************************** */
/*
 * File       : sub-common.css
 * DATA       : 2022.08.28
 * Author     : @ansk28
 * Guideline  : SUPERBEE.1.1.0
 *
 * SUMMARY:
 * 1) Licence
 * 2) Path nav
 */
/* **************************************** *
 * Licence
 * **************************************** */
 .Licence_wrap{padding: 80px 0;}
 .Licence_wrap h2.lw-tit{font-size:50px; line-height: 50px;letter-spacing:-0.03em;font-weight: 600;}
 .Licence_wrap .lw-date{font-size: 20px;padding-left: 10px;margin: 40px 0;}
 .Licence_wrap .lw_cont_wrap li.lw_cont{margin-bottom: 40px;}
 .Licence_wrap .lw_cont_wrap li.lw_cont:last-child{margin-bottom: 0px;}
 .Licence_wrap .lw_cont_wrap li.lw_cont .lw_cont_tit{font-size: 18px;font-weight: 500;line-height: 20px;margin-bottom: 10px;}
 .Licence_wrap .lw_cont_wrap li.lw_cont .lw_cont_txt{font-size: 14px;font-weight: 400;line-height: 20px;word-break: keep-all;}

/* **************************************** *
 * Path nav부분
 * **************************************** */
 .sub-nav{position: fixed;top: 100px;left: 0;right: 0;width: 100%;height: 52px;background-color: #f9f9f9;z-index: 999;}
 .sub-nav .container{width: 1720px;height: 100%;display: flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;}
 .sub-nav .container .home-ico-box{margin-right: 30px;}
 .sub-nav .container .home-ico-box svg path{transition: all .3s ease-in-out;}
 .sub-nav .container .sub-nav-cont{height: 100%;display: flex;flex-flow:row nowrap;}
 .sub-nav .container .sub-nav-cont li{height: 100%;height:52px;position: relative;padding: 0 30px;display: flex;box-sizing: border-box;}
 .sub-nav .container .sub-nav-cont li a{width: 100%;display: flex;flex-flow:row nowrap;align-items: center;font-weight: 500;font-size: 16px;line-height: 19px;color:var(--gray-color-03);transition:all .3s ease-in-out;}
 .sub-nav .container .sub-nav-cont li.sub-depth-light{background-color: var(--orange-color);}
 .sub-nav .container .sub-nav-cont li.sub-depth-light a{color:var(--white-color);}
 .sub-nav .container .sub-nav-cont li a svg path{transition: all .3s ease-in-out;}
 .sub-nav .container .sub-nav-cont li ul{position: absolute;left: -50%;top: 52px;width: 100%;background-color: var(--white-color);transform:translateX(-50%);-webkit-transform: translateX(50%);-moz-transform: translateX(50%);-o-transform: translateX(50%);-ms-transform: translateX(50%);}
 .sub-nav .container .sub-nav-cont li ul li{background-color: var(--white-color);padding: 0;justify-content: center;}
 .sub-nav .container .sub-nav-cont li ul li a{justify-content: center;}
 .sub-nav .container .sub-nav-cont li a svg{margin: 3px 0 0 10px;}
 .sub-nav .container .sub-nav-cont > li::before{position: absolute;content:"";display: block;width: 1px;height: 10px;left: 0;top:50%;transform:translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);background-color: var(--gray-color-02);}
 .sub-nav .container .sub-nav-cont li.sub-depth-light::before{display: none;}
 .sub-nav .container .sub-nav-cont li .sub-depth2{display: none;}
 .sub-nav .container .sub-nav-cont li .sub-depth2 li a {width: 100%;height: 52px;display: flex;flex-flow:row nowrap;align-items: center;font-weight: 500;font-size: 16px;line-height: 19px;color:var(--gray-color-03);transition:all .3s ease-in-out;}
 
 /* hover action */
 .sub-nav .container .home-ico-box svg:hover path{fill:var(--orange-color);}
 .sub-nav .container .sub-nav-cont li:hover{ background-color: var(--orange-color);}
 .sub-nav .container .sub-nav-cont li:hover a{color:var(--white-color);}
 .sub-nav .container .sub-nav-cont li:hover a svg path{fill:var(--white-color);}
 .sub-nav .container .sub-nav-cont li:hover ul li a{color:var(--gray-color-03);}
 .sub-nav .container .sub-nav-cont li:hover ul li:hover a{color:var(--white-color);}
 .sub-nav .container .sub-nav-cont > li:hover::before{display: none;}