/* index.less */
#book_area .list_box li .img_box:before,#book_area .list_box li .img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0);}#book_area .list_box li .img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom;}@media (min-width:1281px){#book_area .list_box li:hover .img_box:before,#book_area .list_box li:hover .img_box:after{transform:scaleY(1);-webkit-transform:scaleY(1);}}#youtube_box a{width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite;}

/* header */
header .menu { border-bottom: 1px rgba(var(--white-rgb), .2) solid; }

/* search_box */
#openform { background: rgba(var(--white-rgb), .3); }

/* section */

section.section_pad { padding: 5vw 0; }
section >* { z-index: 3; }
section .title_box { margin-bottom: 40px; }

/* bg_box */
.bg_box { width: 100%; height: 100%; background: no-repeat 50% / cover; background-attachment: fixed; opacity: .3; top: 0; left: 0; }
.bg_box:before {width: 100%;height: 100%;display: block;/* background: rgba(var(--primary-rgb), .2); */content: "";}
.bg_box.white:before {/* background: rgba(var(--white-rgb), .2); */}

/* index_area */
.index_area{position:relative;padding:110px 0;}
.index_area>.bg_box{inset:0;z-index:0;width:100%;height:100%;}
.index_area>.bg_box.white{background:#fff;}
.index_area .title_box{position:relative;z-index:2;margin-bottom:60px;text-align:center;}
.index_area .title_brand{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:14px;}
.index_area .sub_title{margin:0;color:#2086d5;font-size: 17px;font-weight: 400;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;}
.index_area .brand_shape{display:grid;width:27px;height:27px;flex:0 0 27px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap: 0px;}
.index_area .brand_shape i{display:block;background:#2889c8;}
.index_area .brand_shape .shape_1{border-radius:1px;}
.index_area .brand_shape .shape_2{background:#87949c;clip-path:polygon(0 0,100% 0,50% 100%);}
.index_area .brand_shape .shape_3{background:#87949c;border-radius: 0 0 100% 0;}
.index_area .brand_shape .shape_4{border-radius:1px;}
.index_area .brand_line{position:relative;width:54px;height:1px;background:#d4e0eb;}
.index_area .brand_line:after{content:"";position:absolute;top:50%;right:0;width:5px;height:5px;border-radius:50%;background:#2889c8;transform:translateY(-50%);}
.index_area .area_title{margin:0;color:#0a345f;font-size:clamp(34px,3vw,48px);font-weight:700;line-height:1.35;letter-spacing:.055em;}
.index_area .area_title span{display:inline-block;margin:0 .1em;color:#2587ce;font-weight:400;}
.index_area .area_title:after{content:"";display:block;width:74px;height:4px;margin:20px auto 0;background:linear-gradient(90deg,#2889c8 0 34%,transparent 34% 42%,#87949c 42% 67%,transparent 67% 75%,#2889c8 75% 100%);}
.index_area .letext{max-width:680px;margin:17px auto 0;color:#778599;font-size:16px;font-weight:400;line-height:1.9;letter-spacing:.04em;text-align: center;}



/* #product_area */
#product_area{overflow:hidden;background: url(/images/40/product_area_bg.jpg);margin: 0;padding-bottom: 200px;background-size: cover;}
#product_area:before{content:"";position:absolute;top: 24%;left:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(40,137,200,.075) 0%,rgba(40,137,200,0) 70%);pointer-events:none;}
#product_area:after{content:"";position:absolute;right:-240px;bottom: 20%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(10,52,95,.055) 0%,rgba(10,52,95,0) 70%);pointer-events:none;}
#product_area .list_box{position:relative;z-index:3;padding:0 54px;}
#product_area #product_list{margin:0 -12px;}
#product_area .slick-list{overflow:hidden;}
#product_area .slick-track{display:flex;margin: 15px 0 0;}
#product_area .slick-slide{height:auto;padding:0 12px;}
#product_area .slick-slide>div{height:100%;}
#product_area .product_item{height:100%;}
#product_area .product_card{height:100%;overflow:hidden;border:1px solid #dfe8f0;border-radius:7px;background:#fff;transition:border-color .4s ease,transform .4s ease;}
#product_area .product_card:before{content:"";position:absolute;top:0;left:0;z-index:3;width:0;height:3px;background:linear-gradient(90deg,#218bd5,#69b9ed);transition:width .5s ease;}
#product_area .product_card:hover{border-color:#bcd6e9;transform:translateY(-7px);}
#product_area .product_card:hover:before{width:100%;}
#product_area .product_img{aspect-ratio:4/3;background:linear-gradient(145deg,#f7f9fb 0%,#edf3f8 100%);}
#product_area .product_img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,0) 42%);pointer-events:none;}
#product_area .product_img:after{content:"";position:absolute;left:50%;bottom:10%;width:60%;height:10%;border-radius:50%;background:rgba(24,64,100,.1);filter:blur(18px);transform:translateX(-50%);pointer-events:none;}
#product_area .product_img img{position:relative;z-index:2;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1);}
#product_area .product_card:hover .product_img img{transform:scale(1.045);}
#product_area .product_info{position:relative;min-height: auto;padding:27px 30px 25px;border-top:1px solid #eaf0f5;background:#fff;}
#product_area .product_info_inner{position:relative;}
#product_area .product_info .h3{margin:0 0 10px;color:#093968;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.02em;-webkit-line-clamp:1;}
#product_area .product_info article{min-height:52px;margin:0;color:#788699;font-size:14px;line-height:1.85;letter-spacing:.015em;-webkit-line-clamp:2;}
#product_area .product_price{display:flex;align-items:baseline;gap:10px;margin-top:13px;}
#product_area .product_price p{margin:0;}
#product_area .product_price .price{font-size:18px;font-weight:700;}
#product_area .product_price .old{font-size:13px;text-decoration:line-through;}
#product_area .product_more{position:relative;z-index:2;display:inline-flex;margin-top:20px;align-items:center;gap:13px;color:#58708d;font-size:13px;font-weight:700;line-height:1;letter-spacing:.12em;transition:color .35s ease;}
#product_area .product_more:before{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:#218bd5;transition:width .4s ease;}
#product_area .more_icon{display:flex;width:32px;height:32px;border:1px solid #c8dced;border-radius:50%;align-items:center;justify-content:center;transition:background .35s ease,border-color .35s ease,transform .35s ease;}
#product_area .more_icon svg{width:15px;height:15px;fill:none;stroke:#218bd5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s ease;}
#product_area .product_card:hover .product_more{color:#147dcc;}
#product_area .product_card:hover .product_more:before{width:calc(100% - 45px);}
#product_area .product_card:hover .more_icon{border-color:#218bd5;background:#218bd5;transform:translateX(4px);}
#product_area .product_card:hover .more_icon svg{stroke:#fff;}
#product_area .atag_item{inset:0;z-index:5;}
#product_area .product_arrow{position:absolute;top:38%;z-index:12;display:flex;width:50px;height:50px;padding:0;border:1px solid #d7e4ee;border-radius:50%;background:rgba(255,255,255,.96);align-items:center;justify-content:center;cursor:pointer;transition:border-color .35s ease,background .35s ease,transform .35s ease;}
#product_area .product_prev{left: 29px;transform:translateY(-50%);}
#product_area .product_next{right: 29px;transform:translateY(-50%);}
#product_area .product_arrow svg{width:19px;height:19px;fill:none;stroke:#1982cd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s ease,transform .35s ease;}
#product_area .product_arrow:hover{border-color:#167fcc;background:#167fcc;}
#product_area .product_arrow:hover svg{stroke:#fff;}
#product_area .product_prev:hover{transform:translate(-3px,-50%);}
#product_area .product_next:hover{transform:translate(3px,-50%);}
#product_area .product_prev:hover svg{transform:translateX(-1px);}
#product_area .product_next:hover svg{transform:translateX(1px);}
#product_area .slick-dots{display:flex!important;position:relative;bottom:auto;left:auto;margin:30px 0 0;padding:0;align-items:center;justify-content:center;gap:8px;list-style:none;}
#product_area .slick-dots li{width:auto;height:auto;margin:0;padding:0;}
#product_area .slick-dots button{display:block;width:7px;height:7px;padding:0;border:0;border-radius:20px;background:#d1dce7;font-size:0;cursor:pointer;transition:width .35s ease,background .35s ease;}
#product_area .slick-dots .slick-active button{width:28px;background:#218bd5;}
#product_area .slick-dots li button:before{display:none;}

@media screen and (max-width:1399px){
.index_area{padding:100px 0;}
#product_area .list_box{padding:0 45px;}
#product_area .product_arrow{width:46px;height:46px;}
#product_area .product_prev{left:3px;}
#product_area .product_next{right:3px;}
}

@media screen and (max-width:1199px){
.index_area{padding:90px 0;}
.index_area .title_box{margin-bottom:50px;}
#product_area .list_box{padding:0 38px;}
#product_area .product_info{padding:24px;}
#product_area .product_arrow{width:44px;height:44px;}
}

@media screen and (max-width:991px){
.index_area{padding:80px 0;}
.index_area .area_title{font-size:36px;}
.index_area .letext{font-size:15px;}
.index_area .brand_line{width:42px;}
#product_area .list_box{padding:0 32px;}
#product_area .product_info .h3{font-size:19px;}
#product_area .product_arrow{top:37%;}
}

.censhape{content:"";position:absolute;left:0;margin-top: -100px;width: 91%;height: 160px;background: linear-gradient(0deg, #5bcefb, #147fd0);pointer-events:none;z-index: 4;border-radius: 0 0 80px 0;}



@media screen and (max-width:767px){
.index_area{padding:68px 0;}
.index_area .title_box{margin-bottom:40px;}
.index_area .title_brand{gap:11px;}
.index_area .brand_shape{width:24px;height:24px;flex-basis:24px;}
.index_area .brand_line{width:30px;}
.index_area .area_title{font-size:31px;}
.index_area .area_title:after{width:60px;height:3px;margin-top:16px;}
.index_area .letext{margin-top:14px;line-height:1.75;}

#product_area .list_box{padding:0 28px;}
#product_area .product_arrow{top:35%;width:42px;height:42px;}
}

@media screen and (max-width:640px){
.index_area{padding:58px 0;}
.index_area .title_brand{gap:9px;}
.index_area .sub_title{font-size:11px;letter-spacing:.13em;}
.index_area .brand_shape{width:22px;height:22px;flex-basis:22px;}
.index_area .brand_line{width:25px;}
.index_area .area_title{font-size:28px;}
.index_area .letext{font-size:14px;}
	.censhape{display:none;}
	#product_area{
    padding-bottom: 50px;
}
#product_area .list_box{padding:0;}
#product_area #product_list{margin:0;}
#product_area .slick-slide{padding:0;}
#product_area .product_card:hover{transform:none;}
#product_area .product_info{min-height:auto;padding:23px 22px;}
#product_area .product_arrow{top:30%;width:42px;height:42px;background:rgba(255,255,255,.94);}
#product_area .product_prev{left:10px;}
#product_area .product_next{right:10px;}
	
}

@media screen and (max-width:480px){
.index_area{padding:52px 0;}
.index_area .brand_line{display:none;}
.index_area .area_title{font-size: 27px;}
.index_area .area_title:after{width:52px;}
	

#product_area .product_arrow{top:29%;width:38px;height:38px;}
#product_area .product_arrow svg{width:17px;height:17px;}
#product_area .product_prev{left:8px;}
#product_area .product_next{right:8px;}
}




/* #about_area */
#about_area{position:relative;overflow:hidden;background: url(/images/40/index_about_bg.jpg);}
#about_area:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background: linear-gradient(0deg, #5bcefb, #147fd0);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);pointer-events:none;}
#about_area:after{content:"";position:absolute;left:-180px;bottom:-270px;width:540px;height:540px;border:1px solid rgba(40,137,200,.07);border-radius:50%;pointer-events:none;}
#about_area>.workframe{position:relative;z-index:2;}
#about_area .about_wrap{position:relative;display:flex;align-items:center;gap:8%;}

#about_area .info_box{position:relative;width:43%;flex:0 0 43%;padding:30px 0;}
#about_area .title_box{margin-bottom:30px;text-align:left;}
#about_area .title_brand{justify-content:flex-start;}
#about_area .area_title{text-align:left;}
#about_area .area_title:after{margin-left:0;margin-right:0;}
#about_area .about_intro{max-width:660px;color:#68788b;font-size:16px;font-weight:400;line-height:2;letter-spacing:.025em;}
#about_area .about_intro>*:first-child{margin-top:0;}
#about_area .about_intro>*:last-child{margin-bottom:0;}
#about_area .about_intro p{margin:0 0 18px;color:#68788b;font-size:16px;font-weight:400;line-height:2;letter-spacing:.025em;}
#about_area .about_intro strong,#about_area .about_intro b{color:#124b7d;font-weight:700;}
#about_area .about_intro h1,#about_area .about_intro h2,#about_area .about_intro h3,#about_area .about_intro h4,#about_area .about_intro h5,#about_area .about_intro h6{margin:28px 0 12px;color:#0a345f;font-weight:700;line-height:1.55;}
#about_area .about_intro h1,#about_area .about_intro h2{font-size:24px;}
#about_area .about_intro h3{font-size:22px;}
#about_area .about_intro h4,#about_area .about_intro h5,#about_area .about_intro h6{font-size:18px;}
#about_area .about_intro ul,#about_area .about_intro ol{margin:20px 0;padding:0;list-style:none;}
#about_area .about_intro li{position:relative;margin:9px 0;padding-left:24px;color:#68788b;line-height:1.85;}
#about_area .about_intro ul li:before{content:"";position:absolute;top:.73em;left:2px;width:7px;height:7px;background:#2889c8;transform:rotate(45deg);}
#about_area .about_intro ol{counter-reset:aboutItem;}
#about_area .about_intro ol li{counter-increment:aboutItem;padding-left:34px;}
#about_area .about_intro ol li:before{content:counter(aboutItem,decimal-leading-zero);position:absolute;top:0;left:0;color:#2889c8;font-size:12px;font-weight:700;letter-spacing:.04em;}
#about_area .about_intro a{color:#2185ca;text-decoration:underline;text-underline-offset:4px;}
#about_area .about_intro img{display:block;max-width:100%;height:auto;margin:25px 0;}
#about_area .about_intro blockquote{position:relative;margin:25px 0;padding:5px 0 5px 22px;border-left:3px solid #2889c8;color:#50677e;}
#about_area .about_intro table{width:100%;margin:25px 0;border-collapse:collapse;}
#about_area .about_intro th,#about_area .about_intro td{padding:12px 15px;border:1px solid #dde6ee;text-align:left;line-height:1.7;}
#about_area .about_intro th{background:#f2f7fb;color:#164f7e;font-weight:700;}
#about_area .about_btn_box{margin-top:38px;}


#about_area .img_box{position:relative;width:49%;flex:0 0 49%;padding:25px 20px 58px 45px;}
#about_area .about_visual{position:relative;width:100%;padding:0 7% 11% 8%;}


#about_area .about_visual_shape{position:absolute;left:0;bottom:0;z-index:0;width:52%;height:77%;overflow:hidden;background:linear-gradient(145deg,#0d579d 0%,#063b70 100%);clip-path:polygon(28% 0,100% 0,100% 76%,72% 100%,0 100%,0 22%);}
#about_area .about_visual_shape:before{content:"";position:absolute;top:0;left:0;width:60%;height:47%;background:rgba(39,141,207,.65);clip-path:polygon(42% 0,100% 0,57% 100%,0 100%);}
#about_area .about_visual_shape:after{content:"";position:absolute;right:9%;bottom:10%;width:42%;height:42%;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}


#about_area .about_main_photo{position:relative;z-index:2;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:0 18px 18px 18px;background:#eef4f8;}
#about_area .about_main_photo:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(7,52,96,.09) 0%,rgba(7,52,96,0) 45%);pointer-events:none;}
#about_area .about_main_photo:after{content:"";position:absolute;top:0;left:-1px;z-index:3;width:13%;height:23%;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;}
#about_area .about_main_photo a{display: flex;width:100%;height:100%;flex-direction: column;align-items: center;}
#about_area .about_main_photo img{display: flex;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
#about_area .about_main_photo:hover img{transform:scale(1.045);}


#about_area .about_sub_photo{position:absolute;right:0;bottom:0;z-index:5;width:46%;aspect-ratio:4/3;padding:6px;overflow:hidden;border-radius:17px;background:#fff;}
#about_area .about_sub_photo:before{content:"";position:absolute;inset:6px;z-index:2;border:1px solid rgba(9,57,104,.08);border-radius:11px;pointer-events:none;}
#about_area .about_sub_photo a{display: flex;width:100%;height:100%;overflow:hidden;border-radius:11px;flex-direction: column;align-items: center;}
#about_area .about_sub_photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
#about_area .about_sub_photo:hover img{transform:scale(1.06);}

#about_area .about_visual_line{position:absolute;top:-15px;right:5%;z-index:1;width:30%;height:1px;background:#2889c8;}
#about_area .about_visual_line:before{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;background:#2889c8;transform:rotate(45deg);}
#about_area .about_visual_line:after{content:"";position:absolute;top:0;right:0;width:38%;height:1px;background:#87949c;}

#about_area .img_box:before{content:"";position:absolute;top:14%;right:-14%;width:290px;height:290px;border:1px solid rgba(33,136,206,.08);border-radius:50%;pointer-events:none;}
#about_area .img_box:after{content:"";position:absolute;top:23%;right:-7%;width:190px;height:190px;border:1px solid rgba(33,136,206,.07);border-radius:50%;pointer-events:none;}

#about_area .about_visual:before{content:"";position:absolute;top:12%;left:-11px;z-index:1;width:1px;height:105px;background:linear-gradient(180deg,#2889c8 0%,rgba(40,137,200,0) 100%);}
#about_area .about_visual:after{content:"";position:absolute;top:12%;left:-15px;z-index:1;width:9px;height:9px;background:#2889c8;transform:rotate(45deg);}


@media screen and (max-width:1199px){
#about_area .about_wrap{gap:6%;}
#about_area .info_box{width:46%;flex-basis:46%;}
#about_area .img_box{width:48%;flex-basis:48%;padding:20px 10px 52px 35px;}
#about_area .about_visual{padding-right:6%;padding-left:7%;}
#about_area .about_sub_photo{width:48%;}
#about_area .about_intro,#about_area .about_intro p{font-size:15px;}
}

@media screen and (max-width:991px){
#about_area:before{width:48%;}
#about_area .about_wrap{gap:5%;}
#about_area .info_box{width:48%;flex-basis:48%;}
#about_area .img_box{width:47%;flex-basis:47%;padding:15px 5px 46px 25px;}
#about_area .about_visual{padding:0 4% 12% 6%;}
#about_area .about_visual_shape{width:54%;height:75%;}
#about_area .about_sub_photo{width:49%;padding:5px;}
#about_area .about_sub_photo:before{inset:5px;}
#about_area .about_main_photo{border-radius:0 14px 14px 14px;}
#about_area .img_box:before,#about_area .img_box:after{display:none;}
}

@media screen and (max-width:767px){
#about_area:before{top:auto;right:-15%;bottom:0;width:88%;height:46%;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);display: none;}
#about_area .about_wrap{display:flex;flex-direction:column;gap:0;}
#about_area .info_box{display:contents;}
#about_area .title_box{order:1;width:100%;margin-bottom:38px;text-align:center;}
#about_area .title_brand{justify-content:center;}
#about_area .area_title{text-align:center;}
#about_area .area_title:after{margin-left:auto;margin-right:auto;}
#about_area .img_box{order:2;width:100%;padding:15px 5% 58px;}
#about_area .about_visual{max-width:650px;margin:0 auto;padding:0 7% 11% 8%;}
#about_area .about_intro{order:3;width:100%;max-width:none;margin-top:30px;}
#about_area .about_btn_box{order:4;width:100%;margin-top:30px;text-align:center;}
#about_area .about_visual_shape{width:51%;height:77%;}
#about_area .about_sub_photo{width:45%;}
#about_area .about_visual:before,#about_area .about_visual:after{display:none;}
}

@media screen and (max-width:640px){
#about_area .img_box{padding:10px 2% 50px;}
#about_area .about_visual{padding:0 5% 13% 7%;}
#about_area .about_visual_shape{width:53%;height:74%;}
#about_area .about_main_photo{border-radius:0 12px 12px 12px;}
#about_area .about_sub_photo{width:48%;padding:4px;border-radius:13px;}
#about_area .about_sub_photo:before{inset:4px;border-radius:9px;}
#about_area .about_sub_photo a{border-radius:9px;}
#about_area .about_visual_line{top:-10px;}
#about_area .about_intro,#about_area .about_intro p{font-size:14px;line-height:1.9;}
#about_area .about_intro h1,#about_area .about_intro h2{font-size:21px;}
#about_area .about_intro h3{font-size:20px;}
#about_area .about_intro h4,#about_area .about_intro h5,#about_area .about_intro h6{font-size:17px;}
#about_area .about_intro li{padding-left:20px;}
}

@media screen and (max-width:480px){
#about_area .img_box{padding:5px 0 44px;}
#about_area .about_visual{padding:0 3% 15% 6%;}
#about_area .about_visual_shape{width:55%;height:72%;}
#about_area .about_main_photo{aspect-ratio:4/3;}
#about_area .about_sub_photo{right:0;width:50%;padding:4px;}
#about_area .about_visual_line{display:none;}
#about_area .about_intro{margin-top:25px;}
#about_area .about_intro p{margin-bottom:14px;}
#about_area .about_intro h1,#about_area .about_intro h2,#about_area .about_intro h3,#about_area .about_intro h4,#about_area .about_intro h5,#about_area .about_intro h6{margin-top:22px;}
#about_area .about_btn_box{margin-top:26px;}
}

.opuiline{background: linear-gradient(90deg, #5bcefb, #147fd0);position: absolute;width: 100%;height: 1px;z-index: 5566;}

/* news_area */
#news_area .list_box img { height: 320px; }
#news_area .list_box .info_box { padding: 15px 30px; }
#news_area .list_box .info_box p a { margin-right: 10px; max-width: calc(100% - 100px); font-weight: 400; z-index: 2; }
#news_area .list_box .info_box p .time { width: 90px; font-weight: 300; }
#news_area .list_box .info_box h3 { height: 34px; font-size: 20px; }

/* book_area */
#book_area .list_box img { height: 450px; }
#book_area .list_box .img_box { border: var(--white) solid; border-width: 0 1px 1px 0; }
#book_area .list_box .img_box:before , #book_area .list_box .img_box:after { position: absolute; width: 100%; height: 100%; background: var(--white); z-index: 9; opacity: .4; content: ""; }
#book_area .list_box .img_box:after { right: 0; bottom: 0; }
#book_area .list_box .atag_item { z-index: 10; }
#book_area .list_box .badge { margin: auto; padding: 10px 20px; max-width: calc(80% - 40px); height: 34px; line-height: 36px; font-size: 20px; }

/* youtube_box */
#youtube_box { min-height: 1px; padding-bottom: 30%; }
#youtube_box a { position: absolute; background: var(--white); display: flex; top: 50%; left: 50%; z-index: 99; }
#youtube_box a i { margin: auto; font-size: 30px; color: var(--primary); }
#youtube_box iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }

/* #custom_area */
#custom_area{position:relative;overflow:hidden;background: linear-gradient(90deg, #ffffff, #f6f6f6);}
#custom_area:before{content:"";position:absolute;top:0;left: 0;width: 20%;height:100%;background:linear-gradient(135deg,#f4f8fc 0%,rgba(244,248,252,.25) 100%);clip-path: polygon(0% 0%,100% 0,100% 100%,0 100%);pointer-events:none;}
#custom_area:after{content:"";position:absolute;right:-230px;top:-260px;width:620px;height:620px;border:1px solid rgba(38,137,205,.07);border-radius:50%;pointer-events:none;}
#custom_area>.workframe{position:relative;z-index:2;}
#custom_area .custom_wrap{display:grid;grid-template-columns:minmax(0,53%) minmax(0,47%);gap:7%;align-items:center;}

#custom_area .cu_left_box{position:relative;padding:38px 34px 36px 28px;}
#custom_area .cu_slider{position:relative;z-index:3;}
#custom_area .cu_slider .slick-list{overflow:hidden;border-radius:5px 22px 22px 22px;}
#custom_area .cu_slider .slick-slide{outline:none;}
#custom_area .cu_slide{position:relative;}
#custom_area .img_scale{width: 100%;aspect-ratio:4/3;background: #ffffff;}
#custom_area .img_scale:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(7,52,96,.08),rgba(7,52,96,0) 50%);pointer-events:none;}
#custom_area .img_scale a{display: flex;width:100%;height:100%;}
#custom_area .img_scale img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
#custom_area .slick-active .img_scale img{transform:scale(1.02);}
#custom_area .img_scale:hover img{transform:scale(1.05);}

/* custom_area */
#custom_area .cu_bg_shape{position:absolute;pointer-events:none;}
#custom_area .cu_bg_shape_1{left:0;bottom: 203px;z-index:0;width:45%;height:58%;background:linear-gradient(145deg,#0a579d,#063c72);clip-path:polygon(0 18%,25% 0,100% 0,100% 80%,76% 100%,0 100%);}
#custom_area .cu_bg_shape_1:before{content:"";position:absolute;top:0;left:0;width:52%;height:43%;background:#2389cb;opacity:.75;clip-path:polygon(0 0,100% 0,57% 100%,0 100%);}
#custom_area .cu_bg_shape_2{top:6px;right:2%;z-index:0;width: 45%;height:25%;background: #b8b8b8;opacity:.09;clip-path:polygon(36% 0,100% 0,100% 100%,0 100%);}

#custom_area .cu_arrow{position:absolute;top:41%;z-index:8;display:flex;width:52px;height:52px;padding:0;border:1px solid #d7e4ee;border-radius:50%;background:rgba(255,255,255,.96);align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);transition:background .35s ease,border-color .35s ease,transform .35s ease;}
#custom_area .cu_prev{left:2px;}
#custom_area .cu_next{right:6px;}
#custom_area .cu_arrow svg{width:20px;height:20px;fill:none;stroke:#2788cc;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s ease;}
#custom_area .cu_arrow:hover{border-color:#2788cc;background:#2788cc;}
#custom_area .cu_arrow:hover svg{stroke:#fff;}
#custom_area .cu_prev:hover{transform:translate(-3px,-50%);}
#custom_area .cu_next:hover{transform:translate(3px,-50%);}

/* Logo  */
#custom_area .cu_logo_shape{left: 0;bottom: 200px;z-index:6;display:grid;width:76px;height:76px;padding:13px;background:#fff;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap: 0;}
#custom_area .cu_logo_shape i{display:block;background:#2889c8;}
#custom_area .cu_logo_shape i:nth-child(2){background:#87949c;clip-path:polygon(0 0,100% 0,50% 100%);}
#custom_area .cu_logo_shape i:nth-child(3){background:#87949c;border-radius: 0 0 100% 0;}

/* dots */
#custom_area .cu_slider .slick-dots{display:flex!important;position:relative;margin:20px 0 0;padding:0;align-items:center;justify-content:flex-end;gap:7px;list-style:none;}
#custom_area .cu_slider .slick-dots li{width:auto;height:auto;margin:0;padding:0;}
#custom_area .cu_slider .slick-dots button{display:block;width:38px;height:3px;padding:0;border:0;background:#9ba8b3;font-size:0;opacity:.4;transition:background .35s ease,opacity .35s ease,width .35s ease;}
#custom_area .cu_slider .slick-dots .slick-active button{width:58px;background:#2789cd;opacity:1;}
#custom_area .cu_slider .slick-dots button:before{display:none;}

#custom_area .cu_intro{position:relative;margin: 100px 0 0;padding: 20px 0 0 24px;border-top:1px solid #dfe8ef;}
#custom_area .cu_intro:before{content:"";position:absolute;top:-1px;left:0;width:82px;height:2px;background:#2789cd;}
#custom_area .cu_intro_label{margin-bottom:8px;color:#2789cd;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.18em;}
#custom_area .cu_intro p{max-width:92%;margin:0;color:#6e7f92;font-size:15px;line-height:1.9;letter-spacing:.02em;}
#custom_area .intext h1{position:relative;font-size: 16px;}
#custom_area .cu_right_box{position:relative;}
#custom_area .title_box{margin-bottom:36px;text-align:left;}
#custom_area .title_brand{justify-content:flex-start;}
#custom_area .area_title{text-align:left;}
#custom_area .area_title:after{margin-left:0;margin-right:0;}

#custom_area .cu_service_list{counter-reset:customItem;display:flex;margin:0;padding:0;flex-direction:column;list-style:none;}
#custom_area .cu_service_list>li{header #ciscounter-increment:customItem;position:relative;border-top:1px solid #dde7ef;}
#custom_area .cu_service_list>li:last-child{border-bottom:1px solid #dde7ef;}

#custom_area .cuu_boxitem{position:relative;display:grid;min-height:138px;padding:20px 58px 20px 0;grid-template-columns: 36px 130px minmax(0,1fr);align-items:center;gap:18px;overflow:hidden;transition:padding-left .4s ease,background .4s ease;}
#custom_area .cuu_boxitem:before{content:"";position:absolute;top:0;bottom:0;left:0;z-index:0;width:0;background:linear-gradient(90deg,#edf7fd 0%,rgba(237,247,253,.12) 100%);transition:width .45s cubic-bezier(.2,.7,.2,1);}
#custom_area .cuu_boxitem:after{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:#2789cd;transition:height .4s ease;}
#custom_area .cuu_boxitem:hover{padding-left:18px;}
#custom_area .cuu_boxitem:hover:before{width:100%;}
#custom_area .cuu_boxitem:hover:after{height:100%;}


#custom_area .cu_num{position:relative;z-index:2;color:#b8c8d5;font-size:13px;font-weight:700;line-height:1;letter-spacing:.08em;align-self:start;margin-top:11px;}
#custom_area .cu_num:before{content:"0" counter(customItem);}
#custom_area .cu_num:after{content:"";display:block;width:22px;height:1px;margin-top:8px;background:#cddbe5;}

#custom_area .cu_img{position:relative;z-index:2;display:flex;width: 130px;height: 130px;align-items:center;justify-content:center;}
#custom_area .cu_img:before{content:"";position:absolute;inset:7px;z-index:-1;background:#f1f7fb;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);transition:background .35s ease,transform .35s ease;}
#custom_area .cu_img:after{content:"";position:absolute;right:1px;bottom:1px;z-index:-1;width:26px;height:26px;background:#2789cd;opacity:.1;}
#custom_area .cu_img img{display:block;width: 90%;height: 90%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.7,.2,1);}
#custom_area .cuu_boxitem:hover .cu_img:before{background:#e7f3fb;transform:rotate(-2deg);}
#custom_area .cuu_boxitem:hover .cu_img img{transform:translateY(-3px) scale(1.05);}

#custom_area .cu_content{position:relative;z-index:2;min-width:0;}
#custom_area .cu_title{margin:0 0 8px;color:#103f6d;font-size: 22px;font-weight:700;line-height:1.45;letter-spacing:.025em;}
#custom_area .cu_article{color:#758698;font-size: 15px;line-height:1.8;letter-spacing:.015em;}
#custom_area .cu_article>*:first-child{margin-top:0;}
#custom_area .cu_article>*:last-child{margin-bottom:0;}
#custom_area .cu_article p{margin:0;color:#758698;font-size:13px;line-height:1.8;}
#custom_area .cu_article strong,#custom_area .cu_article b{color:#174e7c;font-weight:700;}
#custom_area .cu_article img{max-width:100%;height:auto;}

#custom_area .cu_more{position:absolute;top:50%;right:8px;z-index:2;display:flex;width:38px;height:38px;border:1px solid #d6e3ed;border-radius:50%;align-items:center;justify-content:center;transform:translateY(-50%);transition:background .35s ease,border-color .35s ease,transform .35s ease;}
#custom_area .cu_more svg{width:16px;height:16px;fill:none;stroke:#2889c8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s ease;}
#custom_area .cuu_boxitem:hover .cu_more{border-color:#2789cd;background:#2789cd;transform:translate(3px,-50%);}
#custom_area .cuu_boxitem:hover .cu_more svg{stroke:#fff;}

@media screen and (max-width:1399px) {
  #custom_area .custom_wrap { grid-template-columns: minmax(0,52%) minmax(0,48%); gap: 5%; }
  #custom_area .cu_left_box { padding: 32px 26px 34px 22px; }
  #custom_area .cuu_boxitem { grid-template-columns: 36px 96px minmax(0,1fr); gap: 15px; padding-right: 50px; }
  #custom_area .cu_img { width: 96px; height: 96px; }
  #custom_area .cu_img img { width: 78px; height: 78px; }
}
@media screen and (max-width:1199px) {
  #custom_area .custom_wrap { grid-template-columns: minmax(0,50%) minmax(0,50%); gap: 4%; }
  #custom_area .cu_intro p { font-size: 14px; }
  #custom_area .cuu_boxitem { min-height: 125px; grid-template-columns: 32px 84px minmax(0,1fr); gap: 12px; padding: 16px 46px 16px 0; }
  #custom_area .cu_img { width: 84px; height: 84px; }
  #custom_area .cu_img img { width: 68px; height: 68px; }
  #custom_area .cu_title { font-size: 18px; }
  #custom_area .cu_article,#custom_area .cu_article p { font-size: 12px; }
}
@media screen and (max-width:991px) {
  #custom_area .custom_wrap {grid-template-columns: 1fr;gap: 58px;display: flex;flex-direction: column;}
  #custom_area .cu_left_box {padding: 24px 0 32px;width: 100%;}
  #custom_area .cu_right_box { max-width: 760px; margin: 0 auto; width: 100%; }
  #custom_area .title_box { text-align: center; }
  #custom_area .title_brand { justify-content: center; }
  #custom_area .area_title { text-align: center; }
  #custom_area .area_title:after { margin-left: auto; margin-right: auto; }
  #custom_area .cu_intro { padding-left: 20px; }
  #custom_area .cu_logo_shape { left: 5%; bottom: 86px; }
  #custom_area .cu_arrow { top: 40%; }
  #custom_area .cuu_boxitem { grid-template-columns: 42px 100px minmax(0,1fr); gap: 18px; padding: 18px 55px 18px 0; }
  #custom_area .cu_img { width: 100px; height: 100px; }
  #custom_area .cu_img img { width: 80px; height: 80px; }
}
@media screen and (max-width:767px) {
  #custom_area .cu_left_box { padding: 18px 3% 28px; }
  #custom_area .cu_slider .slick-dots {justify-content: center;display: none !important;}
  #custom_area .cu_logo_shape { left: 1%; width: 62px; height: 62px; padding: 11px; }
  #custom_area .cu_intro { margin-top: 24px; }
  #custom_area .cuu_boxitem { grid-template-columns: 34px 90px minmax(0,1fr); gap: 14px; padding: 16px 48px 16px 0; }
  #custom_area .cu_img { width: 90px; height: 90px; }
  #custom_area .cu_img img { width: 72px; height: 72px; }
}
@media screen and (max-width:640px) {
  #custom_area .custom_wrap { gap: 45px; }
  #custom_area .cu_left_box { padding: 10px 0 25px; }
  #custom_area .cu_arrow { width: 42px; height: 42px; }
  #custom_area .cu_prev { left: 7px; }
  #custom_area .cu_next { right: 7px; }
  #custom_area .cu_logo_shape { bottom: 78px; width: 54px; height: 54px; padding: 9px; }
  #custom_area .cu_intro { padding: 17px 0 0 16px; }
  #custom_area .cu_intro p { max-width: 100%; font-size: 13px; }
  #custom_area .cu_service_list>li { border-color: #e2eaf1; }
  #custom_area .cuu_boxitem { min-height: 108px; grid-template-columns: 74px minmax(0,1fr); gap: 14px; padding: 14px 42px 14px 0; }
  #custom_area .cu_num { position: absolute; top: 12px; right: 42px; margin: 0; font-size: 11px; }
  #custom_area .cu_num:after { display: none; }
  #custom_area .cu_img { grid-column: 1; width: 74px; height: 74px; }
  #custom_area .cu_img img { width: 60px; height: 60px; }
  #custom_area .cu_content { grid-column: 2; }
  #custom_area .cu_title { margin-bottom: 5px; font-size: 17px; }
  #custom_area .cu_article,#custom_area .cu_article p { font-size: 12px; line-height: 1.7; }
  #custom_area .cu_more { right: 2px; width: 34px; height: 34px; }
}
@media screen and (max-width:480px) {
  #custom_area .cu_arrow { top: 38%; width: 38px; height: 38px; }
  #custom_area .cu_arrow svg { width: 17px; height: 17px; }
  #custom_area .cu_slider .slick-dots button { width: 28px; }
  #custom_area .cu_slider .slick-dots .slick-active button { width: 44px; }
  #custom_area .cu_logo_shape { display: none; }
  #custom_area .cu_intro { margin-top: 20px; }
  #custom_area .cuu_boxitem { grid-template-columns: 66px minmax(0,1fr); gap: 11px; padding: 12px 38px 12px 0; }
  #custom_area .cu_img { width: 66px; height: 66px; }
  #custom_area .cu_img img { width: 54px; height: 54px; }
  #custom_area .cu_title { font-size: 16px; }
  #custom_area .cu_num { right: 36px; }
  #custom_area .cu_more { width: 30px; height: 30px; }
}

@-webkit-keyframes spineer { 0% { -webkit-box-shadow: 0 0 0 0 var(--info); } 70% { -webkit-box-shadow: 0 0 0 20px transparent; } 100%{ -webkit-box-shadow: 0 0 0 0 transparent; } }
@keyframes spineer { 0% { box-shadow: 0 0 0 0 var(--info); } 70% { box-shadow: 0 0 0 20px transparent; } 100%{ box-shadow: 0 0 0 0 transparent; } }

@media screen and (min-width: 1281px){
	#book_area .list_box li:hover .badge { background: var(--primary); color: var(--white); }
	#custom_box li:hover .row { box-shadow: 0 4px 17px 0 rgba(var(--black-rgb), .2); }
}
@media screen and (max-width: 768px){
	#news_area .list_box .info_box { padding: 15px 0; }
	#youtube_box { padding-bottom: 60vw; }
	#custom_box li .row { margin: 10px 15px; padding: 10px 0; }
}
@media screen and (max-width: 640px){
	#book_area .list_box img { height: 65vw; }
}