@charset "utf-8";

#main_banner_wrap{max-width:var(--mainsize);margin:0 auto;padding-top:40px}
#main_banner_wrap .slide_wrap{width:50%}
#main_banner_wrap .slide_wrap li{width:100%;height:500px;background-position:center;background-size:cover}
#main_banner_wrap .slide_wrap .slide1{background:url(./img/main_banner_01.jpg)}
#main_banner_wrap .slide_wrap .slide2{background:url(./img/main_banner_02.jpg)}

#tab_page .tab_cont{overflow:hidden;height:0;background:#fff}
#tab_page .tabs{display:flex}
#tab_page .tabs_area{display:flex;align-items:center;justify-content:space-between}
#tab_page .tabs_area p{margin-left:auto;font-size:19px;font-weight:800;color:#111}
#tab_page .tabs_area p b{color:var(--primary)}
#tab_page .tabs_area p img{margin-left:7px;transform:translateY(-7px)}
#tab_page .wrap{display:none}
#tab_page .wrap .go{position:relative;display:flex;align-items:center;justify-content:center;width:275px;height:80px;padding-top:8px;font-size:20px;font-weight:700;color:#fff;text-align:center;cursor:pointer;background-repeat:no-repeat;background-position:bottom !important}
#tab_page .tabs li+li{margin-left:-10px}
#tab_page .tabs li.n01.on{background-image:url(./img/tab01_on.png)}
#tab_page .tabs li.n02.on{z-index:101;background-image:url(./img/tab02_on.png)}
#tab_page .tabs li.n01{position:relative;z-index:10;color:#111;background-image:url(./img/tab01.png)}
#tab_page .tabs li.n02{position:relative;z-index:9;background-image:url(./img/tab02.png)}
#tab_page .wrap li.n03{background-image:url(./img/tab03.png)}
#tab_page .wrap .n03 a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff} 
#tab_page .wrap .cls_link{margin-left:-10px}

#tab_page .tab_cont1 .main_wrap{align-items:flex-end;padding:50px 80px 0 80px}
#tab_page .tab_cont1 .m_txt{width:40%;text-align:center}
#tab_page .tab_cont1 .e_txt{font-size:14px;font-weight:500;color:#111;text-transform:uppercase}
#tab_page .tab_cont1 h1{margin-top:30px;font-size:70px;color:#111;white-space:pre-line;line-height:1;font-family:var(--k-point)}
#tab_page .tab_cont1 h1 b{color:var(--primary)}
#tab_page .tab_cont1 .main_ctl{display:flex;justify-content:center;gap:20px;font-size:16px;font-weight:600;color:#aaa}
#tab_page .tab_cont1 .main_ctl span{cursor:pointer}
#tab_page .tab_cont1 .main_ctl svg{width:20px}
#tab_page .tab_cont1 .main_ctl .pager{width:auto}
#tab_page .tab_cont1 .key{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px;font-size:20px;font-weight:600}
#tab_page .tab_cont1 .key a{display:block;padding:13px 30px;border-radius:50px;border:1px solid #e1e1e1;color:#aaa;transition:all .3s}
#tab_page .tab_cont1 .key a:hover{cursor:zoom-in;background:#eee}
#tab_page .main_wrap{display:flex;align-items:center;justify-content:space-between;gap:150px;position:relative;border-radius:15px 15px 0 0;background:#272d43}
#tab_page .slide_wrap{overflow:hidden;width:55%;height:475px;border-radius:13px}
#tab_page .main_wrap::before{content:"";display:block;position:absolute;top:0;left:0;width:281px;height:339px;background:url(./img/left_deco.png)}
#tab_page .main_wrap::after{content:"";display:block;position:absolute;bottom:0;right:0;width:1086px;height:576px;background:url(./img/right_deco.png)}
#tab_page .main_wrap .img_area p{position:absolute;bottom:8%;z-index:2;font-size:44px;white-space:pre-line;line-height:1.3;color:#fff;text-align:center;font-family:var(--k-point)}
#tab_page .main_wrap .img_area p b{font-size:66px}
/* #tab_page .main_wrap .img_area p b span{display:inline-block;background:linear-gradient(90deg,#7c0019,#3a1b4a,#1a224f);mix-blend-mode:lighten;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;} */
#tab_page .main_wrap .img_area .man{position:relative;padding-left:80px}
#tab_page .main_wrap .img_area .man::before{content:"";display:block;position:absolute;top:50%;left:63%;transform:translate(-50%, -50%);width:976px;height:695px;background:url(./img/deco.png)}
#tab_page .main_wrap .img_area .man img{position:relative;z-index:1}
#tab_page .main_wrap .img_area .man:after{content:"";display:block;position:absolute;top:43%;left:58%;transform:translate(-50%, -50%);width:371px;height:263px;background:url(./img/man_deco.png)}
#tab_page .main_wrap .cont .main_tit{padding-bottom:5px;font-size:20px;font-weight:700;color:#fff;font-family:var(--k-point)}
#tab_page .main_wrap .top .tb_wrap table{overflow:hidden;width:100%;border-collapse:collapse;border-radius:10px}
#tab_page .main_wrap .top .tb_wrap table thead tr th{padding:10px;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size:16px;font-weight:700;color:#fff;text-align:center;background:rgba(255, 255, 255, 0.2)}
#tab_page .main_wrap .top .tb_wrap table thead tr th+th{border-left:1px solid rgba(255, 255, 255, 0.2)}
#tab_page .main_wrap .top .tb_wrap table tbody tr .tb_back{border-bottom:1px solid rgba(255, 255, 255, 0.2); color:#fff;background:rgba(255, 255, 255, 0.3)}
#tab_page .main_wrap .top .tb_wrap table tbody tr td{border-bottom:1px solid #e1e1e1;padding:10px;font-size:16px;font-weight:400;color:#222;text-align:center;background:#fff}
#tab_page .main_wrap .top .tb_wrap table tbody tr td.gray{background:#f7f7f7}
#tab_page .main_wrap .top .tb_wrap table tbody tr td+td{border-left:1px solid #e1e1e1}
#tab_page .main_wrap .txt_area{display:flex;gap:35px;flex-direction:column;width:100%;z-index:1}
#tab_page .main_wrap .bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:50px}
#tab_page .main_wrap .bottom div a{display:flex;align-items:center;gap:15px;padding:12px 27px;border-radius:8px;font-size:16px;font-weight:700;color:#fff;background:rgba(255, 255, 255, 0.3);transition:0.2s}
#tab_page .main_wrap .bottom div a:hover{font-weight:700;color:#222;background:rgba(255, 255, 255, 0.8)}
#tab_page .main_wrap .bottom div a+a{margin-top:5px}
#tab_page .main_wrap .bottom .name{font-size:20px;color:#fff;font-family:var(--k-point)}
#tab_page .main_wrap .bottom .name span{display:inline-block;padding-left:10px;font-size:36px}
#tab_page .main_wrap .bottom ul li{position:relative;padding-left:15px;font-size:16px;color:#fff}
#tab_page .main_wrap .bottom ul li::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:#fff}
#tab_page .main_wrap .bottom ul li+li{margin-top:3px}
#tab_page .tab_cont2 .sub_wrap{padding:80px 0}
#tab_page .tab_cont2 .s_tit{margin-bottom:60px;text-align:center}
#tab_page .tab_cont2 .s_tit h2{font-size:36px;color:#111;font-family:var(--k-point)}
#tab_page .tab_cont2 .s_tit p{font-size:16px;font-weight:400;color:#777}

#tab_page .cls_slide{position:relative}
#tab_page .cls_slide li{display:flex;align-items:center;justify-content:center;gap:50px;opacity:.3;transition:all .3s}
#tab_page .cls_slide li.on{opacity:1}
#tab_page .cls_slide .cont{width:35%;color:#111}
#tab_page .cls_slide .img{position:relative;overflow:hidden;border-radius:20px}
#tab_page .cls_slide .img p{position:absolute;top:0;left:35px;padding:10px 20px;font-size:15px;font-weight:800;color:#fff;background:#333}
#tab_page .cls_slide .cont span{font-size:12px;font-weight:700;text-transform:uppercase}
#tab_page .cls_slide .cont p{margin:10px 0;font-size:20px;font-weight:700}
#tab_page .cls_slide .c_txt{font-size:15px;color:#777;word-break:keep-all}
#tab_page .cls_slide .link{display:flex;gap:10px;margin-top:20px}
#tab_page .cls_slide .link a{display:flex;padding:10px 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:15px;font-weight:700;color:#111;background:#f2f2f2;transition:all .3s}
#tab_page .cls_slide .link a:hover{color:#fff;border:1px solid var(--primary);background:var(--primary)}
#tab_page .cls_slide .empty{height:315px}

#tab_page .cls_slide .arrow span{position:absolute;z-index:10;top:50%;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50px;color:#aaa;cursor:pointer;transform:translateY(-50%);background:#f2f2f2;transition:all .3s}
#tab_page .cls_slide .arrow .prev{left:15%}
#tab_page .cls_slide .arrow .next{right:15%}
#tab_page .cls_slide span:hover{color:#111}

#btmBox{display:grid;grid-template-columns:repeat(2,1fr);padding:20px 100px;border-radius:0 0 15px 15px;background:var(--primary)}
#btmBox p{font-size:16px;font-weight:600;color:#fff}
#btmBox>div{display:flex;gap:20px}
#btmBox .ver_slider{overflow:hidden;height:25px;margin:0}
#btmBox .ver_slider a{font-size:15px;font-weight:400;color:rgba(255,255,255,.5)}
#btmBox .ver_slider li{display:flex;align-items:center}
#btmBox .ver_slider .empty{font-size:15px;font-weight:400;color:rgba(255,255,255,.5)}