/* 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 {margin: 0 auto;}
section.section_pad { padding: 5vw 0; }
section >* { z-index: 3; }

/* 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); }

/* ==================== Page Loading ==================== */
html.loading_lock{overflow:hidden;}
body.loading_lock{position:fixed;left:0;width:100%;overflow:hidden;}
#page_loader{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090d10;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease;}
#page_loader:before,#page_loader:after{content:"";position:absolute;z-index:1;top:0;width:50.5%;height:100%;background:#090d10;transition:transform .8s cubic-bezier(.76,0,.24,1);}
#page_loader:before{left:0;}
#page_loader:after{right:0;}
#page_loader .loader_inner{position:relative;z-index:2;width:300px;text-align:center;transition:opacity .35s ease,transform .45s ease;}
#page_loader .loader_machine{position:relative;width:106px;height:106px;margin:0 auto 28px;}
#page_loader .machine_ring{position:absolute;display:block;border-radius:50%;}
#page_loader .ring_outer{top:0;left:0;width:106px;height:106px;border:1px solid rgba(197,156,93,.25);border-top-color:#c59c5d;border-right-color:#c59c5d;animation:loaderRotate 2s linear infinite;}
#page_loader .ring_outer:before{content:"";position:absolute;top:8px;left:8px;width:88px;height:88px;border:1px dashed rgba(255,255,255,.1);border-radius:50%;}
#page_loader .ring_inner{top:24px;left:24px;width:58px;height:58px;border:1px solid rgba(255,255,255,.16);border-bottom-color:#c59c5d;animation:loaderRotateReverse 1.4s linear infinite;}
#page_loader .machine_axis{position:absolute;display:block;background:rgba(197,156,93,.18);}
#page_loader .axis_x{top:52px;left:-12px;width:130px;height:1px;}
#page_loader .axis_y{top:-12px;left:52px;width:1px;height:130px;}
#page_loader .machine_core{position:absolute;top:47px;left:47px;width:12px;height:12px;border:2px solid #c59c5d;border-radius:50%;background:#090d10;box-shadow:0 0 16px rgba(197,156,93,.4);}
#page_loader .machine_tick{position:absolute;display:block;background:#c59c5d;}
#page_loader .tick_1{top:-2px;left:50%;width:1px;height:10px;}
#page_loader .tick_2{top:50%;right:-2px;width:10px;height:1px;}
#page_loader .tick_3{bottom:-2px;left:50%;width:1px;height:10px;}
#page_loader .tick_4{top:50%;left:-2px;width:10px;height:1px;}
#page_loader .loader_title{margin-bottom:12px;color:#fff;font-size:20px;font-weight:600;letter-spacing:.24em;}
#page_loader .loader_status{display:flex;margin-bottom:9px;align-items:center;justify-content:space-between;color:rgba(197,156,93,.65);font-size:9px;letter-spacing:.18em;}
#page_loader .loader_num{font-variant-numeric:tabular-nums;}
#page_loader .loader_track{position:relative;width:100%;height:2px;overflow:hidden;background:rgba(255,255,255,.08);}
#page_loader .loader_progress{position:absolute;top:0;left:0;width:0;height:100%;background:#c59c5d;box-shadow:0 0 10px rgba(197,156,93,.4);transition:width .12s linear;}
#page_loader .loader_scan{position:absolute;top:-3px;left:-40px;width:40px;height:8px;background:linear-gradient(90deg,rgba(197,156,93,0),rgba(197,156,93,.9),rgba(197,156,93,0));filter:blur(1px);animation:loaderScan 1.25s linear infinite;}
#page_loader.loaded{opacity:0;visibility:hidden;}
#page_loader.loaded:before{transform:translateX(-100%);}
#page_loader.loaded:after{transform:translateX(100%);}
#page_loader.loaded .loader_inner{opacity:0;transform:scale(.96);}
@keyframes loaderRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes loaderRotateReverse{from{transform:rotate(360deg);}to{transform:rotate(0deg);}}
@keyframes loaderScan{0%{left:-40px;}100%{left:100%;}}
@media screen and (max-width:767px){
#page_loader .loader_inner{width:240px;}
#page_loader .loader_machine{width:88px;height:88px;margin-bottom:22px;}
#page_loader .ring_outer{width:88px;height:88px;}
#page_loader .ring_outer:before{width:72px;height:72px;}
#page_loader .ring_inner{top:20px;left:20px;width:48px;height:48px;}
#page_loader .machine_core{top:39px;left:39px;width:10px;height:10px;}
#page_loader .axis_x{top:43px;left:-10px;width:108px;}
#page_loader .axis_y{top:-10px;left:43px;height:108px;}
#page_loader .loader_title{font-size:17px;}
}
.product_all_btn{position:relative;display:inline-flex;min-width:210px;height:58px;padding:0 25px 0 28px;border:1px solid #151b20;align-items:center;justify-content:space-between;gap:36px;overflow:hidden;color:#151b20;background:transparent;text-decoration:none;transition:color .4s,border-color .4s,transform .4s;}
.product_all_btn:before{content:"";position:absolute;z-index:0;top:0;left:0;width:0;height:100%;background:#151b20;transition:width .45s cubic-bezier(.77,0,.18,1);}
.product_all_btn:after{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:#c39a5c;transition:width .4s;}
.product_all_btn span{position:relative;z-index:2;font-size:14px;font-weight:500;letter-spacing:.12em;}
.product_all_btn i{position:relative;z-index:2;display:flex;width:38px;height:18px;align-items:center;transition:transform .4s;}
.product_all_btn svg{display:block;width:38px;height:18px;overflow:visible;}
.product_all_btn path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;}
.product_all_btn:hover{border-color:#151b20;color:#fff;transform:translateY(-3px);}
.product_all_btn:hover span{color: white;}
.product_all_btn:hover svg path{stroke: white;}
.product_all_btn:hover:before{width:100%;}
.product_all_btn:hover:after{width:100%;}
.product_all_btn:hover i{transform:translateX(5px);}

@media screen and (max-width:767px){
	.product_all_btn{min-width:190px;height:54px;gap:26px;}
}
@media screen and (max-width:480px){
	.product_all_btn{min-width:180px;height:50px;}
}

/* about_area */
#about_area .info_box article { margin-bottom: 30px; width: 90%; line-height: 210%; letter-spacing: 1.5px; font-weight: 300; }

/* product_area */
/* ==================== Product ==================== */
#product_area{padding:var(--section-space) 0;overflow:hidden;background:#e9e9e6;background-image: url(/images/40/prooduct_bg.jpg);background-size: cover;background-position: 100% 100%;padding-bottom: 80px;padding-top: 70px;}
#product_area>.bg_box{top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#eeeeeb 0%,#e6e7e5 48%,#f1f1ef 100%);}
#product_area>.bg_box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,24,31,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,31,.032) 1px,transparent 1px);background-size:96px 96px;}
#product_area>.bg_box:after{content:"";position:absolute;top:-22%;right:-9%;width:52%;height:145%;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 48%,rgba(255,255,255,0) 49%);transform:skewX(-8deg);pointer-events:none;}

#product_area .title_box{z-index:3;}
#product_area .title_box:before{content:"PRODUCT";position:absolute;top:-20px;left:50%;color: rgb(160 160 160 / 5%);font-size:clamp(90px,10vw,180px);font-weight:700;line-height:1;letter-spacing:.06em;transform:translateX(-50%);white-space:nowrap;}
#product_area .title_box>*{position:relative;z-index:2;}
#product_area .list_box{position:relative;width:calc(100% + 120px);margin-left:-60px;padding:34px 0 72px;}
#product_area .list_box:before{content:"";position:absolute;left:50%;bottom: 25px;width: 370px;height: 55px;background: radial-gradient(ellipse at center, rgb(51 54 57 / 16%) 0%, rgba(12, 17, 21, 0) 70%);transform:translateX(-50%);}
#product_area #product_list{margin:0;padding:0;list-style:none;}
#product_area #product_list .slick-list{padding:34px 0 52px!important;overflow:visible;}
#product_area #product_list .slick-track{display:flex;align-items:center;}
#product_area #product_list li{padding:0 15px;outline:none;}
#product_area .product_item{position:relative;}
#product_area .product_inner{position:relative;height:520px;padding: 2px;background: #2e363e;border:1px solid rgba(17,24,31,.2);box-shadow:0 16px 40px rgba(12,17,21,.14);transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s,border-color .5s;}
#product_area .product_inner{border-radius: 0 0 10px 10px;}
#product_area .product_inner:before{content:"";position:absolute;z-index:3;top: -2px;left: 0;width: 100%;height:3px;background:#c39a5c;}
#product_area .product_inner:after{content:"";position:absolute;z-index:3;top:18px;right:-1px;width:1px;height:52px;background:linear-gradient(180deg,#c39a5c,rgba(195,154,92,0));}
#product_area .product_img{position:relative;height:350px;overflow:hidden;background:#f7f7f5;}
#product_area .product_img:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.85);pointer-events:none;}
#product_area .product_img:after{content:"";position:absolute;z-index:2;right:0;bottom:0;width:50px;height:50px;border-right:1px solid rgba(195,154,92,.48);border-bottom:1px solid rgba(195,154,92,.48);pointer-events:none;}
#product_area .product_img img{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;transform:scale(.96);transition:transform .7s cubic-bezier(.22,.61,.36,1);}
#product_area .info_box{position:relative;min-height:154px;margin:0;padding:28px 88px 24px 24px;align-items:center;}
#product_area .info_box:before{content:"";position:absolute;top:0;left:24px;width:44px;height:1px;background:#c39a5c;}
#product_area .info_box:after{content:"";position:absolute;top:0;left:68px;width:80px;height:1px;background:linear-gradient(90deg,rgba(195,154,92,.28),rgba(195,154,92,0));}
#product_area .left_box{width:100%;}
#product_area .h3{margin:0 0 10px;color:#fff;font-size: clamp(21px,1.5vw,28px);font-weight:600;line-height:1.3;letter-spacing:.02em;height: auto;}
#product_area .article{color: rgb(255 255 255 / 69%);font-size: 17px;font-weight:400;line-height:1.8;-webkit-line-clamp: 1;}
#product_area .product_more{position:absolute;top:50%;right:24px;transform:translateY(-50%);}
#product_area .product_more .circle{display:flex;width:48px;height:48px;border:1px solid rgba(195,154,92,.42);border-radius:50%;align-items:center;justify-content:center;color:#c39a5c;background: #ffffff;transition:.4s;}
#product_area .product_more svg{width:23px;height:14px;overflow:visible;}
#product_area .product_more path{fill:none;stroke:currentColor;stroke-width: 2.2px;stroke-linecap:round;stroke-linejoin:round;}
#product_area .atag_item{z-index:5;top:0;left:0;width:100%;height:100%;}
#product_area #product_list .slick-slide{transition:transform .5s ease;}
#product_area #product_list .slick-slide:not(.slick-center){transform:scale(.91);}
#product_area #product_list .slick-slide:not(.slick-center) .product_inner{box-shadow:0 10px 26px rgba(12,17,21,.1);}
#product_area #product_list .slick-slide:not(.slick-center) .product_img img{transform:scale(.92);}
#product_area #product_list .slick-slide.slick-center{z-index:3;transform:scale(1);}
#product_area #product_list .slick-slide.slick-center .product_inner{border-color:rgba(195,154,92,.46);box-shadow:0 35px 80px rgba(12,17,21,.24);transform:translateY(-14px);}

#product_area #product_list .slick-slide.slick-center .product_img img{transform:scale(1);}
#product_area .product_item:hover .product_inner{border-color:rgba(195,154,92,.65);box-shadow:0 32px 75px rgba(12,17,21,.25);}
#product_area .product_item:hover .product_img img{transform:scale(1.045);}
#product_area .product_item:hover .product_more .circle{background:#c39a5c;border-color:#c39a5c;color:#fff;}
#product_area .product_item:hover .product_more .circle svg path{stroke: white;}
#product_area .slick-arrow{position:absolute;z-index:10;bottom:0;width:56px;height:56px;border:1px solid rgba(17,24,31,.22);border-radius:0;background:#f4f4f1;color:#151b20;font-size:0;cursor:pointer;transition:.35s;border-radius: 666px;transform: translate(0px, -80px);}
#product_area .slick-arrow:before{content:"";position:absolute;top:50%;left:50%;width:17px;height:17px;border-top: 2px solid var(--primary);border-right: 2px solid var(--primary);}
#product_area .slick-prev{left: calc(37% - 64px);}
#product_area .slick-prev:before{transform:translate(-35%,-50%) rotate(-135deg);}
#product_area .slick-next{right: calc(37% - 64px);}
#product_area .slick-next:before{transform:translate(-65%,-50%) rotate(45deg);}
#product_area .slick-arrow:hover{border-color:#c39a5c;background:#c39a5c;color:#fff;}
#product_area .slick-arrow:hover:before{border-color: white;}
#product_area .product_all{position:relative;margin-top:18px;}


@media screen and (max-width:1470px){
	#product_area .workframe{width: min(1024px, calc(90% - 120px));}
#product_area .list_box{width:calc(100% + 80px);margin-left:-40px;}
#product_area .product_inner{height: 420px;}
#product_area .product_img{height: 260px;}
	#product_area .list_box:before{width: 320px;height: 40px;}
}
@media screen and (max-width:1199px){
#product_area .list_box{width:calc(100% + 40px);margin-left:-20px;}
#product_area #product_list li{padding:0 10px;}
#product_area .product_inner{height:470px;}
#product_area .product_img{height:305px;}
#product_area .info_box{min-height:149px;padding:24px 76px 22px 20px;}
#product_area .product_more{right:20px;}
}
@media screen and (max-width:991px){
#product_area .list_box{width:100%;margin-left:0;}
#product_area #product_list .slick-slide:not(.slick-center){transform:scale(.94);}
}
@media screen and (max-width:767px){
#product_area .title_box:before{top:0;font-size:58px;}
#product_area .list_box{padding: 10px 0 40px;}
#product_area #product_list .slick-list{padding:18px 8% 42px!important;}
#product_area #product_list li{padding:0 8px;}
#product_area .product_inner{height:430px;padding:6px;}
#product_area .product_img{height:280px;}
#product_area .info_box{min-height:138px;padding:20px 64px 18px 18px;}
#product_area .h3{font-size:20px;}
#product_area .article{font-size: 16px;line-height:1.7;}
#product_area .product_more{right:17px;}
#product_area .product_more .circle{width:42px;height:42px;}
#product_area .slick-arrow{width:48px;height:48px;}
#product_area .slick-prev{left: calc(19% - 54px);}
#product_area .slick-next{right: calc(19% - 54px);}
#product_area .product_all{margin-top:10px;}

}
@media screen and (max-width:480px){
#product_area #product_list .slick-list{padding-left:4%!important;padding-right:4%!important;}
#product_area .product_inner{height: 355px;}
#product_area .product_img{height: 210px;}
#product_area .info_box{min-height:138px;padding: 18px 71px 16px 16px;}
#product_area .h3{font-size: 24px;}
	#product_area .workframe{width: min(1024px, calc(100% - 10px));}
#product_area .list_box:before{
    width: 277px;
    height: 27px;
    bottom: 51px;
}

}

/* 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 { margin: 0; padding: 5vw 0 3vw; }
#custom_area:before { position: absolute; width: 100%; height: 75%; background: rgba(var(--primary-rgb), .1); display: block; bottom: 0; left: 0; opacity: .3; content: ""; }
#custom_box { padding: 8vw 0 5vw; }
#custom_box li .row { margin: 30px 20px; padding: 30px; display: block; border-bottom: 2px var(--primary) solid; }
#custom_box li .row h2 { font-size: 20px; }
#custom_box li .row article { margin-top: 30px; line-height: 200%; }

@-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; } }


/* ==================== Applications ==================== */
#photo_list{padding:var(--section-space) 0;overflow:hidden;background:#11181f;padding-top: 200px;padding-bottom: 280px;background-size: cover;}
#photo_list>.bg_box{top:0;left:0;width:100%;height:100%;background-attachment: local;background-image: url("/images/40/photo_list_bg_up.png"),url("/images/40/photo_list_bg_down.png");background-repeat:no-repeat,no-repeat;background-position: 0% 0% , 49% 100%;background-size: min(50vw,1000px) auto,min(70vw,1200px) auto;.photo_list{background-image: url("/images/40/photo_list_bg_up.png"),url("/images/40/photo_list_bg_down.png");background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;background-size:min(35vw,600px) auto,min(35vw,600px) auto;};}

#photo_list>.bg_box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:96px 96px;opacity:.35;opacity: 1;}
#photo_list>.bg_box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(195,154,92,.08) 0%,rgba(195,154,92,0) 28%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 24%);mix-blend-mode:screen;}
#photo_list .workframe{width:90%;}
#photo_list .title_box{margin-bottom:clamp(42px,4vw,64px);}
#photo_list .area_title{color:#fff;}
#photo_list .photo_wrap{display:flex;flex-wrap:wrap;gap:18px;}
#photo_list .photo_item{width:calc((100% - 90px) / 6);}
#photo_list .photo_card{position:relative;height:100%;background:#151c22;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 36px rgba(0,0,0,.18);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .4s;}
#photo_list .photo_card:before{content:"";position:absolute;z-index:2;top:0;left:0;width:54px;height:2px;background:#c39a5c;}
#photo_list .photo_card:after{content:"";position:absolute;z-index:2;top:16px;right:16px;width:34px;height:34px;border-top:1px solid rgba(195,154,92,.42);border-right:1px solid rgba(195,154,92,.42);pointer-events:none;}
#photo_list .pooimg{position:relative;height:220px;overflow:hidden;background:#d9dde0;}
#photo_list .pooimg:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.16);pointer-events:none;}
#photo_list .pooimg:after{content:"";position:absolute;z-index:2;left:0;bottom:0;width:100%;height:45%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 100%);pointer-events:none;}
#photo_list .pooimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
#photo_list .moinfo{position:relative;display:flex;min-height:94px;padding:22px 18px 18px;align-items:center;justify-content:center;text-align:center;background:#151c22;}
#photo_list .moinfo p{margin:0;color:#fff;font-size:clamp(18px,1.15vw,24px);font-weight:600;line-height:1.45;letter-spacing:.08em;}
#photo_list .moinfo span{position:absolute;left:50%;bottom:16px;width:34px;height:2px;background:#c39a5c;transform:translateX(-50%);transition:width .35s;}
#photo_list .photo_card:hover{transform:translateY(-8px);border-color:rgba(195,154,92,.45);box-shadow:0 24px 46px rgba(0,0,0,.28);}
#photo_list .photo_card:hover .pooimg img{transform:scale(1.06);}
#photo_list .photo_card:hover .moinfo span{width:52px;}

@media screen and (max-width:1400px) {
  #photo_list .photo_wrap { gap: 16px; }
  #photo_list .photo_item { width: calc((100% - 80px)/6); }
  #photo_list .pooimg { height: 205px; }
}
@media screen and (max-width:1199px) {
  #photo_list .photo_item { width: calc((100% - 32px)/3); }
  #photo_list .pooimg { height: 230px; }
  #photo_list .moinfo { min-height: 90px; padding: 20px 16px 18px; }
  #photo_list .moinfo p { font-size: 20px; }
}
@media screen and (max-width:767px) {
	#photo_list{padding-top: 100px;padding-bottom: 80px;}
  #photo_list .photo_wrap { gap: 14px; }
  #photo_list .photo_item { width: calc((100% - 14px)/2); }
  #photo_list .pooimg { height: 190px; }
  #photo_list .moinfo {min-height: 84px;padding: 18px 14px 30px;}
  #photo_list .moinfo p { font-size: 17px; letter-spacing: .05em; }
}
@media screen and (max-width:480px) {
  #photo_list .photo_item { width: 100%; }
  #photo_list .pooimg { height: 220px; }
  #photo_list .moinfo {min-height: 82px;}
  #photo_list .moinfo p {font-size: 24px;}
}
@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; }
}