.section01 { position: relative; margin: 2rem 0 3.15rem; }
.section01 .container { position: relative; padding-right: 18.4rem; }
.section01 .container::before { position: absolute; top: -4.85rem; left: -15.9rem; width: 17.4rem; height: 17.4rem; background: rgba(32, 144, 255, 0.3); filter: blur(30px); border-radius: 50%; content: ""; isolation: isolate; }
.section02 { position: relative; padding-bottom: 5.85rem; z-index: 1; }
.section02 .container { position: relative; }
.section02 .container::before { position: absolute; top: calc(100% - 2.3rem); left: -8.9rem; width: 28.25rem; height: 16.7rem; background: url('../images/main/bottom_bg.png') no-repeat center / contain; content: ""; z-index: 0; }
.section02 .container::after { position: absolute; bottom: -13.2rem; right: -14rem; width: 19rem; height: 19rem; background: rgba(0, 175, 146, 0.16); filter: blur(30px); border-radius: 50%; content: ""; isolation: isolate; z-index: -1; }

.idxCont1 { position: relative; width: 100%; }
.idxCont2 { position: absolute; top: 0; right: 0; width: 14.4rem; }
.idxCont3 { position: relative; width: 100%; margin-top: 2rem; }
.idxCont4 { position: relative; display: flex; justify-content: space-between; }

.MVisual { position: relative; }
.MVisual .slide { border-radius: 0.8rem; overflow: hidden; line-height: 0; height: 20rem; background: #ccc; isolation: isolate; }
.MVisual .slide .slick-list,
.MVisual .slide .slick-track { height: 100%; }
.MVisual .slide .item { position: relative; }
.MVisual .slide .item a { display: block; height: 100%; }
.MVisual .slide .item img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }
.MVisual .control { position: absolute; bottom: 1.5rem; left: 3.5rem; display: flex; align-items: center; }
.MVisual .control > a { color: #fff; order: 2; }
.MVisual .control > a.play { display: none; }
.MVisual .control .slick-dots { order: 1; font-size: 0; display: flex !important; margin-right: 0.6rem; }
.MVisual .control .slick-dots li + li { margin-left: 0.6rem; }
.MVisual .control .slick-dots li button { display: block; width: 0.55rem; height: 0.55rem; border: 2px solid #fff; border-radius: 50%; padding: 0; }
.MVisual .control .slick-dots li.slick-active button { background: #fff; }

.m_pop { position: absolute; top: -1.5rem; right: -1.8rem; z-index: 11; }
.m_pop .inner { position: relative; display: block; width: 6.9rem; height: 6.9rem; border-radius: 50%; background: #fcc419; text-align: center; padding-top: 1.6rem; }
.m_pop .inner::before { position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); background: url('../images/main/mini_popup_txt.png') no-repeat center; width: 10.8rem; height: 5.65rem; content: ""; }
.m_pop .inner::after { position: absolute; bottom: -1.5rem; left: 50%; transform: translateX(-50%); background: url('../images/main/mini_popup_img.png') no-repeat center; width: 7rem; height: 4.85rem; content: ""; }
.m_pop .inner .txt { font-size: 0.7rem; line-height: 1.1rem; color: #222; font-family: 'GmarketSans'; }
.m_pop .inner .txt em { display: block; font-size: 0.9rem; font-weight: 700; }
.m_pop .m_popClose { position: absolute; bottom: 1rem; right: -0.7rem; width: 1.7rem; height: 1.7rem; line-height: 1.7rem; border-radius: 50%; text-align: center; background: #222; color: #fff; z-index: 1; }
.hdBk .m_pop { z-index: 1; }

.quickMenu { position: relative; min-height: 17.25rem; background: #0B408C; border-radius: 0.8rem; padding: 1.4rem 1.5rem; }
.quickMenu .heading { position: relative; font-size: 20px; color: #fff; font-weight: 700; padding-left: 1.6rem; margin-bottom: 0.7rem; font-family: 'GmarketSans'; }
.quickMenu .heading::before { position: absolute; top: 6px; left: 0; width: 0.8rem; height: 1rem; background: url('../images/main/bookmark_icon.png') no-repeat center; content: ""; }
.quickMenu .lst ul { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.quickMenu .lst li { width: calc((100% - 0.6rem) / 2); padding-top: 0.3rem; }
.quickMenu .lst li a { position: relative; display: block; text-align: center; }
.quickMenu .lst li a .bedge { position: absolute; top: -0.3rem; left: 0; background: linear-gradient(90deg, #3182F6 0%, #2CB58E 96.77%); display: flex; justify-content: center; align-items: center; height: 1rem; color: #fff; border-radius: 0.4rem 0 0.4rem 0; font-size: 0.6rem; font-weight: 600; padding: 0 0.3rem; }
.quickMenu .lst li a .img { border-radius: 0.4rem; border: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(rgba(255, 255, 255, 0.122), transparent); padding: 0.85rem 0.5rem; }
.quickMenu .lst li a .txt { color: #fff; font-size: 0.9rem; font-weight: 600; margin-top: 0.4rem; }

.alimy { position: relative; margin-top: 1.5rem; border-radius: 0.8rem; overflow: hidden; }
.alimy .tit_wrap { display: flex; justify-content: space-between; align-items: center; height: 3.1rem; background: #2090FF; padding: 0 1.5rem; }
.alimy .tit_wrap .heading { position: relative; font-size: 20px; color: #fff; font-weight: 700; padding-left: 1.6rem; font-family: 'GmarketSans'; }
.alimy .tit_wrap .heading::before { position: absolute; top: 0; left: 0; width: 1rem; height: 1.05rem; background: url('../images/main/bell_icon.png') no-repeat center; content: ""; }
.alimy .tit_wrap .num { display: flex; align-items: center; color: #fff; font-size: 0.9rem; }
.alimy .tit_wrap .num em { font-size: 1.4rem; font-weight: 700; vertical-align: middle; text-shadow: 0 1px rgba(0, 0, 0, 0.2); margin-right: 0.2rem; }
.alimy .inner { padding: 1.25rem 1.5rem; background: #E4F3FF; }
.alimy .inner .user { font-size: 1rem; font-weight: 700; color: #111; }
.alimy .inner .user .name { position: relative; color: #2090FF; padding-left: 1.2rem; }
.alimy .inner .user .name::before { position: absolute; top: 0; left: 0; content: "\f264"; font-family: 'remixicon'; color: #111; }
.alimy .inner .lst { margin-top: 1.2rem; }
.alimy .inner .lst li { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 0.2rem; padding: 0.55rem 1rem; }
.alimy .inner .lst li + li { margin-top: 0.6rem; }
.alimy .inner .lst li .tit { font-size: 0.85rem; font-weight: 600; letter-spacing: 0; text-align: justify; color: #222; flex: none; }
.alimy .inner .lst li .num { display: flex; align-items: center; color: #666; font-size: 0.9rem; font-weight: 500; }
.alimy .inner .lst li .num em { position: relative; color: #333; font-size: 0.9rem; font-weight: 700; }
.alimy .inner .lst li .num em + em { padding-left: 1.2rem; }
.alimy .inner .lst li .num em + em::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0.45rem; font-size: 0.9rem; color: #666; content: "/"; }

.crsRgst { position: relative; }
.crsRgst .titbox { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 2.2rem); }
.crsRgst .titbox.btnhid { width: 100%; }
.crsRgst .heading { display: inline-block; font-size: 1.2rem; font-weight: 700; color: #111; }
.crsRgst .titTab { display: inline-block; margin-left: 1rem; }
.crsRgst .titTab ul { display: flex; flex-wrap: wrap; }
.crsRgst .titTab li { position: relative; padding: 0.2rem 0.4rem; left: -0.4rem; }
.crsRgst .titTab li a { display: block; font-size: 1rem; color: #8f8f8f; font-weight: 600; }
.crsRgst .titTab li a span { position: relative; padding: 0 0.2rem; }
.crsRgst .titTab li a span::before { position: absolute; bottom: 0; left: 0; width: 0; height: 0.3rem; background: rgba(11, 64, 140, 0.2); content: ""; }
.crsRgst .titTab li a.current { font-weight: 700; color: #0B408C; }
.crsRgst .titTab li a.current span::before,
.crsRgst .titTab li a:hover span::before,
.crsRgst .titTab li a:focus span::before { width: 100%; }
.crsRgst .rlViewStyle { display: flex; }
.crsRgst .rlViewStyle button { display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; line-height: 1.8rem; border-radius: 0.2rem; border: 1px solid #e5e5e5; text-align: center; color: #666; background: #fff; }
.crsRgst .rlViewStyle button + button { margin-left: 0.4rem; }
.crsRgst .rlViewStyle button.active { color: #2090ff; }
.crsRgst .tabData { position: relative; margin-top: 0.8rem; }
.crsRgst .tabData .list_box { display: none; }
.crsRgst .tabData .list_box.on { display: block; }
.crsRgst .tabData .list_box > ul { height: 11.5rem; }
.crsRgst .tabData .list_box .control .slick-dots { display: none !important; }
.crsRgst .tabData .list_box .control a { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); width: 2.3rem; height: 2.3rem; border: 1px solid #DEE1E7; border-radius: 50%; opacity: 0.6; background: #fff; color: #222; font-size: 1.2rem; }
.crsRgst .tabData .list_box .control a.prev { left: -1.2rem; }
.crsRgst .tabData .list_box .control a.next { right: -1.2rem; }
.crsRgst .tabData .list_box .control .slick-arrow.slick-hidden { display: none !important; }
.crsRgst .tabData .list_box .btn_more { position: absolute; top: -2.5rem; right: 0; color: #898989; font-size: 1.2rem; min-width: auto; padding: 0; font-weight: 400; margin: 0; border-radius: 0; }
.crsRgst .tabData .list_box .btn_more i { margin-right: 0; }
.crsRgst .tabData .no_data { display: flex; height: 11.5rem; justify-content: center; align-items: center; background: #fff; border-radius: 0.8rem; border: 1px solid #ced2db; }

.crsRgst .tabData.Listver .list_box > ul { border-radius: 0.8rem; border: 1px solid #ced2db; padding: 1.5rem; background: #fff; }
.crsRgst .tabData.Listver .list_box > ul > li { position: relative; padding-left: 0.6rem;}
.crsRgst .tabData.Listver .list_box > ul > li::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #111; content: ""; }
.crsRgst .tabData.Listver .list_box > ul > li:nth-child(n + 5) { display: none; }
.crsRgst .tabData.Listver .list_box > ul > li + li { margin-top: 1.1rem; }
.crsRgst .tabData.Listver .list_box > ul > li a { position: relative; display: flex; align-items: center; font-size: 0.9rem; color: #333; padding-right: 15.5rem; font-weight: 500; }
.crsRgst .tabData.Listver .list_box > ul > li a .badge { color: #2090FF; margin-right: 0.3rem; font-weight: 600; }
.crsRgst .tabData.Listver .list_box > ul > li a .tit { white-space: nowrap; text-overflow: ellipsis; flex: 1; overflow: hidden; padding: 0.1rem 0; }
.crsRgst .tabData.Listver .list_box > ul > li .lst { position: absolute; top: 0; right: 0; color: #666; font-size: 0.9rem; display: flex; gap: 0.5rem; }
.crsRgst .tabData.Listver .list_box > ul > li a .badge .date,
.crsRgst .tabData.Listver .list_box > ul > li .lst > li:nth-child(1) span,
.crsRgst .tabData.Listver .list_box > ul > li .lst > li:nth-child(2) { display: none; }
.crsRgst .tabData.Listver .list_box > ul > li.new a .tit span { position: relative; padding-right: 1.5rem; }
.crsRgst .tabData.Listver .list_box > ul > li.new a .tit span::before { position: absolute; top: -2px; right: 0; display: block; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; border-radius: 50%; color: #fff; background: #0b408c; content: 'N'; font-size: 0.7rem; font-weight: 600; text-align: center; }
.crsRgst .tabData.Listver .list_box .control { display: none; }

.crsRgst .tabData.Cardver .list_box .CardverSlide { width: calc(100% + 1.5rem); height: auto; margin-left: -0.75rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-list { padding-bottom: 10px; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide { width: 33.333%; padding: 0 0.75rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a { position: relative; display: block; height: 100%; border-radius: 0.8rem; padding: 1.5rem; box-shadow: 0px 0px 10px 0px rgba(132, 141, 160, 0.302); border-top: 3px solid #2090ff; background: #fff; transition: 0.3s; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .badge { display: flex; justify-content: space-between; align-items: center; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .badge .tab { font-size: 0.9rem; color: #2090FF; font-weight: 600; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .badge .date { position: absolute; top: 0.8rem; right: 0.8rem; font-size: 0.7rem; background: rgba(242, 51, 94, 0.102); color: #F2335E; border: 1px solid #F2335E; border-radius: 2rem; padding: 0.15rem 0.45rem;font-weight: 600; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .tit { height: 2.8rem; margin-top: 0.4rem; color: #111; font-size: 1rem; font-weight: 700; line-height: 1.4rem; overflow: hidden; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .lst { margin-top: 1.6rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .lst li { display: flex; font-size: 0.9rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .lst li + li { margin-top: 0.4rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .lst li span { width: 4.5rem; color: #222; font-weight: 600; font-size: 0.9rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .lst li span i { color: #2090ff; margin-right: 0.3rem; font-weight: 500; font-size: 0.75rem; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a .lst li em { flex: 1; color: #444; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide.new a .tit span { display: inline-block; position: relative; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide.new a .tit span::after { position: relative; bottom: 3px; display: inline-block; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; border-radius: 50%; color: #fff; background: #0b408c; content: 'N'; font-size: 0.7rem; font-weight: 600; text-align: center; margin-left: 0.7rem; }

.crsRgst .titTab li a,
.crsRgst .titTab li a span::before,
.crsRgst .tabData .list_box > ul > li a,
.crsRgst .rlViewStyle button { transition: all 0.3s; }

.crsRgst .tabData .list_box .control a:hover,
.crsRgst .tabData .list_box .control a:focus { opacity: 1; }

.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus { background: #0B408C; border-color: #0B408C; box-shadow: 0px 0px 10px 0px rgba(132, 141, 160, 0.302); }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover .badge .tab,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus .badge .tab { color: rgba(255, 255, 255, 0.8); }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover .badge .date,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus .badge .date { border-color: transparent; background: rgba(255, 255, 255, 0.2); color: #fff; }
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover .tit,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus .tit,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover .lst li span i,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus .lst li span i,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover .lst li span,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus .lst li span,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:hover .lst li em,
.crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a:focus .lst li em { color: #fff; }

.notice { position: relative; width: 49%; }
.notice .heading { font-size: 1.2rem; font-weight: 700; color: #111; }
.notice ul { height: 11.5rem; border-radius: 0.8rem; padding: 1.85rem 1.5rem; margin-top: 1.4rem; background: #fff; box-shadow: 0px 0px 10px 0px rgba(132, 141, 160, 0.302); }
.notice ul li { position: relative; padding-left: 0.6rem;}
.notice ul li::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #111; content: ""; }
.notice ul li:nth-child(n + 5) { display: none; }
.notice ul li + li { margin-top: 1.2rem; }
.notice ul li a { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 0.9rem; color: #333;font-weight: 500; }
.notice ul li a .txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; padding-right: 2rem; }
.notice ul li a .date { color: #666; }
.notice .btn_more { position: absolute; top: 0; right: 0; color: #898989; font-size: 1.2rem;  min-width: auto; padding: 0; font-weight: 400; margin: 0; border-radius: 0; }
.notice .btn_more i { margin-right: 0; }
.notice ul li a:hover .txt,
.notice ul li a:focus .txt { text-decoration: underline; font-weight: 600; }
.notice ul li a .txt { transition: 0.3s; }

.bord { position: relative; width: 49%; }
.bord .titTab ul { display: flex; }
.bord .titTab ul li + li { margin-left: 1.2rem; }
.bord .titTab ul li a { display: block; font-size: 1.2rem; font-weight: 700; color: #8F8F8F; }
.bord .titTab ul li a.current { color: #111; }
.bord .tabData { margin-top: 1.4rem; }
.bord .tabData .list_box { display: none; }
.bord .tabData .list_box.on { display: block; }
.bord .tabData ul { height: 11.5rem; border-radius: 0.8rem; padding: 1.85rem 1.5rem; box-shadow: 0px 0px 10px 0px rgba(132, 141, 160, 0.302); background: #fff; }
.bord .tabData ul li { position: relative; padding-left: 0.6rem;}
.bord .tabData ul li::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #111; content: ""; }
.bord .tabData ul li:nth-child(n + 5) { display: none; }
.bord .tabData ul li + li { margin-top: 1.2rem; }
.bord .tabData ul li a { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 0.9rem; color: #333;font-weight: 500; }
.bord .tabData ul li a .txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; padding-right: 1rem; }
.bord .btn_more { position: absolute; top: 0; right: 0; color: #898989; font-size: 1.2rem; min-width: auto; padding: 0; font-weight: 400; margin: 0; border-radius: 0; }
.crsRgst .tabData .list_box .btn_more i { margin-right: 0; }
.bord .titTab ul li a { transition: all 0.3s; }
.bord .tabData ul li a:hover .txt,
.bord .tabData ul li a:focus .txt { text-decoration: underline; font-weight: 600; }
.bord .tabData ul li.no_data { padding-left: 0; display: flex; height: 100%; justify-content: center; align-items: center; }
.bord .tabData ul li.no_data::before { display: none; }
.bord .tabData ul li a .txt { transition: 0.3s; }

.resetPassword { width: 40%; height: 2rem; justify-content: center; align-items: center; background: #2ce981; color: #fff; border-radius: 0.4rem; text-align: center; margin-top: 1.75rem; }

@media screen and (max-width:1480px) {
    .idxCont2 { right: 1rem; }

    .crsRgst .tabData .list_box .control a.prev { left: -1rem; }
    .crsRgst .tabData .list_box .control a.next { right: -1rem; }
}

@media screen and (max-width:1440px) {
    .section01 .container { padding-right: 17rem; }
    .crsRgst .tabData.Cardver .list_box .CardverSlide .slick-slide a { padding: 1.5rem 1.3rem; }
}

@media screen and (max-width:1360px) {
    .section01 { margin: 1rem 0 2.5rem; }
    .section01 .container { padding-right: 1rem; }
    .section02 { padding-bottom: 3rem; }
    .section02 .container::before { display: none; }

    .idxCont2 { position: relative; top: auto; right: auto; width: 100%; margin-top: 1.5rem; display: flex; justify-content: space-between; }
    .idxCont4 { flex-wrap: wrap; }

    .m_pop { display: none !important; }

    .quickMenu { width: 50%; }

    .alimy { width: 50%; margin-left: 1.5rem; margin-top: 0; background: #E4F3FF; }

    .crsRgst .tabData .list_box > ul { height: auto; }

    .notice { width: 100%; }

    .bord { width: 100%; margin-top: 2.5rem; }
}

@media screen and (max-width:960px) {
    .MVisual .slide { height: auto; }
    .MVisual .slide .slick-list,
    .MVisual .slide .slick-track { height: auto; }
    .MVisual .slide .item { height: auto; }
    .MVisual .slide .item a { height: auto; }
    .MVisual .slide .item img { top: auto; left: auto; transform: none; }
}

@media screen and (max-width:768px) {
    .idxCont2 { flex-wrap: wrap; }

    .MVisual .control { bottom: 7%; left: 7%; }

    .quickMenu { width: 100%; min-height: auto; }
    .quickMenu .lst li { width: calc((100% - 1.8rem) / 4); }

    .alimy { width: 100%; margin-left: 0; margin-top: 1rem; }

    .crsRgst .titbox { display: block; width: 100%; }
    .crsRgst .heading { width: calc(100% - 5rem); }
    .crsRgst .titTab { width: calc(100% - 1.5rem);  margin-left: 0; margin-top: 1.5rem; }
    .crsRgst .rlViewStyle { position: absolute; top: -0.2rem; right: 0; }
}

@media screen and (max-width:480px) {

    .quickMenu .lst li { width: calc((100% - 0.6rem) / 2); }
}