header{position:relative;z-index:100}header .top{position:relative;height:43px;background:#fff;z-index:1}header .top .inner>div{position:relative;display:flex;justify-content:end;gap:14px}header .top .inner>div .user-greetings{display:flex;align-items:center;justify-content:center;height:43px;padding:1px 10px 0;font-weight:500;font-size:15px;color:#1a1e27}header .top .inner>div>a{display:flex;align-items:center;justify-content:center;height:43px;padding:1px 10px 0;gap:2px;outline:none;transition:all .15s ease-out}header .top .inner>div>a:hover,header .top .inner>div>a:focus{background:#f7f7f7}header .top .inner>div>a.btn-login span{font-weight:500;font-size:15px;color:#1a1e27}header .top .inner>div>a.btn-login i{width:16px;height:16px;background:url(../../images/common/ic_top_login.svg) no-repeat}header .top .inner>div>a.btn-logout span{font-weight:500;font-size:15px;color:#1a1e27}header .top .inner>div>a.btn-logout i{width:16px;height:16px;background:url(../../images/common/ic_top_logout.svg) no-repeat}header .top .inner>div>a.btn-join{margin-right:8px}header .top .inner>div>a.btn-join span{font-weight:500;font-size:15px;color:#1a1e27}header .top .inner>div>a.btn-join i{width:16px;height:16px;background:url(../../images/common/ic_top_join.svg) no-repeat}header .top .inner>div>a.btn-mypage{width:124px;background:#eb6100}header .top .inner>div>a.btn-mypage span{font-weight:500;font-size:15px;color:#fff}header .top .inner>div>a.btn-mypage i{width:16px;height:16px;background:url(../../images/common/ic_top_history.svg) no-repeat}header .top .inner>div .my-layer{display:none;position:absolute;top:43px;right:0;width:416px;height:320px;padding:24px 30px 30px;background:#fff;border-radius:8px 0 8px 8px;box-shadow:8px 9px 20px 0px rgba(51,96,164,.25);border:2px solid #c6c6c6}header .top .inner>div .my-layer>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}header .top .inner>div .my-layer>div .my-name{display:flex;align-items:center}header .top .inner>div .my-layer>div .my-name span{font-weight:500;font-size:22px;color:#1d1d1d}header .top .inner>div .my-layer>div .my-name .name{font-weight:700;font-size:24px;color:#0f3570}header .top .inner>div .my-layer>div .my-name .ic-ar{margin-left:8px;width:16px;height:16px;background:url(../../images/common/ic_my_ar.svg) no-repeat}header .top .inner>div .my-layer>div .btn-logout{display:flex;font-size:14px;color:#505866}header .top .inner>div .my-layer>div .btn-logout:hover,header .top .inner>div .my-layer>div .btn-logout:focus{color:#1a1e27}header .top .inner>div .my-layer>ul>li{display:flex;align-items:center;gap:14px;height:75px}header .top .inner>div .my-layer>ul>li i.ic01,header .top .inner>div .my-layer>ul>li i.ic02,header .top .inner>div .my-layer>ul>li i.ic03{width:42px;height:42px}header .top .inner>div .my-layer>ul>li i.ic01{background:url(../../images/common/ic_my_01.svg) no-repeat}header .top .inner>div .my-layer>ul>li i.ic02{background:url(../../images/common/ic_my_02.svg) no-repeat}header .top .inner>div .my-layer>ul>li i.ic03{background:url(../../images/common/ic_my_03.svg) no-repeat}header .top .inner>div .my-layer>ul>li .txt{flex:1;font-weight:600;font-size:18px;color:#1a1e27}header .top .inner>div .my-layer>ul>li .num{display:flex;align-items:center;margin:0 10px}header .top .inner>div .my-layer>ul>li .num em{font-weight:600;font-size:18px;color:#eb6100}header .top .inner>div .my-layer>ul>li .num span{margin:2px 0 0 3px;font-weight:600;font-size:16px;color:#eb6100}header .top .inner>div .my-layer>ul>li a{display:flex;align-items:center;font-weight:500;font-size:16px;color:#b1b8c0;transition:all .15s ease-out}header .top .inner>div .my-layer>ul>li a span{font-weight:500;font-size:16px;color:#b1b8c0}header .top .inner>div .my-layer>ul>li a .ic-ar{margin-left:4px;width:16px;height:16px;background:url(../../images/common/ic_my_ar.svg) no-repeat}header .top .inner>div .my-layer>ul>li a:hover span,header .top .inner>div .my-layer>ul>li a:focus span{color:#999}header .top .inner>div .my-layer>ul>li+li{border-top:1px solid #c6c6c6}header .header-block{display:flex;height:88px;box-shadow:0px 5px 20px 0px rgba(16,51,109,.1);background:linear-gradient(178deg, rgba(255, 255, 255, 0.2) 66%, rgba(69, 128, 255, 0.2) 134%)}header .header-block .inner{position:relative;padding:0 200px}header .header-block .inner .logo{position:absolute;top:18px;left:0;width:175px;height:51px;background:url(../../images/common/logo.svg) no-repeat;outline:none}header .header-block .inner .navs{display:flex;justify-content:center;padding:13px 0 13px 60px}header .header-block .inner .navs>ul{display:flex;gap:48px}header .header-block .inner .navs>ul>li{display:flex;align-items:center;justify-content:center}header .header-block .inner .navs>ul>li>a{display:flex;align-items:center;justify-content:center;height:62px;padding:0 16px;font-weight:700;font-size:20px;color:#141218;transition:all .15s ease-out;outline:none}header .header-block .inner .navs>ul>li>a:hover,header .header-block .inner .navs>ul>li>a:focus{color:#0f3570}header .header-block .inner .navs>ul>li>a.active{color:#0f3570}header .header-block .inner .sub-area{position:absolute;top:23px;right:0;display:flex;gap:8px}header .header-block .inner .sub-area>a{display:flex;align-items:center;flex-direction:column;width:53px;height:48px;transition:all .15s ease-out;outline:none}header .header-block .inner .sub-area>a:hover span,header .header-block .inner .sub-area>a:focus span{color:#0f3570}header .header-block .inner .sub-area>a .ic-search{width:20px;height:20px;background:url(../../images/common/ic_header_search.svg) no-repeat}header .header-block .inner .sub-area>a .ic-menu{width:20px;height:20px;background:url(../../images/common/ic_header_menu.svg) no-repeat}header .header-block .inner .sub-area>a span{margin-top:5px;font-size:13px;color:#455c7e}header .nav-full-layer{display:none;position:absolute;top:131px;left:0;right:0;height:423px;background:#f8f9fa;border-top:1px solid #c6c6c6;box-shadow:0 5px 10px rgba(0,0,0,.02);z-index:100}header .nav-full-layer>.inner{display:flex;height:100%}header .nav-full-layer .left-area{width:400px;flex-shrink:0}header .nav-full-layer .left-area .block{position:relative;height:200px;padding:22px 22px 0 40px}header .nav-full-layer .left-area .block .title{font-weight:700;font-size:24px;color:#0f3570}header .nav-full-layer .left-area .block p{font-weight:500;font-size:16px;color:#505866}header .nav-full-layer .left-area .block .btn-goto{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:33px;width:121px;height:42px;border-radius:4px;background:#e7ebf1;transition:all .15s ease-out}header .nav-full-layer .left-area .block .btn-goto span{font-weight:500;font-size:18px;color:#0f3570}header .nav-full-layer .left-area .block .btn-goto i{width:17px;height:18px;background:url(../../images/common/ic_ar_goto.svg) no-repeat center}header .nav-full-layer .left-area .block .btn-goto:hover,header .nav-full-layer .left-area .block .btn-goto:focus{background:#dae1ec}header .nav-full-layer .left-area .block .i01,header .nav-full-layer .left-area .block .i02,header .nav-full-layer .left-area .block .i03,header .nav-full-layer .left-area .block .i04,header .nav-full-layer .left-area .block .i05,header .nav-full-layer .left-area .block .i06,header .nav-full-layer .left-area .block .i07,header .nav-full-layer .left-area .block .i08{position:absolute;bottom:18px;right:36px;display:flex;width:90px;height:90px;background:url(../../images/common/ic_goto_01.svg) no-repeat}header .nav-full-layer .left-area .block .i02{background:url(../../images/common/ic_goto_02.svg) no-repeat}header .nav-full-layer .left-area .block .i03{background:url(../../images/common/ic_goto_03.svg) no-repeat}header .nav-full-layer .left-area .block .i04{background:url(../../images/common/ic_goto_04.svg) no-repeat}header .nav-full-layer .left-area .block .i05{background:url(../../images/common/ic_goto_05.svg) no-repeat}header .nav-full-layer .left-area .block .i06{background:url(../../images/common/ic_goto_06.svg) no-repeat}header .nav-full-layer .left-area .block .i07{background:url(../../images/common/ic_goto_07.svg) no-repeat}header .nav-full-layer .left-area .block .i08{background:url(../../images/common/ic_goto_08.svg) no-repeat}header .nav-full-layer .right-area{width:100%;padding:13px 0;background:#fff}header .nav-full-layer .right-area ul.nav-sub{-moz-column-width:290px;column-width:290px;-moz-column-gap:5px;column-gap:5px}header .nav-full-layer .right-area ul.nav-sub>li{width:290px;margin-bottom:4px;-moz-column-break-inside:avoid;break-inside:avoid}header .nav-full-layer .right-area ul.nav-sub>li>a{display:flex;align-items:center;width:290px;height:40px;padding:0 32px;font-weight:700;font-size:18px;color:#000}header .nav-full-layer .right-area ul.nav-sub>li>a:hover,header .nav-full-layer .right-area ul.nav-sub>li>a:focus{color:#0f3570;background:#e7ebf1 url(../../images/common/ic_menu_hover.svg) no-repeat right 20px center}header .nav-full-layer .right-area ul.nav-sub>li>ul.depth3{display:flex;flex-direction:column;margin:7px 0 0;gap:6px;width:290px}header .nav-full-layer .right-area ul.nav-sub>li>ul.depth3>li{display:flex}header .nav-full-layer .right-area ul.nav-sub>li>ul.depth3>li>a{position:relative;display:flex;align-items:center;padding:0 46px;width:290px;height:22px;font-size:16px;color:#000;transition:all .15s ease-out}header .nav-full-layer .right-area ul.nav-sub>li>ul.depth3>li>a:hover,header .nav-full-layer .right-area ul.nav-sub>li>ul.depth3>li>a:focus{color:#0f3570;text-decoration:underline}header .nav-full-layer .right-area ul.nav-sub>li>ul.depth3>li>a:before{content:"";position:absolute;top:8px;left:34px;width:4px;height:4px;background:#0f3570;border-radius:50%}header .nav-full-layer.show{display:block;animation:slideDown .3s ease forwards}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.total-search{display:none;position:absolute;top:132px;left:0;right:0;min-height:230px;padding:0 0 20px;background:rgba(0,42,140,.5);box-shadow:0px 10px 14px 0px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 12px 12px}.total-search.is-open{display:block}.total-search .searh-block{position:relative;margin:28px auto 25px;padding:0 20px;max-width:502px;height:56px}.total-search .searh-block input{width:100%;height:100%;padding:0 50px 0 9px;font-weight:500;font-size:28px;color:#fff;border:none;border-bottom:2px solid #fff;background:rgba(0,0,0,0);border-radius:0}.total-search .searh-block ::-moz-placeholder{color:#fff !important}.total-search .searh-block ::placeholder{color:#fff !important}.total-search .searh-block .btn-search{position:absolute;top:11px;right:29px;width:32px;height:32px;background:url(../../images/common/ic_search_w.svg) no-repeat}.total-search .recommand-block{margin:0 auto;padding:0 20px;max-width:502px}.total-search .recommand-block h3{margin:0 10px 7px;font-weight:500;font-size:18px;color:#fff}.total-search .recommand-block>div{display:flex;flex-wrap:wrap;gap:8px}.total-search .recommand-block a{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 17px;font-weight:500;font-size:14px;color:#fff;border:1px solid #fff;border-radius:19px}.total-search .recommand-block a:hover,.total-search .recommand-block a:focus{background:hsla(0,0%,100%,.1)}.full-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;align-items:center;background:#0f3570;z-index:110;overflow:auto}.full-menu .top{position:relative;margin:65px 0 60px;width:100%;max-width:1388px;text-align:center}.full-menu .top h2{font-weight:600;font-size:40px;color:#fff}.full-menu .top .btn-close{position:absolute;top:10px;right:0;width:40px;height:40px;background:url(../../images/common/ic_fullmenu_close.svg) no-repeat center}.full-menu ul.depth1{display:flex;gap:60px;padding-bottom:40px}.full-menu ul.depth1>li>a{display:flex;align-items:center;width:302px;margin-bottom:36px;padding-bottom:17px;font-weight:600;font-size:28px;color:#fff;border-bottom:2px solid #788daf}.full-menu ul.depth1>li>a i{display:none}.full-menu ul.depth1>li ul.depth2{display:flex;flex-direction:column;gap:33px}.full-menu ul.depth1>li ul.depth2>li>a{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px}.full-menu ul.depth1>li ul.depth2>li>a span{font-weight:500;font-size:24px;color:#fff}.full-menu ul.depth1>li ul.depth2>li>a i{width:32px;height:32px}.full-menu ul.depth1>li ul.depth2>li>a.has-child.closed i{background:url(../../images/common/ic_fullmenu_plus.svg) no-repeat}.full-menu ul.depth1>li ul.depth2>li>a.has-child.closed+ul.depth3{display:none}.full-menu ul.depth1>li ul.depth2>li>a.has-child.opened i{background:url(../../images/common/ic_fullmenu_minus.svg) no-repeat}.full-menu ul.depth1>li ul.depth2>li ul.depth3{display:flex;flex-direction:column;gap:20px;margin:20px 12px 0;border-left:2px solid #879ab8}.full-menu ul.depth1>li ul.depth2>li ul.depth3>li>a{display:flex;align-items:center;width:100%;height:20px;padding:0 16px;font-weight:500;font-size:20px;color:#b1b8c0}.full-menu.open{display:flex}@media screen and (max-width: 1320px){header .header-block .inner{padding:0}header .header-block .inner .logo{left:18px}header .header-block .inner .sub-area{right:12px}header .header-block .inner .navs>ul{gap:32px}}@media screen and (max-width: 1023px){header .header-block{height:64px}header .header-block .inner .logo{top:14px;width:140px;height:36px;background-size:120px auto}header .header-block .inner .navs{display:none}header .header-block .inner .sub-area{top:12px}.total-search{top:108px}}@media screen and (max-width: 800px){::-webkit-scrollbar{width:5px;height:5px}.total-search .searh-block{margin:15px auto 20px}.total-search .searh-block input{font-size:22px}.full-menu{padding:60px 0 0;background:#fff}.full-menu .top{position:fixed;top:0;margin:0;height:60px;background:#0f3570}.full-menu .top h2{display:none}.full-menu .top .btn-close{top:20px;right:20px;width:20px;height:20px;background-size:20px}.full-menu ul.depth1{width:100%;padding:0 20px;flex-direction:column;gap:0;overflow:auto}.full-menu ul.depth1>li>a{position:relative;width:100%;height:56px;margin-bottom:0;padding:6px 2px 0;font-weight:700;font-size:20px;color:#1a1e27;border-bottom:1px solid #b1b8c0}.full-menu ul.depth1>li>a i{display:block;position:absolute;top:20px;right:0;width:24px;height:24px;background:url(../../images/common/ic_fullmenu_ar.svg) no-repeat;transform:rotate(180deg)}.full-menu ul.depth1>li ul.depth2{display:none;flex-direction:column;gap:0;margin:8px 0}.full-menu ul.depth1>li ul.depth2>li>a{padding:0 0 0 4px;height:40px}.full-menu ul.depth1>li ul.depth2>li>a span{font-size:18px;color:#505866}.full-menu ul.depth1>li ul.depth2>li>a i{width:20px;height:20px}.full-menu ul.depth1>li ul.depth2>li>a.has-child.closed i{background:url(../../images/common/ic_fullmenu_plus_mobile.svg) no-repeat}.full-menu ul.depth1>li ul.depth2>li>a.has-child.opened i{background:url(../../images/common/ic_fullmenu_minus_mobile.svg) no-repeat}.full-menu ul.depth1>li ul.depth2>li ul.depth3{gap:10px;margin:4px;padding:12px 0;border:none;background:#f0f4f6;border-radius:5px}.full-menu ul.depth1>li ul.depth2>li ul.depth3>li>a{height:26px;font-size:16px;color:#505866}.full-menu ul.depth1>li.opened>a i{transform:rotate(0deg)}.full-menu.open{display:flex}}@media screen and (max-width: 480px){header .top .inner>div{gap:6px}header .top .inner>div .user-greetings{padding:1px 5px 0}}