@charset "utf-8";

/* header */
#wrap:not(.application) .header{position:absolute; left:0; top:0; width:100%;}


/* product common */
.new_product #content{padding:0; position:relative;}
.new_product .section{width:100%; margin:0 auto;}
.new_product .inner{width:1140px; margin:0 auto; position:relative;}
.new_product h3{padding-bottom:0; margin-bottom:0; font-size:38px; font-weight:600; line-height:1.5; color:#000; text-align:center;}
.new_product h3:after{display:none;}
.new_product a.product_btn{display:inline-block; vertical-align:top; padding:20px 62px 20px 30px; font-size:18px; color:#333; font-weight:600; line-height:1; position:relative; transition:color 0.3s;}
.new_product a.product_btn:before{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #ccc; border-radius:60px; background:#fff; clip-path:polygon(0 0, 110% 0, 110% 100%, 0 110%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_product a.product_btn:after{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #2C7CD8; border-radius:60px; background:#fff; clip-path:polygon(0 0, 0% 0, 0% 100%, 0 100%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_product a.product_btn i{display:block; width:7px; height:12px; position:absolute; right:25px; top:50%; transform:translateY(-50%); }
.new_product a.product_btn i:before{content:""; display:block; width:100%; height:100%; background:url("/resources/images/jp/product/product_btn_arrow.svg")no-repeat center / 100%; position:absolute; left:0; top:0; opacity:1;}
.new_product a.product_btn i:after{content:""; display:block; width:100%; height:100%; background:url("/resources/images/jp/product/product_btn_arrow_blue.svg")no-repeat center / 100%; position:absolute; left:-150%; top:0; opacity:0;}
.new_product a.product_btn.white{color:#fff;}
.new_product a.product_btn.white:before{background:transparent; border-color:#fff;}
.new_product a.product_btn.white i:before{background-image:url("/resources/images/jp/product/product_btn_arrow_white.svg");}
.new_product a.product_btn.white i:after{background-image:url("/resources/images/jp/product/product_btn_arrow_blue.svg");}
.new_product a.product_btn:hover{color:#2C7CD8;}
.new_product a.product_btn:hover:before{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_product a.product_btn:hover:after{clip-path:polygon(0 0, 100% 0, 110% 110%, 0 110%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_product a.product_btn:hover i:before{left:150%; opacity:0; transition:0.4s;}
.new_product a.product_btn:hover i:after{left:0; opacity:1; transition:0.4s 0.1s;}
.new_product a.product_btn.white:hover{color:#2C7CD8;}

.new_product .accordion_list{border-top:1px solid #ccc;}
.new_product .accordion_list .btn_acco{padding:35px 25px 35px 0;}
.new_product .accordion_list .btn_acco .acco_tit{font-size:20px; font-weight:600; color:#000;}
.new_product .accordion_list .btn_acco .acco_tit:after{width:24px; height:24px; top:3px; background-position:center; background-image:url("/resources/images/jp/product/new_product_accodion_list_ico_off.svg");}
.new_product .accordion_list .btn_acco.on .acco_tit{color:#2C7CD8}
.new_product .accordion_list .btn_acco.on .acco_tit:after{background-image:url("/resources/images/jp/product/new_product_accodion_list_ico_on.svg");}
.new_product .accordion_list .acco_panel{background-color:#fff; padding:0 70px 35px 0; border:none;}
.new_product .accordion_list .acco_panel p{font-size:20px; color:#333; line-height:1.5; font-weight:400;}


/* visual_section */
.new_product .visual_section{height:640px; position:relative; z-index:1; overflow:hidden; background:#000;}
.new_product .visual_section:before{content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.new_product .visual_section h2{font-size:100px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1;}
.new_product .visual_section p.desc{display:block; font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.03em; margin-top:13px;}
.new_product .visual_section p.circle{display:inline-block; vertical-align:top; background:rgba(44,124,216,0.7); border-radius:20px; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.5px; margin-bottom:15px; padding:5px 20px;}
.new_product .visual_section[data-motion]:before{transform:scale(1.3); transition:3s;}
.new_product .visual_section[data-motion] h2{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.1s, opacity 0.7s 0.1s;}
.new_product .visual_section[data-motion] p.desc{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.new_product .visual_section[data-motion] p.circle{opacity:0; transform:translateY(50px); transition:transform 0.7s, opacity 0.7s;}
.new_product .visual_section[data-motion].active:before{transform:scale(1)}
.new_product .visual_section[data-motion].active h2{opacity:1; transform:translate(0)}
.new_product .visual_section[data-motion].active p.desc{opacity:1; transform:translate(0)}
.new_product .visual_section[data-motion].active p.circle{opacity:1; transform:translate(0)}


/* visual images */
.new_product.new_mlcc .visual_section:before{background-image:url("/resources/images/jp/product/mlcc_visual_img.jpg")}
.new_product.new_normal .visual_section:before{background-image:url("/resources/images/jp/product/normal_visual_img.jpg")}
.new_product.new_lsc .visual_section:before{background-image:url("/resources/images/jp/product/lsc_visual_img.jpg")}
.new_product.new_high .visual_section:before{background-image:url("/resources/images/jp/product/high_visual_img.jpg")}
.new_product.new_esd .visual_section:before{background-image:url("/resources/images/jp/product/esd_visual_img.jpg")}
.new_product.new_fail .visual_section:before {background-image:url("/resources/images/jp/product/fail_visual_img.jpg")}
.new_product.new_noise .visual_section:before {background-image:url("/resources/images/jp/product/noise_visual_img.jpg")}
.new_product.new_array .visual_section:before {background-image:url("/resources/images/jp/product/array_visual_img.jpg")}
.new_product.new_esl .visual_section:before {background-image:url("/resources/images/jp/product/esl_visual_img.jpg")}
.new_product.new_mfc .visual_section:before {background-image:url("/resources/images/jp/product/mfc_visual_img.jpg")}
.new_product.new_inductor .visual_section:before{background-image:url("/resources/images/jp/product/inductor_visual_img.jpg")}
.new_product.new_resistor .visual_section:before{background-image:url("/resources/images/jp/product/resistor_visual_img.jpg")}
.new_product.new_general .visual_section:before{background-image:url("/resources/images/jp/product/general_visual_img.jpg")}
.new_product.new_array_resistor .visual_section:before{background-image:url("/resources/images/jp/product/array_resistor_visual_img.jpg")}
.new_product.new_current .visual_section:before{background-image:url("/resources/images/jp/product/current_visual_img.jpg")}
.new_product.new_anti .visual_section:before{background-image:url("/resources/images/jp/product/anti_visual_img.jpg")}
.new_product.new_high_resistor .visual_section:before{background-image:url("/resources/images/jp/product/high_resistor_visual_img.jpg")}
.new_product.new_pb .visual_section:before{background-image:url("/resources/images/jp/product/total_visual_img.jpg")}
.new_product.new_thin .visual_section:before{background-image:url("/resources/images/jp/product/thin_visual_img.jpg")}
.new_product.new_automotive .visual_section:before{background-image:url("/resources/images/jp/product/automotive_visual_img.jpg")}
.new_product.new_tantalum .visual_section:before{background-image:url("/resources/images/jp/product/tantalum_visual_img.jpg")}
.new_product.new_module .visual_section:before{background-image:url("/resources/images/jp/product/module_visual_img.jpg")}
.new_product.new_mct .visual_section:before{background-image:url("/resources/images/jp/product/mct_visual_img.jpg")}
.new_product.new_package .visual_section:before{background-image:url("/resources/images/jp/product/package_visual_img.jpg")}
.new_product.new_fccsp .visual_section:before{background-image:url("/resources/images/jp/product/fccsp_visual_img.jpg")}
.new_product.new_wbcsp .visual_section:before{background-image:url("/resources/images/jp/product/wbcsp_visual_img.jpg")}
.new_product.new_sip .visual_section:before{background-image:url("/resources/images/jp/product/sip_visual_img.jpg")}
.new_product.new_fcbga .visual_section:before{background-image:url("/resources/images/jp/product/fcbga_visual_img.jpg")}
.new_product.new_acm .visual_section:before{background-image:url("/resources/images/jp/product/acm_visual_img.jpg")}
.new_product.new_mcm .visual_section:before{background-image:url("/resources/images/jp/product/mcm_visual_img.jpg")}

/* product_lnb */
.new_product .product_lnb{height:60px; display:none;}
.new_product .product_lnb.active{display:block;}
.new_product .product_lnb .sticky_wrap{background:#fff; width:100%; height:60px; border-bottom:1px solid #ccc;}
.new_product .product_lnb .sticky_wrap .inner{height:100%;}
.new_product .product_lnb .sticky_wrap.active{position:fixed; left:0; top:0; z-index:999;}
body.header_hide .header .header_inner{position:relative;}
.new_product .product_lnb .depth_list{display:inline-flex; align-items:start;}
.new_product .product_lnb .depth_list .depth{display:none; width:240px; position:relative;}
.new_product .product_lnb .depth_list .depth + .depth{margin-left:-1px;}
.new_product .product_lnb .depth_list .depth button{position:relative; display:block; border:none; padding:0 35px 0 15px; width:100%; height:60px; border-left:1px solid #ccc; border-right:1px solid #ccc;  background:#fff; font-size:16px; color:#666; letter-spacing:-0.5px; font-weight:600; text-align:left;}
.new_product .product_lnb .depth_list .depth button:focus{outline-offset:-2px;}
.new_product .product_lnb .depth_list .depth button:before{content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:10px; height:6px; background-repeat:no-repeat; background-size:100%; background-position:center; background-image:url("/resources/images/jp/product/product_lnb_arrow_off.svg");}
.new_product .product_lnb .depth_list .depth ul{display:none; position:absolute; left:0; top:calc(100% + 1px); z-index:2; width:100%; background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box;}
.new_product .product_lnb .depth_list .depth ul li{width:100%; border-bottom:1px solid #ccc;}
.new_product .product_lnb .depth_list .depth ul li a{display:flex; align-items:center; height:60px; padding:10px 15px; box-sizing:border-box; font-size:16px; color:#666; font-weight:600; line-height:1.4;}
.new_product .product_lnb .depth_list .depth ul li.active a{color:#2C7CD8;}
.new_product .product_lnb .depth_list .depth ul li a:hover{color:#2C7CD8}
.new_product .product_lnb .depth_list .depth.active button:before{transform:rotate(180deg); transform-origin:top;}
.new_product .product_lnb .depth_list .depth:last-child button{background:#2C7CD8; color:#fff;}
.new_product .product_lnb .depth_list .depth:last-child button:before{background-image:url("/resources/images/jp/product/product_lnb_arrow_white_off.svg");}
.new_product .product_lnb .out_link{display:flex; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.new_product .product_lnb .out_link a{width:34px; height:34px; display:block; margin:0 7px; position:relative;}
.new_product .product_lnb .out_link a:before{content:""; width:24px; height:24px; background-size:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.new_product .product_lnb .out_link a span{display:none; position:absolute; left:50%; top:100%; background-color:#2C7CD8; border-radius:30px; box-shadow:0 4px 4px rgba(0,0,0,0.25); padding:5px 13px; font-size:12px; color:#fff; font-weight:400; white-space:nowrap; transform:translateX(-50%);}
.new_product .product_lnb .out_link a span:before{content:""; border:8px solid transparent; border-bottom-color:#2C7CD8; border-radius:4px; position:absolute; left:50%; top:-12px; transform:translateX(-50%);}
.new_product .product_lnb .out_link a.icon01:before{background-image:url("/resources/images/jp/product/icon_search_off.svg")}
.new_product .product_lnb .out_link a.icon02:before{background-image:url("/resources/images/jp/product/icon_library_off.svg")}
.new_product .product_lnb .out_link a.icon03:before{background-image:url("/resources/images/jp/product/icon_cart_off.svg")}
.new_product .product_lnb .out_link a:hover span{display:block;}
.new_product .product_lnb .out_link a.icon01:hover:before{background-image:url("/resources/images/jp/product/icon_search_on.svg")}
.new_product .product_lnb .out_link a.icon02:hover:before{background-image:url("/resources/images/jp/product/icon_library_on.svg")}
.new_product .product_lnb .out_link a.icon03:hover:before{background-image:url("/resources/images/jp/product/icon_cart_on.svg")}


/* product_tab */
.new_product .product_tab{margin:100px auto;}
.new_product .product_tab ul{display:flex; align-items:center; justify-content:center; gap:35px;}
.new_product .product_tab ul li{min-width:300px; border:1px solid #ccc; border-radius:10px; box-sizing:border-box;transition:0.2s;}
.new_product .product_tab ul li a{display:block; padding:33px 30px; text-align: center; font-size:24px; color:#333; font-weight:600; line-height:1; transition:color 0.2s;}
.new_product .product_tab ul li a span{display:block; font-size:20px; font-weight:400;}
.new_product .product_tab ul li.active{background:#2C7CD8; border-color:#2C7CD8; box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.16);}
.new_product .product_tab ul li.active a{color:#fff;}
.new_product .tab_panel{display:none;}
.new_product .tab_panel.active{display:block;}


/* sec_title */
.new_product .sec_title{margin:100px auto 120px;}
.new_product .sec_title .desc{margin-top:40px; font-size:20px; font-weight:400; color:#000; word-break:normal; text-align:center; letter-spacing:-0.5px;}
.new_product .sec_title .desc.left{text-align:left;}
.new_product .sec_title .icon_wrap{margin:80px 0;}
.new_product .sec_title .icon_wrap ul{display:flex; align-items:start; justify-content:center; gap:140px; text-align:center;}
.new_product .sec_title .icon_wrap ul li{width:190px;}
.new_product .sec_title .icon_wrap ul li i{display:block; margin:0 auto;}
.new_product .sec_title .icon_wrap ul li p{margin-top:20px; font-size:20px; font-weight:600; color:#333; line-height:1.4;}
.new_product .sec_title .frame_wrap{margin:60px auto 0; position:relative;}
.new_product .sec_title .frame_wrap .img_area{display: flex; align-items: center; justify-content: center; outline:1px solid #ccc; outline-offset:-1px; border-radius:10px; overflow:hidden;}
.new_product .sec_title .frame_wrap .img_area img{width:100%;}
.new_product .sec_title .frame_wrap .video_area{width:100%; height:450px; position:relative; outline:1px solid #ccc; outline-offset:-1px; border-radius:10px; overflow:hidden;}
.new_product .sec_title .frame_wrap .video_area video{width:100%; height:100%; object-fit:cover; position:relative; z-index:-1;}
.new_product .sec_title .frame_wrap .desc_area{width:100%; text-align:right; position:absolute; left:0; top:calc(100% + 15px);}
.new_product .sec_title .frame_wrap .desc_area p{font-size:18px; font-weight:400; color:#333;}
.new_product .sec_title .video_wrap{width:100%; margin-top:80px;}
.new_product .sec_title .video_wrap .video{width:100%; height:640px;}
.new_product .sec_title .video_wrap .video video{width:100%; height:100%; display:none; object-fit:cover;}
.new_product .sec_title .video_wrap .video video.active{display:block;}
.new_product .sec_title .video_wrap .btn_wrap{text-align:center; margin-top:60px; font-size:0;}
.new_product .sec_title .video_wrap .btn_wrap button{display:inline-block; vertical-align:top; margin:0 15px; font-size:20px; color:#333; font-weight:600;}
.new_product .sec_title .video_wrap .btn_wrap button i{display:block; margin:0 auto 20px; width:240px; height:135px; border-radius:10px; overflow:hidden; border:1px solid #ccc; outline:4px solid transparent; outline-offset:-3px; box-sizing:border-box; transition:0.3s;}
.new_product .sec_title .video_wrap .btn_wrap button.active i{box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.16); outline:4px solid #2C7CD8;}
.new_product .sec_title .module_list{margin:85px 0 0;}
.new_product .sec_title .module_list .img_area img{display:block; margin:0 auto;}
.new_product .sec_title .module_list .list{margin:70px auto 0;}
.new_product .sec_title .module_list .list ul{display:flex; flex-wrap:wrap; gap:60px;}
.new_product .sec_title .module_list .list ul li{width:calc(25% - 45px); margin-top:10px;}
.new_product .sec_title .module_list .list ul li dl dt{border-top:2px solid #000; padding:12px 0; font-size:24px; color:#000; font-weight:600;}
.new_product .sec_title .module_list .list ul li dl dd{font-size:18px; color:#333; font-weight:400; line-height:1.4;}
/* .new_product .sec_title .frame_wrap .video_area video{} */

.new_product .sec_title .btn_wrap{margin:60px auto 0; text-align:center;}
.new_product .sec_title[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_title[data-motion] .desc{transition:0.7s 0.2s; transform:translateY(60px); opacity:0;}
.new_product .sec_title[data-motion] .icon_wrap li{ transform:translateY(60px); opacity:0;}
.new_product .sec_title[data-motion] .icon_wrap li:nth-of-type(1){transition:0.7s 0.4s;}
.new_product .sec_title[data-motion] .icon_wrap li:nth-of-type(2){transition:0.7s 0.5s;}
.new_product .sec_title[data-motion] .icon_wrap li:nth-of-type(3){transition:0.7s 0.6s;}
.new_product .sec_title[data-motion] .frame_wrap{transition:0.7s 0.3s; transform:translateY(100px); opacity:0;}
.new_product .sec_title[data-motion] .btn_wrap a{transition:transform 0.7s 0.7s, opacity 0.7s 0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_title[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_title[data-motion].active .desc{transform:translateY(0); opacity:1;}
.new_product .sec_title[data-motion].active .icon_wrap li{transform:translateY(0); opacity:1;}
.new_product .sec_title[data-motion].active .frame_wrap{transform:translateY(0); opacity:1;}
.new_product .sec_title[data-motion].active .btn_wrap a{transform:translateY(0); opacity:1;}
.new_product .sec_title .video_wrap[data-motion] .video{transition:0.7s; transform:translateY(100px); opacity:0;}
.new_product .sec_title .video_wrap[data-motion] .btn_wrap{transition:0.7s 0.2s; transform:translateY(60px); opacity:0;}
.new_product .sec_title .module_list .img_area[data-motion] img{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_title .module_list .img_area[data-motion].active img{transform:translateY(0); opacity:1;}
.new_product .sec_title .module_list .list[data-motion] li:nth-of-type(-n+4){transition:0.7s; transform:translateY(50px); opacity:0;}
.new_product .sec_title .module_list .list[data-motion] li:nth-of-type(n+5){transition:0.7s 0.2s; transform:translateY(50px); opacity:0;}
.new_product .sec_title .module_list .list[data-motion].active li{transform:translateY(0); opacity:1;}
.new_product .sec_title .video_wrap[data-motion].active .video{transform:translateY(0); opacity:1;}
.new_product .sec_title .video_wrap[data-motion].active .btn_wrap{transform:translateY(0); opacity:1;}


/* sec_lineup */
.new_product .sec_lineup{overflow:hidden; padding:120px 0; background:url("/resources/images/jp/product/sec_lineup_bg.jpg")no-repeat center / cover;}
.new_product .sec_lineup .scroll_wrap{position:relative;}
.new_product .sec_lineup .scroll_wrap ul{margin-top:44px; padding-bottom:76px; display:inline-flex; font-size:0;}
.new_product .sec_lineup .scroll_wrap ul li{width:360px; height:400px; display:inline-block; vertical-align:top; border-radius:20px;}
.new_product .sec_lineup .scroll_wrap ul li + li{margin-left:30px;}
.new_product .sec_lineup .scroll_wrap ul li a{display:block; height:100%; padding:38px 42px; box-sizing:border-box; position:relative; background:#fff; border-radius:20px; border:1px solid #ccc; box-sizing:border-box; transition:background 0.3s, border 0.3s;}
.new_product .sec_lineup .scroll_wrap ul li dl dt{font-size:30px; color:#333; letter-spacing:-0.5px; font-weight:600; line-height:1.4; padding-right:45px; position:relative; box-sizing:border-box; transition:color 0.4s;}
.new_product .sec_lineup .scroll_wrap ul li dl dt:before{content:""; width:24px; height:24px; position:absolute; right:0; top:10px; background-size:100%; background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/jp/product/sec_lineup_arrow_off.svg"); transition:background 0.4s;}
.new_product .sec_lineup .scroll_wrap ul li dl dt span{display:block; font-size:20px; font-weight:400;}
.new_product .sec_lineup .scroll_wrap ul li dl dd{margin-top:30px; font-size:18px; color:#fff; letter-spacing:-0.5px; font-weight:400; line-height:1.5; word-break:normal; opacity:0; transform:translateY(30px); transition:0.4s;}
.new_product .sec_lineup .scroll_wrap ul li i{position:absolute; right:42px; bottom:40px; transition:0.2s;}
.new_product .sec_lineup .scroll_wrap ul li:focus{outline:2px solid #000;}
.new_product .sec_lineup .scroll_wrap ul li a:hover{background:#2C7CD8; border-color:#2C7CD8;}
.new_product .sec_lineup .scroll_wrap ul li a:hover dl dt{color:#fff;}
.new_product .sec_lineup .scroll_wrap ul li a:hover dl dt:before{background-image:url("/resources/images/jp/product/sec_lineup_arrow_on.svg");}
.new_product .sec_lineup .scroll_wrap ul li a:hover dl dd{opacity:1; transform:translateY(0);}
.new_product .sec_lineup .scroll_wrap ul li a:hover i{opacity:0;}
.new_product .sec_lineup .scroll_wrap .scroll_progress{position:absolute; inset:auto; left:0; bottom:0; width:100%; height:4px; background:#fff;}
.new_product .sec_lineup .scroll_wrap .scroll_progress .progress{width:0; height:100%; background:#2C7CD8;}
.new_product .sec_lineup[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_lineup[data-motion] .scroll_wrap{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_lineup[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_lineup[data-motion].active .scroll_wrap{transform:translateY(0); opacity:1;}



/* sec_curation */
.new_product .sec_curation{margin:120px auto;}
.new_product .sec_curation + .sec_certi .inner{padding-top:0;}
.new_product .sec_curation .swiper_wrap{width:calc(100% + 4px); margin:44px 0 80px; padding:2px; box-sizing:border-box;}
.new_product .sec_curation .swiper_wrap li.swiper-slide{width:350px;}
.new_product .sec_curation .swiper_wrap li.swiper-slide .img_area{position:relative; overflow:hidden; width:100%; height:220px; border-radius:10px; z-index:-1;}
.new_product .sec_curation .swiper_wrap li.swiper-slide .img_area img{width:auto; min-width:100%; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area{padding:24px 0;}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl dt{font-size:16px; font-weight:600; letter-spacing:-0.5px; line-height:1;}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl dt + dd{margin-top:15px;}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl dd{font-size:24px; color:#222; letter-spacing:-0.5px; font-weight:600; overflow:hidden; max-height:68px; line-height:34px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:normal;}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl.tech dt{color:#6703C7}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl.press dt{color:#F26522}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl.product dt{color:#327F2E}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl.company dt{color:#003399}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl.careers dt{color:#333}
.new_product .sec_curation .swiper_wrap li.swiper-slide .txt_area dl.csr dt{color:#ad0057}
.new_product .sec_curation .swiper_wrap .paging_wrap{position:relative; width:670px; margin:45px auto 0; display:flex; align-items:center;}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-prev{margin:0; position:relative; inset:auto; width:60px; height:60px; border:1px solid #ccc; border-radius:50%; box-sizing:border-box; background:#fff; transition:all 0.2s}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-prev:before{content:""; width:13px; height:21px; background-image:url("/resources/images/jp/product/sec_curation_left_arrow.svg"); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.2s}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-prev:hover{border-color:#2C7CD8}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-prev:hover:before{left:45%; background-image:url("/resources/images/jp/product/sec_curation_left_arrow_blue.svg");}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-next{margin:0; position:relative; inset:auto; width:60px; height:60px; border:1px solid #ccc; border-radius:50%; box-sizing:border-box; background:#fff; transition:all 0.2s}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-next:before{content:""; width:13px; height:21px; background-image:url("/resources/images/jp/product/sec_curation_right_arrow.svg"); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.2s}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-next:hover{border-color:#2C7CD8;}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-button-next:hover:before{left:55%; background-image:url("/resources/images/jp/product/sec_curation_right_arrow_blue.svg");}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-pagination{margin:0 25px; position:relative; inset:auto; width:500px; height:4px; background:#D8E0E5;}
.new_product .sec_curation .swiper_wrap .paging_wrap .swiper-pagination .swiper-pagination-progressbar-fill{background:#2C7CD8;}
.new_product .sec_curation .subscription_area{display:flex; align-items:center; justify-content:space-between; padding:0 40px; height:115px; margin-top:80px; border-radius:10px; background:#2C7CD8;}
.new_product .sec_curation .subscription_area p{font-size:20px; color:#fff; font-weight:600; line-height:1.5;}
.new_product .sec_curation[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_curation[data-motion] .swiper_wrap{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_curation[data-motion] .subscription_area{transition:0.7s 0.5s; transform:translateY(100px); opacity:0;}
.new_product .sec_curation[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_curation[data-motion].active .swiper_wrap{transform:translateY(0); opacity:1;}
.new_product .sec_curation[data-motion].active .subscription_area{transform:translateY(0); opacity:1;}


/* sec_faq */
.new_product .sec_faq{margin:120px auto;}
.new_product .sec_faq .accordion_list{margin:40px 0 0;}
.new_product .sec_faq .btn_wrap{margin:60px auto 0; text-align:center;}
.new_product .sec_faq[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_faq[data-motion] .accordion_list{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_faq[data-motion] .btn_wrap{transition:0.7s 0.5s; transform:translateY(60px); opacity:0;}
.new_product .sec_faq[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_faq[data-motion].active .accordion_list{transform:translateY(0); opacity:1;}
.new_product .sec_faq[data-motion].active .btn_wrap{transform:translateY(0); opacity:1;}


/* sec_certi */
.new_product .sec_faq + .sec_certi .inner{border-top:3px solid #000; padding-top:120px;}
.new_product .sec_certi{background-color:#fff;}
.new_product .sec_certi .inner{padding:120px 0;}
.new_product .sec_certi ul{margin-top:40px; display:flex; gap:45px; justify-content:center;}
.new_product .sec_certi ul li{width:350px;box-sizing:border-box;}
.new_product .sec_certi ul li a{border:1px solid #CCC; border-radius:10px; overflow:hidden; display:block; padding:30px 30px 31px; background:#fff; font-size:26px; color:#222; font-weight:600; position:relative; transition:background .2s, color .2s;}
.new_product .sec_certi ul li a:after{content:""; width:20px; height:20px; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); background-image:url("/resources/images/jp/product/sec_certi_icon_off.png"); background-size:cover; background-position:center; background-repeat:no-repeat}
.new_product .sec_certi ul li a:hover{background-color:#2C7CD8; color:#fff; box-shadow:20px 20px 20px rgba(0,0,0,0.16);}
.new_product .sec_certi ul li a:hover:after{background-image:url("/resources/images/jp/product/sec_certi_icon_on.png");}
.new_product .sec_certi ul li a:focus{outline:2px solid #222;}
.new_product .sec_certi[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_certi[data-motion] ul{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_certi[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_certi[data-motion].active ul{transform:translateY(0); opacity:1;}


/* feature_area */
.new_product .sec_feature {box-sizing:border-box; padding:120px 0; overflow:hidden; background-color:black; background-size:cover; background-position:top center; background-repeat:no-repeat;}
.new_product .sec_feature .item {display:flex; position:relative;}
.new_product .sec_feature .item + .item {margin-top:120px;}
.new_product .sec_feature .item .txt_area p{font-size:38px; color:#fff; letter-spacing:-0.5px; font-weight:600; line-height:1.5; word-break:normal;}
.new_product .sec_feature .item .txt_area dl dt {font-size:38px; color:#fff; letter-spacing:-0.5px; font-weight:600; line-height:1.5; word-break:normal;}
.new_product .sec_feature .item .txt_area dl dd {margin-top:10px; font-size:20px; color:#ccc; letter-spacing:-0.5px; font-weight:400; line-height:1.5; word-break:normal;}
.new_product .sec_feature .item .img_area{text-align:center;}
.new_product .sec_feature .item.type1 {flex-direction:column;}
.new_product .sec_feature .item.type1 .txt_area {text-align:center; padding:24px 0 0;}
.new_product .sec_feature .item.type2 {flex-direction:row-reverse; align-items:center; justify-content:space-between;}
.new_product .sec_feature .item.type2 .txt_area {padding-right:20px; box-sizing:border-box;}
.new_product .sec_feature .item.type3 {flex-direction:row; align-items:center;}
.new_product .sec_feature .item.type3 .txt_area {padding-left:80px; box-sizing:border-box;}
.new_product .sec_feature .item.type4 {flex-direction:column;}
.new_product .sec_feature .item.type4 .card_area {display: flex; justify-content: space-between; width: 100%;}
.new_product .sec_feature .item.type4 .card_area li {box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; width: calc((100% - 60px) / 3); height: 240px; padding:30px; background-color: #fff; border-radius: 10px;}
.new_product .sec_feature .item.type4 .card_area li dt {margin-bottom: 5px; font-size: 30px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.new_product .sec_feature .item.type4 .card_area li dd {font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px; color: #666; padding-right:75px;}
.new_product .sec_feature .item.type4 .card_area li i{display:block; width: 72px; height: 72px; position:absolute; right:30px; bottom:30px;}
.new_product .sec_feature .item[data-motion] .img_area {transition:transform 0.7s, opacity 0.7s; transform:translateY(100px); opacity:0;}
.new_product .sec_feature .item[data-motion] .txt_area p{transition:transform 0.7s 0.4s, opacity 0.7s 0.4s; transform:translateY(60%); opacity:0;}
.new_product .sec_feature .item[data-motion] .txt_area dl dt {transition:transform 0.7s 0.4s, opacity 0.7s 0.4s; transform:translateY(60%); opacity:0;}
.new_product .sec_feature .item[data-motion] .txt_area dl dd {transition:transform 0.7s 0.6s, opacity 0.7s 0.6s; transform:translateY(80%); opacity:0;}
.new_product .sec_feature .item[data-motion].active .img_area {transform:translateY(0); opacity:1;}
.new_product .sec_feature .item[data-motion].active .txt_area p{transform:translateY(0); opacity:1;}
.new_product .sec_feature .item[data-motion].active .txt_area dl dt {transform:translateY(0); opacity:1;}
.new_product .sec_feature .item[data-motion].active .txt_area dl dd {transform:translateY(0); opacity:1;}
.new_product .sec_feature .item.type4 .card_area[data-motion] li {transform: translateY(60px); opacity: 0;}
.new_product .sec_feature .item.type4 .card_area[data-motion].active li {transform: translateY(0); opacity: 1;}
.new_product .sec_feature .item.type4 .card_area[data-motion].active li:nth-child(1) {transition: 0.7s 0.1s;}
.new_product .sec_feature .item.type4 .card_area[data-motion].active li:nth-child(2) {transition: 0.7s 0.2s;}
.new_product .sec_feature .item.type4 .card_area[data-motion].active li:nth-child(3) {transition: 0.7s 0.3s;}


/* sec_application */
.new_product .sec_application{background:#f3f3f3; padding:120px 0;}
.new_product .sec_application .swiper_wrap{width:calc(100% + 4px); margin:40px 0 0; padding:2px 2px 40px; box-sizing:border-box;}
.new_product .sec_application .swiper_wrap li.swiper-slide{width:360px; height:218px; text-align:center; background:#fff; border-radius:10px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); overflow:hidden;}
.new_product .sec_application .swiper_wrap li.swiper-slide a{display:block; height:100%; position:relative; background:#fff; border-radius:10px; transition:background 0.3s, border 0.3s; outline-offset:-2px;}
.new_product .sec_application .swiper_wrap li.swiper-slide a:before{content:""; width:24px; height:24px; position:absolute; right:20px; top:20px; background-size:100%; background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/jp/product/sec_application_arrow_black.svg"); transition:background 0.4s;}
.new_product .sec_application .swiper_wrap li.swiper-slide .center{padding-top:50px;}
.new_product .sec_application .swiper_wrap li.swiper-slide i{display:block; margin:0 auto; width:72px; height:72px; background-size:100%; background-position:center; background-repeat:no-repeat; transition:background 0.4s;}
.new_product .sec_application .swiper_wrap li.swiper-slide p{margin-top:5px; font-size:24px; color:#333; letter-spacing:-0.5px; font-weight:600; line-height:1.5; transition:color 0.4s;}
.new_product .sec_application .swiper_wrap li.swiper-slide span{display:block; font-size:18px; color:#333; letter-spacing:-0.5px; font-weight:400; line-height:1.5;}
.new_product .sec_application .swiper_wrap li.swiper-slide a:hover{background-color:#2C7CD8;}
.new_product .sec_application .swiper_wrap li.swiper-slide a:hover:before{background-image:url("/resources/images/jp/product/sec_application_arrow_white.svg");}
.new_product .sec_application .swiper_wrap li.swiper-slide a:hover p{color:#fff;}
.new_product .sec_application .swiper_wrap li.swiper-slide a:hover span{color:#fff;}
.new_product .sec_application .swiper_wrap .swiper-pagination{position:absolute; inset:auto; left:0; bottom:0; width:100%; height:4px; background:rgba(102,102,102,0.2);}
.new_product .sec_application .swiper_wrap .swiper-pagination .swiper-pagination-progressbar-fill{background:#2C7CD8;}
.new_product .sec_application .swiper_wrap li.swiper-slide i.icon01{background-image:url("/resources/images/jp/product/sec_application_icon01_off.svg"); background-color:pink; opacity:0.2;}
.new_product .sec_application .swiper_wrap li.swiper-slide a:hover i.icon01{background-image:url("/resources/images/jp/product/sec_application_icon01_on.svg"); background-color:#fff;}
.new_product .sec_application.no_swiper .swiper-wrapper {justify-content: center;}
.new_product .sec_application.no_swiper .swiper-wrapper li {margin-right: 30px;}
.new_product .sec_application.no_swiper .swiper-wrapper li:last-child {margin-right: 0;}
.new_product .sec_application .list_wrap{margin:40px 0 0 -30px; width:1200px;}
.new_product .sec_application .list_wrap ul{width:100%; padding:0 30px 60px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:30px; overflow:hidden; transition:height 1s cubic-bezier(0.09, 0.57, 0.56, 0.98);}
.new_product .sec_application .list_wrap li{display:none; width:360px; height:220px; text-align:center; background:#fff; border-radius:10px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); overflow:hidden;}
.new_product .sec_application .list_wrap li.show{display:block;}
.new_product .sec_application .list_wrap li a{display:block; height:100%; position:relative; background:#fff; border-radius:10px; transition:background 0.3s, border 0.3s; outline-offset:-2px;}
.new_product .sec_application .list_wrap li a:before{content:""; width:24px; height:24px; position:absolute; right:20px; top:20px; background-size:100%; background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/jp/product/sec_application_arrow_black.svg"); transition:background 0.4s;}
.new_product .sec_application .list_wrap li .center{padding-top:50px;}
.new_product .sec_application .list_wrap li p{margin-top:5px; font-size:24px; color:#333; letter-spacing:-0.5px; font-weight:600; line-height:1.5; transition:color 0.4s;}
.new_product .sec_application .list_wrap li span{display:block; font-size:14px; color:#333; letter-spacing:-0.5px; font-weight:400; line-height:1.3;}
.new_product .sec_application .list_wrap li a:hover{background-color:#fff;}
.new_product .sec_application .list_wrap li a:hover:before{background-image:url("/resources/images/jp/product/sec_application_arrow_blue.svg");}
.new_product .sec_application .list_wrap li a:hover p{color:#2C7CD8;}
.new_product .sec_application .list_wrap li a:hover span{color:#2C7CD8;}
.new_product .sec_application .list_wrap .btn_wrap{text-align:center;}
.new_product .sec_application .list_wrap .btn_wrap button{text-align:left; display:inline-block; vertical-align:top; width:155px; height:60px; box-sizing:border-box; padding:0 30px; position:relative; font-size:18px; color:#000; font-weight:600; transition:color 0.3s;}
.new_product .sec_application .list_wrap .btn_wrap button:before{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #ccc; border-radius:30px; background:#fff; clip-path:polygon(0 0, 110% 0, 110% 100%, 0 110%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_product .sec_application .list_wrap .btn_wrap button:after{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #2C7CD8; border-radius:30px; background:#fff; clip-path:polygon(0 0, 0% 0, 0% 100%, 0 100%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_product .sec_application .list_wrap .btn_wrap button i{content:""; width:16px; height:16px; position:absolute; right:30px; top:50%; transform-origin:center; transform:translateY(-50%); background-size:cover; background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/jp/product/sec_application_more_black.svg");}
.new_product .sec_application .list_wrap .btn_wrap button:hover{color:#2C7CD8;}
.new_product .sec_application .list_wrap .btn_wrap button:hover:before{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_product .sec_application .list_wrap .btn_wrap button:hover:after{clip-path:polygon(0 0, 100% 0, 110% 110%, 0 110%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_product .sec_application .list_wrap .btn_wrap button:hover i{transform:translateY(-50%) rotate(180deg); background-image:url("/resources/images/jp/product/sec_application_more_blue.svg"); transition:background 0.4s, transform 0.4s;}


/* sec_bot_lineup */
.new_product .sec_bot_lineup{padding:120px 0 160px; overflow:hidden;}
.new_product .sec_bot_lineup .scroll_wrap{position:relative; padding:40px 0;}
.new_product .sec_bot_lineup .scroll_wrap ul{font-size:0; display:inline-flex;}
.new_product .sec_bot_lineup .scroll_wrap ul li{width:359px; height:280px; display:inline-block; vertical-align:top; overflow:hidden; border-radius:10px;}
.new_product .sec_bot_lineup .scroll_wrap ul li:focus{outline:2px solid #000;}
.new_product .sec_bot_lineup .scroll_wrap ul li + li{margin-left:30px;}
.new_product .sec_bot_lineup .scroll_wrap ul li a{position:relative; display:block; width:100%; height:100%; border-radius:10px; overflow:hidden; outline-offset:2px;}
.new_product .sec_bot_lineup .scroll_wrap ul li .bg{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; background-position:center; background-repeat:no-repeat; transition:0.5s;}
.new_product .sec_bot_lineup .scroll_wrap ul li a .txt{text-align:left; position:absolute; left:0; bottom:0; width:100%; padding:20px 25px; transition:0.2s; height:80px; box-sizing:border-box; overflow:hidden; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.new_product .sec_bot_lineup .scroll_wrap ul li a .txt dl dt{font-size:24px; color:#fff; font-weight:600; position:relative; letter-spacing:-0.5px;}
.new_product .sec_bot_lineup .scroll_wrap ul li a .txt dl dt:before{content:""; width:24px; height:24px; position:absolute; right:0; top:50%; transform:translateY(-50%); background-image:url("/resources/images/jp/product/bot_lineup_arrow.svg"); background-size:100%; background-position:center; background-repeat:no-repeat;}
.new_product .sec_bot_lineup .scroll_wrap ul li a .txt dl dd{font-size:18px; color:#fff; font-weight:400; margin-top:2px; transition:0.2s 0.1s; opacity:0; word-break:normal;}
.new_product .sec_bot_lineup .scroll_wrap ul li a:hover .txt{height:110px;}
.new_product .sec_bot_lineup .scroll_wrap ul li a:hover .txt dl dd{opacity:1;}
.new_product .sec_bot_lineup .scroll_wrap ul li a:hover .bg{transform:scale(1.1)}
.new_product .sec_bot_lineup .scroll_wrap.no_scroll{padding-bottom:0;}
.new_product .sec_bot_lineup .scroll_wrap.no_scroll ul{text-align:center; display:block; width:100%;}
.new_product .sec_bot_lineup .scroll_wrap.no_scroll .scroll_progress{display:none;}
.new_product .sec_bot_lineup .scroll_wrap .scroll_progress{position:absolute; inset:auto; left:0; bottom:0; width:100%; height:4px; background:rgba(102,102,102,0.2);}
.new_product .sec_bot_lineup .scroll_wrap .scroll_progress .progress{width:0; height:100%; background:#2C7CD8;}
.new_product .sec_bot_lineup[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_bot_lineup[data-motion] .scroll_wrap{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_bot_lineup[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_bot_lineup[data-motion].active .scroll_wrap{transform:translateY(0); opacity:1;}

/* mlcc */
.new_product .sec_bot_lineup .scroll_wrap ul li.new_normal .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_mlcc.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_lsc .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_lsc.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_high .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_hbs.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_esd .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_esd.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_fail .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_fail.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_noise .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_lan.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_esl .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_esl.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_array .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_array.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_mfc .bg{background-image:url("/resources/images/jp/product/mlcc_bot_lineup_bg_mfc.jpg");}
/* chip_resistor */
.new_product .sec_bot_lineup .scroll_wrap ul li.new_general .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_gr.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_array_resistor .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_ar.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_current .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_csr.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_anti .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_asr.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_high_resistor .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_hpr.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_pb .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_tpfr.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_thin .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_tfr.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_automotive .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_automotive.jpg");}
/* module */
.new_product .sec_bot_lineup .scroll_wrap ul li.new_mcm .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_module_mobile.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_mcm a:hover .txt{height:137px;}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_acm .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_module_automotive.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_mct .bg{background-image:url("/resources/images/jp/product/chip_bot_lineup_bg_module_main.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_mct a:hover .txt{height:137px;}
/* package */
.new_product .sec_bot_lineup .scroll_wrap ul li.new_fccsp .bg{background-image:url("/resources/images/jp/product/package_bot_lineup_bg_fccsp.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_fccsp a:hover .txt{height:137px;}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_wbcsp .bg{background-image:url("/resources/images/jp/product/package_bot_lineup_bg_wbcsp.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_wbcsp a:hover .txt{height:137px;}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_sip .bg{background-image:url("/resources/images/jp/product/package_bot_lineup_bg_sip.jpg");}
.new_product .sec_bot_lineup .scroll_wrap ul li.new_fcbga .bg{background-image:url("/resources/images/jp/product/package_bot_lineup_bg_fcbga.jpg");}


/* sec_application */
.new_product .sec_application.no_swiper .list_wrap ul{justify-content: center;}
.new_product .sec_application .banner_wrap{margin:40px auto 0; width:740px; height:300px;}
.new_product .sec_application .banner_wrap a{display:block; height:100%; border-radius:20px; overflow:hidden; position:relative; z-index:2; padding:24px 30px; box-sizing:border-box;}
.new_product .sec_application .banner_wrap a:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-image:url("/resources/images/jp/product/fail_sec_application_banner_bg.png"); background-size: cover; background-repeat:no-repeat; background-position:center; background-color:#ddd; transition:0.3s;}
.new_product .sec_application .banner_wrap a p{font-size:24px; color:#333333; letter-spacing:-0.5px; font-weight:600;}
.new_product .sec_application .banner_wrap a p:after{display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:10px; content:""; width:24px; height:24px; background-size:100%; background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/jp/product/sec_application_arrow_black.svg"); transition:0.3s;}
.new_product .sec_application .banner_wrap a:hover:before{transform:scale(1.1);}
.new_product .sec_application[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_application[data-motion] .list_wrap{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_application[data-motion] .banner_wrap{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_application[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_application[data-motion].active .list_wrap{transform:translateY(0); opacity:1;}
.new_product .sec_application[data-motion].active .banner_wrap{transform:translateY(0); opacity:1;}


/* sec_application icon */
.new_product .sec_application .list_wrap li i{display:block; margin:0 auto; width:72px; height:72px; background-size:100%; background-position:center; background-repeat:no-repeat; transition:background 0.4s;}
.new_product .sec_application .list_wrap li i.automotive{background-image:url("/resources/images/jp/product/application/automotive.svg");}
.new_product .sec_application .list_wrap li a:hover i.automotive{background-image:url("/resources/images/jp/product/application/b-automotive.svg");}

.new_product .sec_application .list_wrap li i.computer{background-image:url("/resources/images/jp/product/application/computer.svg");}
.new_product .sec_application .list_wrap li a:hover i.computer{background-image:url("/resources/images/jp/product/application/b-computer.svg");}

.new_product .sec_application .list_wrap li i.mobile{background-image:url("/resources/images/jp/product/application/mobile.svg");}
.new_product .sec_application .list_wrap li a:hover i.mobile{background-image:url("/resources/images/jp/product/application/b-mobile.svg");}

.new_product .sec_application .list_wrap li i.tablet{background-image:url("/resources/images/jp/product/application/tablet.svg");}
.new_product .sec_application .list_wrap li a:hover i.tablet{background-image:url("/resources/images/jp/product/application/b-tablet.svg");}

.new_product .sec_application .list_wrap li i.wearable{background-image:url("/resources/images/jp/product/application/wearable.svg");}
.new_product .sec_application .list_wrap li a:hover i.wearable{background-image:url("/resources/images/jp/product/application/b-wearable.svg");}

.new_product .sec_application .list_wrap li i.ssd{background-image:url("/resources/images/jp/product/application/ssd.svg");}
.new_product .sec_application .list_wrap li a:hover i.ssd{background-image:url("/resources/images/jp/product/application/b-ssd.svg");}

.new_product .sec_application .list_wrap li i.display{background-image:url("/resources/images/jp/product/application/display.svg");}
.new_product .sec_application .list_wrap li a:hover i.display{background-image:url("/resources/images/jp/product/application/b-display.svg");}

.new_product .sec_application .list_wrap li i.network{background-image:url("/resources/images/jp/product/application/network.svg");}
.new_product .sec_application .list_wrap li a:hover i.network{background-image:url("/resources/images/jp/product/application/b-network.svg");}

.new_product .sec_application .list_wrap li i.server{background-image:url("/resources/images/jp/product/application/server.svg");}
.new_product .sec_application .list_wrap li a:hover i.server{background-image:url("/resources/images/jp/product/application/b-server.svg");}

.new_product .sec_application .list_wrap li i.game{background-image:url("/resources/images/jp/product/application/game.svg");}
.new_product .sec_application .list_wrap li a:hover i.game{background-image:url("/resources/images/jp/product/application/b-game.svg");}

.new_product .sec_application .list_wrap li i.ddc{background-image:url("/resources/images/jp/product/application/ddc.svg");}
.new_product .sec_application .list_wrap li a:hover i.ddc{background-image:url("/resources/images/jp/product/application/b-ddc.svg");}

.new_product .sec_application .list_wrap li i.ddc_e{background-image:url("/resources/images/jp/product/application/ddc_e.svg");}
.new_product .sec_application .list_wrap li a:hover i.ddc_e{background-image:url("/resources/images/jp/product/application/b-ddc_e.svg");}

.new_product .sec_application .list_wrap li i.icp{background-image:url("/resources/images/jp/product/application/icp.svg");}
.new_product .sec_application .list_wrap li a:hover i.icp{background-image:url("/resources/images/jp/product/application/b-icp.svg");}

.new_product .sec_application .list_wrap li i.module{background-image:url("/resources/images/jp/product/application/module.svg");}
.new_product .sec_application .list_wrap li a:hover i.module{background-image:url("/resources/images/jp/product/application/b-module.svg");}

.new_product .sec_application .list_wrap li i.smps{background-image:url("/resources/images/jp/product/application/smps.svg");}
.new_product .sec_application .list_wrap li a:hover i.smps{background-image:url("/resources/images/jp/product/application/b-smps.svg");}

.new_product .sec_application .list_wrap li i.pam{background-image:url("/resources/images/jp/product/application/pam.svg");}
.new_product .sec_application .list_wrap li a:hover i.pam{background-image:url("/resources/images/jp/product/application/b-pam.svg");}

.new_product .sec_application .list_wrap li i.pmic{background-image:url("/resources/images/jp/product/application/pmic.svg");}
.new_product .sec_application .list_wrap li a:hover i.pmic{background-image:url("/resources/images/jp/product/application/b-pmic.svg");}

.new_product .sec_application .list_wrap li i.it{background-image:url("/resources/images/jp/product/application/it.svg");}
.new_product .sec_application .list_wrap li a:hover i.it{background-image:url("/resources/images/jp/product/application/b-it.svg");}

.new_product .sec_application .list_wrap li i.memory{background-image:url("/resources/images/jp/product/application/memory.svg");}
.new_product .sec_application .list_wrap li a:hover i.memory{background-image:url("/resources/images/jp/product/application/b-memory.svg");}

.new_product .sec_application .list_wrap li i.mm{background-image:url("/resources/images/jp/product/application/mm.svg");}
.new_product .sec_application .list_wrap li a:hover i.mm{background-image:url("/resources/images/jp/product/application/b-mm.svg");}

.new_product .sec_application .list_wrap li i.digital_tv{background-image:url("/resources/images/jp/product/application/digital-tv.svg");}
.new_product .sec_application .list_wrap li a:hover i.digital_tv{background-image:url("/resources/images/jp/product/application/b-digital-tv.svg");}

.new_product .sec_application .list_wrap li i.lcd{background-image:url("/resources/images/jp/product/application/lcd.svg");}
.new_product .sec_application .list_wrap li a:hover i.lcd{background-image:url("/resources/images/jp/product/application/b-lcd.svg");}

.new_product .sec_application .list_wrap li i.camera{background-image:url("/resources/images/jp/product/application/camera.svg");}
.new_product .sec_application .list_wrap li a:hover i.camera{background-image:url("/resources/images/jp/product/application/b-camera.svg");}

.new_product .sec_application .list_wrap li i.damping{background-image:url("/resources/images/jp/product/application/damping.svg");}
.new_product .sec_application .list_wrap li a:hover i.damping{background-image:url("/resources/images/jp/product/application/b-damping.svg");}

.new_product .sec_application .list_wrap li i.pullupdown{background-image:url("/resources/images/jp/product/application/pullupdown.svg");}
.new_product .sec_application .list_wrap li a:hover i.pullupdown{background-image:url("/resources/images/jp/product/application/b-pullupdown.svg");}

.new_product .sec_application .list_wrap li i.dt{background-image:url("/resources/images/jp/product/application/dt.svg");}
.new_product .sec_application .list_wrap li a:hover i.dt{background-image:url("/resources/images/jp/product/application/b-dt.svg");}

.new_product .sec_application .list_wrap li i.cpu{background-image:url("/resources/images/jp/product/application/cpu.svg");}
.new_product .sec_application .list_wrap li a:hover i.cpu{background-image:url("/resources/images/jp/product/application/b-cpu.svg");}

.new_product .sec_application .list_wrap li i.inverter{background-image:url("/resources/images/jp/product/application/inverter.svg");}
.new_product .sec_application .list_wrap li a:hover i.inverter{background-image:url("/resources/images/jp/product/application/b-inverter.svg");}

.new_product .sec_application .list_wrap li i.bms{background-image:url("/resources/images/jp/product/application/bms.svg");}
.new_product .sec_application .list_wrap li a:hover i.bms{background-image:url("/resources/images/jp/product/application/b-bms.svg");}

.new_product .sec_application .list_wrap li i.ltre{background-image:url("/resources/images/jp/product/application/ltre.svg");}
.new_product .sec_application .list_wrap li a:hover i.ltre{background-image:url("/resources/images/jp/product/application/b-ltre.svg");}

.new_product .sec_application .list_wrap li i.ss{background-image:url("/resources/images/jp/product/application/ss.svg");}
.new_product .sec_application .list_wrap li a:hover i.ss{background-image:url("/resources/images/jp/product/application/b-ss.svg");}

.new_product .sec_application .list_wrap li i.swc{background-image:url("/resources/images/jp/product/application/swc.svg");}
.new_product .sec_application .list_wrap li a:hover i.swc{background-image:url("/resources/images/jp/product/application/b-swc.svg");}

.new_product .sec_application .list_wrap li i.ht{background-image:url("/resources/images/jp/product/application/ht.svg");}
.new_product .sec_application .list_wrap li a:hover i.ht{background-image:url("/resources/images/jp/product/application/b-ht.svg");}

.new_product .sec_application .list_wrap li i.medical{background-image:url("/resources/images/jp/product/application/medical.svg");}
.new_product .sec_application .list_wrap li a:hover i.medical{background-image:url("/resources/images/jp/product/application/b-medical.svg");}

.new_product .sec_application .list_wrap li i.me{background-image:url("/resources/images/jp/product/application/me.svg");}
.new_product .sec_application .list_wrap li a:hover i.me{background-image:url("/resources/images/jp/product/application/b-me.svg");}

.new_product .sec_application .list_wrap li i.ed{background-image:url("/resources/images/jp/product/application/ed.svg");}
.new_product .sec_application .list_wrap li a:hover i.ed{background-image:url("/resources/images/jp/product/application/b-ed.svg");}

.new_product .sec_application .list_wrap li i.adas{background-image:url("/resources/images/jp/product/application/adas.svg");}
.new_product .sec_application .list_wrap li a:hover i.adas{background-image:url("/resources/images/jp/product/application/b-adas.svg");}

.new_product .sec_application .list_wrap li i.ecu{background-image:url("/resources/images/jp/product/application/ecu.svg");}
.new_product .sec_application .list_wrap li a:hover i.ecu{background-image:url("/resources/images/jp/product/application/b-ecu.svg");}

.new_product .sec_application .list_wrap li i.he{background-image:url("/resources/images/jp/product/application/he.svg");}
.new_product .sec_application .list_wrap li a:hover i.he{background-image:url("/resources/images/jp/product/application/b-he.svg");}

.new_product .sec_application .list_wrap li i.baseband{background-image:url("/resources/images/jp/product/application/baseband.svg");}
.new_product .sec_application .list_wrap li a:hover i.baseband{background-image:url("/resources/images/jp/product/application/b-baseband.svg");}

.new_product .sec_application .list_wrap li i.ecu{background-image:url("/resources/images/jp/product/application/ecu.svg");}
.new_product .sec_application .list_wrap li a:hover i.ecu{background-image:url("/resources/images/jp/product/application/b-ecu.svg");}

.new_product .sec_application .list_wrap li i.ecu{background-image:url("/resources/images/jp/product/application/ecu.svg");}
.new_product .sec_application .list_wrap li a:hover i.ecu{background-image:url("/resources/images/jp/product/application/b-ecu.svg");}


/* sec_search */
.new_product .sec_search{overflow:hidden; padding:100px 0 160px; background:url("/resources/images/jp/product/sec_search_bg.jpg")no-repeat center / cover;}
.new_product .sec_search .search_area{background-color:#fff; position:relative; width:100%; max-width:830px; height:68px; margin:40px auto 0; border:1px solid #ccc; border-radius:70px;}
.new_product .sec_search .search_area .search_txt{border-radius:70px; padding:0 100px 0 30px; box-sizing:border-box; width:100%; height:100%; border:none; background-color:#fff; font-size:20px; font-weight:600; color:#333; letter-spacing:-0.5px;}
.new_product .sec_search .search_area .search_txt::placeholder{font-size:20px; font-weight:600; color:#333;}
.new_product .sec_search .search_area .btn_search{text-indent:-9999px; font-size:0; position:absolute; top:0; right:0; padding-right:15px; width:92px; height:68px; border-radius:0 70px 70px 0; background:url("/resources/images/jp/product/sec_search_bg_search_ico.svg") no-repeat center;}


/* sec_infomation */
.new_product .sec_infomation{padding:120px 0; background:#ECEFF5;}
.new_product .sec_infomation .top .desc{margin-top:40px; font-size:20px; font-weight:400; color:#000; word-break:normal; text-align:left;}
.new_product .sec_infomation .img_btn{margin:60px auto 0;}
.new_product .sec_infomation .img_btn .img_area{overflow:hidden;}
.new_product .sec_infomation .img_btn .img_area img{width:100%; max-width:100%;}
.new_product .sec_infomation .img_btn .btn_wrap{margin:60px auto 0; text-align:center;}
.new_product .sec_infomation .two_list{margin-top:120px;}
.new_product .sec_infomation .two_list ul{display:flex; align-items:start; gap:60px;}
.new_product .sec_infomation .two_list ul li{width:calc(50% - 30px)}
.new_product .sec_infomation .two_list ul li .img_area{border-radius:20px; overflow:hidden;}
.new_product .sec_infomation .two_list ul li .img_area img{width:100%; max-width:100%;}
.new_product .sec_infomation .two_list ul li .txt_area{padding:20px 0 0; text-align:center}
.new_product .sec_infomation .two_list ul li .txt_area dl dt{font-size:38px; color:#333; font-weight:600;}
.new_product .sec_infomation .two_list ul li .txt_area dl dd{margin-top:5px; font-size:20px; color:#666; font-weight:400;}
.new_product .sec_infomation .top[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_infomation .top[data-motion] .desc{transition:0.7s 0.2s; transform:translateY(60px); opacity:0;}
.new_product .sec_infomation .img_btn[data-motion] .img_area{transition:0.7s; transform:translateY(100px); opacity:0;}
.new_product .sec_infomation .img_btn[data-motion] .btn_wrap{transition:0.7s 0.2s; transform:translateY(60px); opacity:0;}
.new_product .sec_infomation .two_list[data-motion] ul li{transition:0.7s; transform:translateY(100px); opacity:0;}
.new_product .sec_infomation .two_list[data-motion] ul li:nth-of-type(2){transition:0.7s 0.2s;}
.new_product .sec_infomation .top[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_infomation .top[data-motion].active .desc{transform:translateY(0); opacity:1;}
.new_product .sec_infomation .img_btn[data-motion].active .img_area{transform:translateY(0); opacity:1;}
.new_product .sec_infomation .img_btn[data-motion].active .btn_wrap{transform:translateY(0); opacity:1;}
.new_product .sec_infomation .two_list[data-motion].active ul li{transform:translateY(0); opacity:1;}


/* sec_table */
.new_product .sec_table {padding: 120px 0;}
.new_product .sec_table .table_wrap {margin-bottom: 120px;}
.new_product .sec_table .table_wrap:last-child {margin-bottom: 0;}
.new_product .sec_table .table_wrap h3 {margin-bottom: 40px;}
.new_product .sec_table .table_wrap table.w100_border {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.new_product .sec_table .table_wrap table thead {background-color: #f3f3f3;}
.new_product .sec_table .table_wrap table th {padding: 18px 5px; border-left: 1px solid #ccc;}
.new_product .sec_table .table_wrap table th.bl_none {border-left: none;}
.new_product .sec_table .table_wrap table td {padding: 10px 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; color: #000;}
.new_product .sec_table .table_wrap table td.bl_none {border-left: none;}
.new_product .sec_table .table_wrap table td.fc_gray {color: #888;}
.new_product .sec_table .table_wrap .bot_txt{margin-top:15px;}
.new_product .sec_table .table_wrap .bot_txt.right{text-align:right;}
.new_product .sec_table .table_wrap .bot_txt p{font-size:18px; color:#666; font-weight:400;}
.new_product .sec_table .table_wrap[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_table .table_wrap[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_table .table_wrap[data-motion] table.w100_border{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .sec_table .table_wrap[data-motion] .bot_txt{transition:0.7s 0.4s; transform:translateY(100%); opacity:0;}
.new_product .sec_table .table_wrap[data-motion].active table.w100_border{transform:translateY(0); opacity:1;}
.new_product .sec_table .table_wrap[data-motion].active .bot_txt{transform:translateY(0); opacity:1;}


/* sec_summary */
.new_product .sec_summary .inner{padding:100px 0 120px; border-top:1px solid #ccc;}
.new_product .sec_summary ul{display:flex; gap:29px; margin-top:40px;}
.new_product .sec_summary ul li{width:33.333333%;}
.new_product .sec_summary ul li a{display:block; border:1px solid #ccc; border-radius:20px; box-sizing:border-box; overflow:hidden;}
.new_product .sec_summary ul li .bg{width:100%; height:200px; position:relative; overflow:hidden;}
.new_product .sec_summary ul li .bg:before{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#ccc; background-size:cover; background-position:center; background-repeat:no-repeat; transition:0.4s;}
.new_product .sec_summary ul li .bg:after{opacity:0; content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.4); position:absolute; left:0; top:0; transition:0.4s;}
.new_product .sec_summary ul li .bg01:before{background-image:url("/resources/images/jp/product/resistor_sec_summary_bg01.jpg");}
.new_product .sec_summary ul li .bg02:before{background-image:url("/resources/images/jp/product/resistor_sec_summary_bg02.jpg");}
.new_product .sec_summary ul li .bg03:before{background-image:url("/resources/images/jp/product/resistor_sec_summary_bg03.jpg");}
.new_product .sec_summary ul li .txt{display:flex; height:80px; padding:0 42px; align-items:center; position:relative; border-top:1px solid #ccc; background-color:#fff; transition:0.4s;}
.new_product .sec_summary ul li .txt:before{content:""; width:24px; height:24px; position:absolute; right:26px; top:50%; transform:translateY(-50%); background-image:url("/resources/images/jp/product/sec_summary_icon_off.svg"); background-position:center; background-repeat:no-repeat; background-size:100%; transition:0.4s;}
.new_product .sec_summary ul li .txt p{font-size:24px; color:#333; font-weight:600; transition:0.4s;}
.new_product .sec_summary ul li a:hover .bg:before{transform:scale(1.2);}
.new_product .sec_summary ul li a:hover .bg:after{opacity:1;}
.new_product .sec_summary ul li a:hover .txt{background-color:#2C7CD8; border-color:#2C7CD8;}
.new_product .sec_summary ul li a:hover .txt:before{background-image:url("/resources/images/jp/product/sec_summary_icon_on.svg");}
.new_product .sec_summary ul li a:hover .txt p{color:#fff;}
.new_product .sec_summary[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .sec_summary[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .sec_summary[data-motion] ul li{transform:translateY(100px); opacity:0;}
.new_product .sec_summary[data-motion] ul li:nth-of-type(1){transition:0.7s 0.2s;}
.new_product .sec_summary[data-motion] ul li:nth-of-type(2){transition:0.7s 0.3s;}
.new_product .sec_summary[data-motion] ul li:nth-of-type(3){transition:0.7s 0.4s;}
.new_product .sec_summary[data-motion].active ul li{transform:translateY(0); opacity:1;}


/* img_txt_box */
.new_product .img_txt_box{margin-top:60px;}
.new_product .img_txt_box + .img_txt_box{margin-top:80px;}
.new_product .img_txt_box .txt_area{text-align:left; margin:0 0 24px;}
.new_product .img_txt_box .txt_area h4{font-size:30px; color:#000; font-weight:600; margin:0; line-height:1em;}
.new_product .img_txt_box .txt_area h4 span{margin-left:6px; display:inline-block; vertical-align:bottom; font-size:16px; color:#666; font-weight:400; line-height:1;}
.new_product .img_txt_box .txt_area p{font-size:18px; color:#333; font-weight:400; margin-top:10px; word-break:normal;}
.new_product .img_txt_box .txt_area ul{margin-top:30px; padding-top:25px; display:flex; justify-content:space-between; border-top:2px solid #ccc;}
.new_product .img_txt_box .txt_area ul li{padding-left:17px; box-sizing:border-box; position:relative; font-size:20px; color:#333; font-weight:400; text-align:left;}
.new_product .img_txt_box .txt_area ul li:before{content:""; width:5px; height:5px; border-radius:50%; background:#666; position:absolute; left:0; top:13px;}
.new_product .img_txt_box .img_area{border-radius:20px; overflow:hidden; display:flex; gap:20px;}
.new_product .img_txt_box .img_area img{width:100%; max-width:100%; margin:0 auto;}
.new_product .img_txt_box[data-motion] .txt_area{transition:0.7s; transform:translateY(100px); opacity:0;}
.new_product .img_txt_box[data-motion] .img_area{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product .img_txt_box[data-motion].active .img_area{transform:translateY(0); opacity:1;}
.new_product .img_txt_box[data-motion].active .txt_area{transform:translateY(0); opacity:1;}


/* substrate_table */
.new_product .substrate_table .table_wrap h3{margin-bottom:40px;}
.new_product .substrate_table .table_wrap + .table_wrap{margin-top:120px;}
.new_product .substrate_table .table_wrap table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000;}
.new_product .substrate_table .table_wrap table{width:100%;}
.new_product .substrate_table .table_wrap table tr{border-bottom:1px solid #ccc;}
.new_product .substrate_table .table_wrap table tr th{height:62px; padding:15px 10px; font-size:18px; color:#333; font-weight:600; text-align:center; border-right:1px solid #ccc; box-sizing:border-box;}
.new_product .substrate_table .table_wrap table tr th:last-child{border-right:0;}
.new_product .substrate_table .table_wrap table tr td{border-right:1px solid #ccc; font-size:16px; color:#333; font-weight:400; text-align:center; padding:15px 10px; height:57px; box-sizing:border-box;}
.new_product .substrate_table .table_wrap table tr td.acc{background-color:#ECEFF5; color:#2C7CD8;}
.new_product .substrate_table .table_wrap table tr td:last-child{border-right:0;}
.new_product .substrate_table .table_wrap table tbody tr:last-child{border-bottom:0;}
.new_product .substrate_table .table_wrap table .bg_blue{background-color:#ECEFF5; color:#2C7CD8; font-weight:600;}
.new_product .substrate_table .table_wrap table .bg_gray{background:#f3f3f3; color:#333; font-weight:600;}
.new_product .substrate_table .top_txt{display:flex; justify-content:space-between; align-items:end; margin-bottom:10px;}
.new_product .substrate_table .top_txt .left{width:60%;}
.new_product .substrate_table .top_txt .left h5{font-size:24px; color:#333; font-weight:600;}
.new_product .substrate_table .top_txt .left h5 p{font-size:18px; color:#333; font-weight:400; margin-top:5px;}
.new_product .substrate_table .top_txt .right:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.new_product .substrate_table .top_txt .right span{display:inline-block; vertical-align:middle; padding-left:34px; font-size:16px; color:#333; font-weight:600; position:relative;}
.new_product .substrate_table .top_txt .right span + span{margin-left:20px;}
.new_product .substrate_table .top_txt .right span:before{content:""; display:block; width:24px; height:24px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.new_product .substrate_table .top_txt .right span.bg_blue{color:#2C7CD8;}
.new_product .substrate_table .top_txt .right span.bg_blue:before{background-color:#ECEFF5;}
.new_product .substrate_table .top_txt .right span.bg_gray:before{background-color:#F3F3F3;}
.new_product .substrate_table .bot_txt{margin-top:15px;}
.new_product .substrate_table .bot_txt.right{text-align:right;}
.new_product .substrate_table .bot_txt p{font-size:18px; color:#666; font-weight:400;}
.new_product .substrate_table .table_wrap[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product .substrate_table .table_wrap[data-motion] table{transition:0.7s 0.1s; transform:translateY(100px); opacity:0;}
.new_product .substrate_table .table_wrap[data-motion] .top_txt{transition:0.7s; transform:translateY(50px); opacity:0;}
.new_product .substrate_table .table_wrap[data-motion] .bot_txt{transition:0.7s 0.2s; transform:translateY(50px); opacity:0;}
.new_product .substrate_table .table_wrap[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product .substrate_table .table_wrap[data-motion].active table{transform:translateY(0); opacity:1;}
.new_product .substrate_table .table_wrap[data-motion].active .top_txt{transform:translateY(0); opacity:1;}
.new_product .substrate_table .table_wrap[data-motion].active .bot_txt{transform:translateY(0); opacity:1;}


/* new_product_table_popup */
.new_product_table_popup{display:none; position:fixed; left:0; top:0; z-index:1002; width:100%; height:100%; outline:none;}
.new_product_table_popup.active{display:block;}
.new_product_table_popup.active.motion .dim{opacity:1;}
.new_product_table_popup.active.motion .cont{opacity:1;}
.new_product_table_popup .dim{position:absolute; z-index:1; display:block; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.70); backdrop-filter:blur(10px); opacity:0; transition:0.3s;}
.new_product_table_popup .cont{position:absolute; max-height:98%; overflow:auto; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; padding:40px 0 35px; width:100%; max-width:1140px; box-sizing:border-box; opacity:0; transition:0.3s;}
.new_product_table_popup .cont button{font-size:0; text-indent:-999px; position:absolute; z-index:2; right:20px; top:30px; width:44px; height:44px; padding:10px; background:url("/resources/images/jp/product/table_popup_close_btn.svg")no-repeat center / 24px 24px;}
.new_product_table_popup .cont .slide_wrap .box{display:none;}
.new_product_table_popup .cont .slide_wrap .box.active{display:block;}
.new_product_table_popup .cont .slide_wrap .box .swiper-container{padding-bottom:5px;}
.new_product_table_popup .cont .swiper-container .swiper-slide{padding:0 30px; box-sizing:border-box}
.new_product_table_popup .cont .swiper-container .swiper-slide .top p{font-size:24px; color:#333; font-weight:600;}
.new_product_table_popup .cont .swiper-container .swiper-slide .bot{margin-top:20px;}
.new_product_table_popup .cont .swiper-container .controller{display:none; margin-top:20px; text-align:center; font-size:0;}
.new_product_table_popup .cont .swiper-container .controller.active{display:block;}
.new_product_table_popup .cont .swiper-container .controller > *{display:inline-block; vertical-align:middle;}
.new_product_table_popup .cont .swiper-container .controller .prev_btn{cursor:pointer; width:24px; height:24px; border-radius:50%; background-color:#000; background-repeat:no-repeat; background-position:center; background-image:url("/resources/images/jp/product/table_popup_slide_arrow.svg")}
.new_product_table_popup .cont .swiper-container .controller .fraction{width:auto; margin:0 20px; font-size:16px; color:#333; font-weight:600;}
.new_product_table_popup .cont .swiper-container .controller .next_btn{cursor:pointer; width:24px; height:24px; border-radius:50%; background-color:#000; background-repeat:no-repeat; background-position:center; background-image:url("/resources/images/jp/product/table_popup_slide_arrow.svg"); transform:rotate(180deg);}
.new_product_table_popup .cont .swiper-container .controller .prev_btn.swiper-button-disabled,
.new_product_table_popup .cont .swiper-container .controller .next_btn.swiper-button-disabled{background-color:#ccc;}


/* sticky_lnb */
.new_product .sticky_lnb{position:absolute; left:50px; top:400px; z-index:10;}
.new_product .sticky_lnb ul li button{width:100%; height:35px; display:flex; align-items:center; padding:7px 0 7px 15px; position:relative; font-size:14px; color:#666; font-weight:400; white-space:nowrap; transition:color 0.3s;}
.new_product .sticky_lnb ul li button:before{content:""; width:2px; height:100%; position:absolute; left:0; top:0; background-color:#ccc}
.new_product .sticky_lnb ul li.active button{color:#000; font-weight:600;}
.new_product .sticky_lnb ul li.active button:before{background-color:#2C7CD8}

@media all and (max-width:1540px){
    .new_product .sticky_lnb ul li button{color:transparent;}
    .new_product .sticky_lnb ul li.active button{color:transparent;}
    .new_product .sticky_lnb:focus-within ul li button,
    .new_product .sticky_lnb:hover ul li button{color:#666;}
    .new_product .sticky_lnb:focus-within ul li.active button,
    .new_product .sticky_lnb:hover ul li.active button{color:#000;}
}


/** page **/
/* new_normal */
.new_product.new_normal .sec_feature{background-image:url("/resources/images/jp/product/normal_sec_feature_bg.jpg");}

/* new_lsc */
.new_product.new_lsc .sec_feature{padding:90px 0 120px; background-image:url("/resources/images/jp/product/lsc_sec_feature_bg.jpg");}
.new_product.new_lsc .sec_feature .item + .item{margin-top:40px;}
.new_product.new_lsc .sec_feature .item:nth-of-type(1){max-width:1000px; margin:0 auto;}
.new_product.new_lsc .sec_feature .item:nth-of-type(2) .txt_area{margin-top:-40px; padding:0;}

/* new_high */
.new_product.new_high #tabPanel1 .sec_feature{background-image:url("/resources/images/jp/product/high_tab1_sec_feature_bg.jpg");}
.new_product.new_high #tabPanel1 .item.type1:nth-of-type(1) .txt_area{padding-top:0;}
.new_product.new_high #tabPanel1 .item.type1:nth-of-type(2) .txt_area{padding-top:0; margin-top:-35px;}
.new_product.new_high #tabPanel2 .sec_feature{background-image:url("/resources/images/jp/product/high_tab2_sec_feature_bg.jpg");}

/* new_esd */
.new_product.new_esd .sec_feature{background-image:url("/resources/images/jp/product/esd_sec_feature_bg.jpg");}
.new_product.new_esd .sec_feature .item{width:100%; max-width:980px; margin-left:auto; margin-right:auto;}
.new_product.new_esd .sec_feature .item:nth-of-type(1) .txt_area{position:absolute; left:0; bottom:20px; width:100%;}

/* new_fail */
.new_product.new_fail .sec_feature {padding:120px 0 50px; background-image:url("/resources/images/jp/product/fail_sec_feature_bg.jpg");}
.new_product.new_fail .sec_feature .item.type3 {align-items: flex-start;}
.new_product.new_fail .sec_feature .item.type3 .txt_area {padding-top: 33px;}

/* new_noise */
.new_product.new_noise .sec_feature {background-image:url("/resources/images/jp/product/noise_sec_feature_bg.jpg");}

/* new_esl */
.new_product.new_esl .sec_feature {background-image:url("/resources/images/jp/product/esl_sec_feature_bg.jpg");}

/* new_array */
.new_product.new_array .sec_feature {background-image:url("/resources/images/jp/product/array_sec_feature_bg.jpg");}

/* new_mfc */
.new_product.new_mfc .sec_feature {background-image:url("/resources/images/jp/product/mfc_sec_feature_bg.jpg");}

/* new_general */
.new_product.new_general .sec_feature {background-image:url("/resources/images/jp/product/general_feature_bg.jpg");}

/* new_array_resistor */
.new_product.new_array_resistor .sec_feature {background-image:url("/resources/images/jp/product/array_resistor_feature_bg.jpg");}

/* new_current */
.new_product.new_current #tabPanel1 .sec_feature {background-image:url("/resources/images/jp/product/current_feature_bg01.jpg");}
.new_product.new_current #tabPanel2 .sec_feature {display: flex; align-items: flex-end; height: 1040px; padding-bottom: 95px; background-image:url("/resources/images/jp/product/current_feature_bg02.jpg");}

/* new_anti */
.new_product.new_anti .sec_feature {background-image:url("/resources/images/jp/product/anti_feature_bg.jpg");}

/* new_high_resistor */
.new_product.new_high_resistor .sec_feature {height: 1242px; background-image:url("/resources/images/jp/product/high_resistor_feature_bg.jpg");}
.new_product.new_high_resistor .inner {height: 100%;}
.new_product.new_high_resistor .sec_feature .item.type4 {height: 100%; justify-content: space-between;}
.new_product.new_high_resistor .sec_feature .item.type4 .txt_area dt {margin-bottom: 10px; font-size: 80px; font-weight: 700; letter-spacing: -2.4px; line-height: 1.1; color: #fff;}
.new_product.new_high_resistor .sec_feature .item.type4 .txt_area dd {font-size: 34px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.5; color: #fff;}

/* new_pb */
.new_product.new_pb .sec_title .table_wrap {margin-top: 120px;}
.new_product.new_pb .sec_title .table_wrap h3 {margin-bottom: 40px; font-size: 38px; letter-spacing: -0.5px; line-height: 1.5;}
.new_product.new_pb .sec_title .table_wrap table.w100_border {width: 100%; border-top: 2px solid #000000; border-bottom: 1px solid #ccc;}
.new_product.new_pb .sec_title .table_wrap table thead {background-color: #f3f3f3;}
.new_product.new_pb .sec_title .table_wrap table th {padding: 18px 5px; height:67px; border-left: 1px solid #ccc; box-sizing:border-box; font-size: 18px;}
.new_product.new_pb .sec_title .table_wrap table th.bb {border-bottom: 1px solid #ccc;}
.new_product.new_pb .sec_title .table_wrap table th.bl_none {border-left: none;}
.new_product.new_pb .sec_title .table_wrap table th.fc_gray{color:#666;}
.new_product.new_pb .sec_title .table_wrap table td {padding: 18px 5px; height:67px; border-top: 1px solid #ccc; box-sizing:border-box; border-left: 1px solid #ccc; text-align: center; font-size: 18px; color: #000;}
.new_product.new_pb .sec_title .table_wrap table td:nth-child(1) {padding: 18px 50px; text-align: left;}
.new_product.new_pb .sec_title .table_wrap table td.polygon {padding: 30px 50px; text-align: center;}
.new_product.new_pb .sec_title .table_wrap table td.bl_none {border-left: none;}
.new_product.new_pb .sec_title .table_wrap table td.fc_red {color: #F22828; font-weight: 700;}
.new_product.new_pb .sec_title .table_wrap table td.fc_blue {color: #2C7CD8; font-weight: 700;}
.new_product.new_pb .sec_title .table_wrap .line_body{position:relative;}
.new_product.new_pb .sec_title .table_wrap .line_body:before{content:""; width:33.33%; height:471px; z-index:2; position:absolute; right:0; top:67px; border:3px dashed #2C7CD8; box-sizing:border-box;}
.new_product.new_pb .sec_title .table_wrap .line_body:after{content:""; width:33.33%; height:67px; z-index:2; position:absolute; right:0; bottom:0; border:3px dashed #2C7CD8; box-sizing:border-box;}
.new_product.new_pb .sec_title .table_wrap .comment {margin-top: 20px; font-size: 18px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.5; color: #666; word-break:normal;}
.new_product.new_pb .sec_title .table_wrap[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_pb .sec_title .table_wrap[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_pb .sec_title .table_wrap[data-motion] .line_body{transition:0.7s 0.3s; transform:translateY(100px); opacity:0;}
.new_product.new_pb .sec_title .table_wrap[data-motion].active .line_body{transform:translateY(0); opacity:1;}
.new_product.new_pb .sec_title .table_wrap[data-motion] .comment{transition:0.7s 0.3s; transform:translateY(40px); opacity:0;}
.new_product.new_pb .sec_title .table_wrap[data-motion].active .comment{transform:translateY(0); opacity:1;}
.new_product.new_pb .sec_feature {background-image: url("/resources/images/jp/product/pb_feature_bg.jpg");}

/* new_thin */
.new_product.new_thin .sec_feature {background-image: url("/resources/images/jp/product/thin_feature_bg.jpg");}

/* new_automotive */
.new_product.new_automotive .sec_feature {background-image: url("/resources/images/jp/product/automotive_feature_bg.jpg");}

/* new_module */
.new_product.new_module .sec_list{margin:120px auto;}
.new_product.new_module .sec_list ul{margin-top:40px; display:flex; gap:24px;}
.new_product.new_module .sec_list ul li{width:calc(50% - 12px); height:400px; overflow:hidden; border-radius:20px;}
.new_product.new_module .sec_list ul li a{display:block; height:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; outline-offset:-4px; overflow:hidden; border-radius:20px;}
.new_product.new_module .sec_list ul li a:before{content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 147, 219, 0.23) 57.5%, rgba(0, 53, 156, 0.60) 100%); transition:0.5s; opacity:0;}
.new_product.new_module .sec_list ul li:nth-of-type(1) a{background-image:url("/resources/images/jp/product/new_module_sec_list_bg01.png");}
.new_product.new_module .sec_list ul li:nth-of-type(2) a{background-image:url("/resources/images/jp/product/new_module_sec_list_bg02.png");}
.new_product.new_module .sec_list ul li .txt_area{position:absolute; left:0; bottom:-65px; padding:40px; width:100%; box-sizing:border-box; transition:bottom 0.4s;}
.new_product.new_module .sec_list ul li .txt_area dl dt{font-size:30px; color:#fff; font-weight:600;}
.new_product.new_module .sec_list ul li .txt_area dl dd{font-size:18px; color:#fff; font-weight:400; margin-top:15px; line-height:1.4; opacity:0;}
.new_product.new_module .sec_list ul li a:hover:before{opacity:1;}
.new_product.new_module .sec_list ul li a:hover .txt_area{bottom:0;}
.new_product.new_module .sec_list ul li a:hover .txt_area dl dd{opacity:1; transition:opacity 0.3s 0.3s;}
.new_product.new_module .sec_list[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_module .sec_list[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_module .sec_list[data-motion] ul{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product.new_module .sec_list[data-motion].active ul{transform:translateY(0); opacity:1;}
.new_product.new_module .sec_core{padding:120px 0; background-color:#ECEFF5;}
.new_product.new_module .sec_core ul{margin-top:40px; display:flex; gap:24px; flex-wrap:wrap;}
.new_product.new_module .sec_core ul li{width:calc(50% - 12px); height:220px;}
.new_product.new_module .sec_core ul li a{padding:40px 44px; box-sizing:border-box; background-color:#fff; border-radius:20px; overflow:hidden; display:block; width:100%; height:100%; position:relative; transition:background 0.3s}
.new_product.new_module .sec_core ul li a dl dt{position:relative; font-size:30px; color:#333; font-weight:600; transition:color 0.4s;}
.new_product.new_module .sec_core ul li a dl dt:before{content:""; width:24px; height:24px; position:absolute; right:0; top:10px; z-index:1; background-size:100%; background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/jp/product/new_module_sec_core_icon_black.svg"); transition:background 0.4s;}
.new_product.new_module .sec_core ul li a dl dd{margin-top:30px; font-size:18px; font-weight:400; color:#fff; word-break:normal; opacity:0; transform:translateY(50px); transition:0.4s; letter-spacing:-0.5px;}
.new_product.new_module .sec_core ul li a i{position:absolute; left:44px; bottom:40px; transition:0.2s;}
.new_product.new_module .sec_core ul li a:hover{background-color:#2C7CD8;}
.new_product.new_module .sec_core ul li a:hover dl dt{color:#fff;}
.new_product.new_module .sec_core ul li a:hover dl dt:before{background-image:url("/resources/images/jp/product/new_module_sec_core_icon_white.svg");}
.new_product.new_module .sec_core ul li a:hover dl dd{opacity:1; transform:translateY(0);}
.new_product.new_module .sec_core ul li a:hover i{opacity:0;}
.new_product.new_module .sec_core[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_module .sec_core[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_module .sec_core[data-motion] ul{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product.new_module .sec_core[data-motion].active ul{transform:translateY(0); opacity:1;}

/* new_acm (automotive-camera-modules) */
.new_product.new_acm .sec_function {overflow: hidden;}
.new_product.new_acm .sec_function .inner {width: 100%; max-width: 1920px;}

.new_product.new_acm .sec_function .title_area {padding: 100px 0 80px 0; text-align: center;}
.new_product.new_acm .sec_function .title_area h3 {margin-bottom: 10px; font-size: 38px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_acm .sec_function .title_area strong {display: block; font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_acm .sec_function .title_area p {font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_acm .sec_function .title_area span {color: #2C7CD8;}
.new_product.new_acm .sec_function .title_area[data-motion] h3 {transition:0.7s; transform:translateY(60px); opacity: 0;}
.new_product.new_acm .sec_function .title_area[data-motion] strong {transition:0.7s 0.2s; transform:translateY(80px); opacity: 0;}
.new_product.new_acm .sec_function .title_area[data-motion] p {transition:0.7s 0.3s; transform:translateY(100px); opacity: 0;}
.new_product.new_acm .sec_function .title_area[data-motion].active h3,
.new_product.new_acm .sec_function .title_area[data-motion].active strong,
.new_product.new_acm .sec_function .title_area[data-motion].active p {transform:translateY(0); opacity: 1;}

.new_product.new_acm .sec_function .car_wrap {position: relative; width: 100%; height: 850px; overflow:hidden;}
.new_product.new_acm .sec_function .car_wrap::before,
.new_product.new_acm .sec_function .car_wrap::after {content: ''; position: absolute; top: 0; z-index: 100; height: 100%; background: #fff; transition: width 1s;}
.new_product.new_acm .sec_function .car_wrap::before {left: 0; transform-origin: right;}
.new_product.new_acm .sec_function .car_wrap::after {right: 0; transform-origin: left;}
.new_product.new_acm .sec_function .car_wrap[data-motion]::before,
.new_product.new_acm .sec_function .car_wrap[data-motion]::after {width: 450px;}
.new_product.new_acm .sec_function .car_wrap[data-motion].active::before,
.new_product.new_acm .sec_function .car_wrap[data-motion].active::after {width: 0;}
.new_product.new_acm .sec_function .car_wrap .bg {position: absolute; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; background-image:url("/resources/images/jp/product/acm_function_bg.jpg"); background-repeat: no-repeat; background-size: cover;}
.new_product.new_acm .sec_function .car_wrap .w1140 {position: relative; width: 1140px; height: 100%; margin: 0 auto;}

.new_product.new_acm .sec_function .btns_area .acm_btn{position: absolute; z-index: 1; display:flex; align-items:start; justify-content:center;}
.new_product.new_acm .sec_function .btns_area .acm_btn i{font-style:normal; position:relative; box-sizing: border-box; width: 29px; height: 29px; margin:0 12px 8px 8px; text-align: center; font-size: 18x; font-weight: 400; line-height: 30px; letter-spacing: -0.4px; color: #fff;}
.new_product.new_acm .sec_function .btns_area .acm_btn i::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 29px; height: 29px; border-radius: 50%; background: #666; transition: background 0.5s;}
.new_product.new_acm .sec_function .btns_area .acm_btn i::after {content: ''; position: absolute; top: 50%; left: 50%; z-index: -2; width: 45px; height: 45px; background: #666; border-radius: 50%; opacity: 0.5; animation: shrinkAndGrow 1s infinite alternate;}
.new_product.new_acm .sec_function .btns_area .acm_btn span{font-size:16px; color:#333; font-weight:600; letter-spacing:-0.5px; word-break:normal; margin-top:4px; line-height:1.2;}
.new_product.new_acm .sec_function .btns_area .acm_btn:hover i::before {background: #2C7CD8;}
.new_product.new_acm .sec_function .btns_area .acm_btn:hover span{color:#2C7CD8}
.new_product.new_acm .sec_function .btns_area .acm_btn.active i::before,
.new_product.new_acm .sec_function .btns_area .acm_btn.active i::after {background: #2C7CD8;}
.new_product.new_acm .sec_function .btns_area .acm_btn.active span{color:#2C7CD8}
.new_product.new_acm .sec_function .btns_area .acm_btn.single.num_4 {top: 100px; left: 192px;}
.new_product.new_acm .sec_function .btns_area .acm_btn.single.num_6 {top: 100px; left: 371px;}
.new_product.new_acm .sec_function .btns_area .acm_btn.single.num_3 {top: 100px; left: 569px;}
.new_product.new_acm .sec_function .btns_area .group.group_245 .acm_btn.num_2 {bottom: 185px; left: 317px;}
.new_product.new_acm .sec_function .btns_area .group.group_245 .acm_btn.num_4 {bottom: 135px; left: 317px;}
.new_product.new_acm .sec_function .btns_area .group.group_245 .acm_btn.num_5 {bottom: 85px; left: 317px;}
.new_product.new_acm .sec_function .btns_area .group.group_14 .acm_btn.num_1 {bottom: 135px; left: 753px;}
.new_product.new_acm .sec_function .btns_area .group.group_14 .acm_btn.num_4 {bottom: 85px; left: 753px;}
@keyframes shrinkAndGrow {0% {transform: translate(-50%, -50%) scale(0);} 100% {transform: translate(-50%, -50%) scale(0.9);}}

.new_product.new_acm .sec_function .info_area {box-sizing: border-box; position: absolute; top: 0; right: -450px; z-index: 3; width: 450px; height: 100%; padding: 60px 20px 40px 0; background: rgba(0, 0, 0, 0.70); transition: 0.3s;}
.new_product.new_acm .sec_function .info_area button{opacity:0; width:30px; height:30px; position:absolute; left:-50px; top:20px; font-size:0; text-indent:-9999px; transition:0.3s; background-image:url("/resources/images/jp/product/info_area_button_off.svg"); background-repeat: no-repeat; background-size: cover;}
.new_product.new_acm .sec_function .info_area button:hover{background-image:url("/resources/images/jp/product/info_area_button_on.svg");}
.new_product.new_acm .sec_function .info_area::after {content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 168px; background: linear-gradient(1deg, #383838 31.69%, rgba(56, 56, 56, 0.00) 99.57%); transition: opacity 0.3s; opacity: 1;}
.new_product.new_acm .sec_function .info_area.last::after {opacity: 0;}
.new_product.new_acm .sec_function .info_area.active {right: 0;}
.new_product.new_acm .sec_function .info_area.active button{opacity:1;}
.new_product.new_acm .sec_function .info_area > ul {box-sizing: border-box; overflow-y: auto; height: 100%; padding: 0 36px 0 60px;}
.new_product.new_acm .sec_function .info_area > ul::-webkit-scrollbar {width: 4px;}
.new_product.new_acm .sec_function .info_area > ul::-webkit-scrollbar-thumb {background: #2C7CD8; border-radius:20px;}
.new_product.new_acm .sec_function .info_area > ul::-webkit-scrollbar-track {background: rgba(204,204,204,0.15); border-radius:20px;}
.new_product.new_acm .sec_function .info_area > ul > li {padding: 60px 0; border-bottom: 1px solid rgba(217,217,217,0.3);}
.new_product.new_acm .sec_function .info_area > ul > li:first-child {padding-top: 0;}
.new_product.new_acm .sec_function .info_area > ul > li:last-child {padding-bottom: 0; border-bottom: none;}
.new_product.new_acm .sec_function .info_area > ul > li:last-child .img {margin-bottom: 0;}
.new_product.new_acm .sec_function .info_area .tit {display: flex; align-items: center; margin-bottom: 10px;}
.new_product.new_acm .sec_function .info_area .tit .acm_num {width: 30px; height: 30px; margin-right: 10px; background: #666; border-radius: 50%; text-align: center; font-weight: 700; line-height: 30px; color: #fff;}
.new_product.new_acm .sec_function .info_area .tit .acm_num.active {background: #2C7CD8;}
.new_product.new_acm .sec_function .info_area .tit h5  {font-size: 24px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.5; color: #fff;}
.new_product.new_acm .sec_function .info_area .txt li {position: relative; padding-left: 24px; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px; color: #fff;}
.new_product.new_acm .sec_function .info_area .txt li::before {content: ''; position: absolute; top: 12px; left: 10px; width: 4px; height: 4px; border-radius: 2px; background-color: #fff;}
.new_product.new_acm .sec_function .info_area .txt + .img {margin-top: 30px;}

.new_product.new_acm .sec_application {background: #fff;}
.new_product.new_acm .sec_bot_lineup{background:#f3f3f3;}

/* new_mcm (mobile-camera-modules) */
.new_product.new_mcm .sec_mcm_common .cnt_wrap {padding: 120px 0; border-bottom: 1px solid #ccc;}
.new_product.new_mcm .sec_mcm_common:nth-of-type(2) .cnt_wrap {padding-top: 100px;}
.new_product.new_mcm .sec_mcm_common:nth-of-type(7) .cnt_wrap {border-bottom: 0;}
.new_product.new_mcm .sec_mcm_common .title_area {text-align: center; margin-bottom: 40px;}
.new_product.new_mcm .sec_mcm_common .title_area h3 {margin-bottom: 40px; font-size: 38px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .title_area p {margin-bottom: 80px; font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.7px; word-break:normal;}
.new_product.new_mcm .sec_mcm_common .title_area[data-motion] h3 {transition: 0.7s; transform: translateY(60px); opacity: 0;}
.new_product.new_mcm .sec_mcm_common .title_area[data-motion] p {transition: 0.7s 0.2s; transform: translateY(80px); opacity: 0;}
.new_product.new_mcm .sec_mcm_common .title_area[data-motion] img {transition: 0.7s 0.3s; transform: translateY(100px); opacity: 0;}
.new_product.new_mcm .sec_mcm_common .title_area[data-motion].active h3,
.new_product.new_mcm .sec_mcm_common .title_area[data-motion].active p,
.new_product.new_mcm .sec_mcm_common .title_area[data-motion].active img {transform:translateY(0); opacity: 1;}

.new_product.new_mcm .sec_mcm_common .detail_area {margin-bottom: 80px;}
.new_product.new_mcm .sec_mcm_common .detail_area h5 {margin-bottom: 30px; font-size: 30px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .detail_area ul {border-top: 2px solid #ccc; display: flex; flex-wrap: wrap;}
.new_product.new_mcm .sec_mcm_common .detail_area li {display: flex; align-items: center; width: 50%; padding: 25px 0; border-bottom: 1px solid #F3F3F3;}
.new_product.new_mcm .sec_mcm_common .detail_area strong {min-width: calc(100% - 453px); font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .detail_area span {word-break:normal; font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .detail_area dl{border-top: 2px solid #ccc; display: flex; flex-wrap: wrap; border-bottom: 1px solid #F3F3F3;}
.new_product.new_mcm .sec_mcm_common .detail_area dl + dl{border-top:0;}
.new_product.new_mcm .sec_mcm_common .detail_area dl dt{width:120px; font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; padding: 25px 0;}
.new_product.new_mcm .sec_mcm_common .detail_area dl dd{width:510px; word-break:normal; font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px; padding: 25px 0;}


.new_product.new_mcm .sec_mcm_common .detail_area[data-motion] > div {transition: 0.7s; transform: translateY(60px); opacity: 0;}
.new_product.new_mcm .sec_mcm_common .detail_area[data-motion].active > div {transform: translateY(0); opacity: 1;}

.new_product.new_mcm .sec_mcm_common .tech_area h5 {margin-bottom: 30px; font-size: 30px; font-weight: 700; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .tech_area table.w100_border {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.new_product.new_mcm .sec_mcm_common .tech_area table .bl_none {border-left: none;}
.new_product.new_mcm .sec_mcm_common .tech_area table .bt_000 {border-top: 1px solid #000;}
.new_product.new_mcm .sec_mcm_common .tech_area table .bb_000 {border-bottom: 1px solid #000;}
.new_product.new_mcm .sec_mcm_common .tech_area table .bb_ccc {border-bottom: 1px solid #ccc;}
.new_product.new_mcm .sec_mcm_common .tech_area table th {font-size: 18px;}
.new_product.new_mcm .sec_mcm_common .tech_area table thead th {padding: 16px 20px; background: #f3f3f3; border-left: 1px solid #ccc; color: #333;}
.new_product.new_mcm .sec_mcm_common .tech_area table tbody th {padding: 16px 20px; background: #f3f3f3; border-bottom: 1px solid #ccc; color: #333;}
.new_product.new_mcm .sec_mcm_common .tech_area table tbody td {padding: 16px 20px; background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center;}
.new_product.new_mcm .sec_mcm_common .tech_area table tbody td:nth-of-type(1) {font-weight: 700;}
.new_product.new_mcm .sec_mcm_common .tech_area .unit {display: block; margin-top: 20px; text-align: right; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px; color: #666;}
.new_product.new_mcm .sec_mcm_common .tech_area[data-motion] > div {transition: 0.7s; transform: translateY(60px); opacity: 0;}
.new_product.new_mcm .sec_mcm_common .tech_area[data-motion].active > div {transform: translateY(0); opacity: 1;}

.new_product.new_mcm .sec_mcm_common .lineup_area table.w100_border {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.new_product.new_mcm .sec_mcm_common .lineup_area table .bl_none {border-left: none;}
.new_product.new_mcm .sec_mcm_common .lineup_area table thead th {padding: 18px 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .lineup_area table thead tr:first-child th {border-top: 0;}
.new_product.new_mcm .sec_mcm_common .lineup_area table tbody th {border-top: 1px solid #ccc; font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px;}
.new_product.new_mcm .sec_mcm_common .lineup_area table tbody td {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.new_product.new_mcm .sec_mcm_common .lineup_area table tbody button {display: block; width: 100%; padding: 12px; background: #ECEFF5; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px; transition: 0.3s; color: #2C7CD8;}
.new_product.new_mcm .sec_mcm_common .lineup_area table tbody button:hover{background: #2C7CD8; color: #fff;}
.new_product.new_mcm .sec_mcm_common .lineup_area[data-motion] > div {transition: 0.7s; transform: translateY(60px); opacity: 0;}
.new_product.new_mcm .sec_mcm_common .lineup_area[data-motion].active > div {transform: translateY(0); opacity: 1;}

.new_product.new_mcm .mcm_lineup_popup {display: none; position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; outline:none; }
.new_product.new_mcm .mcm_lineup_popup.show {display: block;}
.new_product.new_mcm .mcm_lineup_popup.show.motion .dim{opacity:1;}
.new_product.new_mcm .mcm_lineup_popup.show.motion .popup_cnt_wrap{opacity:1;}
.new_product.new_mcm .mcm_lineup_popup .dim{width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0, 0, 0, 0.70); backdrop-filter: blur(10px); display:block; z-index:1; opacity:0; transition:0.3s;}
.new_product.new_mcm .mcm_lineup_popup .popup_cnt_wrap {z-index:2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1140px; padding: 40px 30px; background-color: #fff; opacity:0; transition:0.3s;}
.new_product.new_mcm .mcm_lineup_popup .btn_close{position: absolute; top: 40px; right: 30px; width: 24px; height: 24px; background: #333; border-radius: 50%;}
.new_product.new_mcm .mcm_lineup_popup .btn_close span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 12px; height: 3px; border-radius: 4px; background: #fff;}
.new_product.new_mcm .mcm_lineup_popup .btn_close span:nth-of-type(1) {transform: translate(-50%, -50%) rotate(45deg);}
.new_product.new_mcm .mcm_lineup_popup .btn_close span:nth-of-type(2) {transform: translate(-50%, -50%) rotate(-45deg);}
.new_product.new_mcm .mcm_lineup_popup .popup_title {margin-bottom: 20px; font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.new_product.new_mcm .mcm_lineup_popup table tbody tr:first-child td:nth-of-type(1) {border-top: 1px solid #000 !important;}
.new_product.new_mcm .mcm_lineup_popup table tr:last-child th {border-bottom: 1px solid #000 !important;}
.new_product.new_mcm .mcm_lineup_popup .unit {display: block; margin-top: 20px; text-align: right; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.5px; color: #666;}

/* new_mct (main-core-technology) */
.new_product.new_mct #content{padding:100px 0 0;}
.new_product.new_mct .sec_mct_common + .sec_mct_common .inner{margin-top:120px; padding-top:120px; border-top:1px solid #ccc}
.new_product.new_mct .sec_mct_common .con + .con{margin-top:120px;}
.new_product.new_mct .sec_mct_common .con .box + .box{margin-top:80px;}
.new_product.new_mct .sec_mct_common h3{font-size:38px; color:#000; font-weight:600; text-align:center; line-height:1.5;}
.new_product.new_mct .sec_mct_common h3 + p.desc{margin-top:40px;}
.new_product.new_mct .sec_mct_common p.desc{padding:0; font-size:20px; color:#333; font-weight:400; text-align:center; line-height:1.5; word-break:normal; letter-spacing:-1px;}
.new_product.new_mct .sec_mct_common .img_area{margin:40px auto; border-radius:20px; overflow:hidden; background-color:#f3f3f3;}
.new_product.new_mct .sec_mct_common .img_area img{display:block;}
.new_product.new_mct .sec_mct_common .dl_list{margin:40px auto; display:flex; gap:57px;}
.new_product.new_mct .sec_mct_common .dl_list dl{border-top:2px solid #000; width:calc(33.333333% - 38px);}
.new_product.new_mct .sec_mct_common .dl_list dl dt{padding:12px 0; font-size:24px; color:#000; font-weight:600;}
.new_product.new_mct .sec_mct_common .dl_list dl dd{font-size:18px; color:#333; font-weight:400; letter-spacing:-1.5px;}
.new_product.new_mct .sec_mct_common .ol_list{margin:40px auto;}
.new_product.new_mct .sec_mct_common .ol_list ol{display:flex; flex-wrap:wrap; padding:25px 20px; gap:0; border-top:2px solid #333; border-bottom:1px solid #ccc;}
.new_product.new_mct .sec_mct_common .ol_list ol li{width:100%; padding-left:10px; position:relative; font-size:18px; color:#333; font-weight:400; box-sizing:border-box; word-break:normal;}
.new_product.new_mct .sec_mct_common .ol_list ol li + li{margin-top:3px;}
.new_product.new_mct .sec_mct_common .ol_list ol li:before{content:"-"; position:absolute; left:0; top:0;}
.new_product.new_mct .sec_mct_common .ol_list.grid4 ol{gap:115px;}
.new_product.new_mct .sec_mct_common .ol_list.grid4 ol li{width:auto; margin:0;}
.new_product.new_mct .sec_mct_common .img_list ul{display:flex; gap:45px; margin:40px auto 0;}
.new_product.new_mct .sec_mct_common .img_list ul li{width:calc(33.333333% - 30px); height:380px; border-radius:20px; background-color:#f3f3f3; position:relative;}
.new_product.new_mct .sec_mct_common .img_list ul li img{display:block; max-width:100%; width:100%;}
.new_product.new_mct .sec_mct_common .img_list ul li .txt{position:absolute; left:0; top:228px; width:100%;}
.new_product.new_mct .sec_mct_common .img_list ul li .txt dl{text-align:center;}
.new_product.new_mct .sec_mct_common .img_list ul li .txt dl dt{min-height:60px; font-size:20px; color:#000; font-weight:600; display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.new_product.new_mct .sec_mct_common .img_list ul li .txt dl dt span{width:100%; font-weight:400;}
.new_product.new_mct .sec_mct_common .img_list ul li .txt dl dd{margin-top:20px; font-size:18px; color:#000; font-weight:400;}
.new_product.new_mct .sec_mct_common .order_list ul{display:flex; gap:16px; margin:40px auto 0;}
.new_product.new_mct .sec_mct_common .order_list ul li{width:calc(25% - 12px); height:380px; border-radius:20px; background-color:#f3f3f3; position:relative;}
.new_product.new_mct .sec_mct_common .order_list ul li img{display:block; max-width:100%; width:100%;}
.new_product.new_mct .sec_mct_common .order_list ul li:before{z-index:2; position:absolute; right:-24px; top:50%; transform:translateY(-50%); content:""; width:36px; height:36px; background:url("/resources/images/jp/product/mct_order_list_arrow.svg")no-repeat center / cover;}
.new_product.new_mct .sec_mct_common .order_list ul li .txt{position:absolute; left:0; top:200px; width:100%;}
.new_product.new_mct .sec_mct_common .order_list ul li:last-child:before{display:none;}
.new_product.new_mct .sec_mct_common .order_list ul li .txt dl{text-align:center;}
.new_product.new_mct .sec_mct_common .order_list ul li .txt dl dt{font-size:20px; color:#000; font-weight:600;}
.new_product.new_mct .sec_mct_common .order_list ul li .txt dl dd{margin-top:10px; font-size:18px; color:#000; font-weight:400; padding:0 20px; word-break:normal;}
.new_product.new_mct .sec_mct_common .bot_desc{margin-top:-32px;}
.new_product.new_mct .sec_mct_common .bot_desc.right{text-align:right;}
.new_product.new_mct .sec_mct_common .bot_desc p{font-size:16px; color:#2C7CD8; font-weight:400;}
.new_product.new_mct .sec_mct_common .bot_desc p span{color:#333;}
.new_product.new_mct .sec_mct_common .table_wrap{margin:40px auto; border-top:1px solid #000; border-bottom:1px solid #000;}
.new_product.new_mct .sec_mct_common .table_wrap table{width:100%;}
.new_product.new_mct .sec_mct_common .table_wrap table tr{border-bottom:1px solid #ccc;}
.new_product.new_mct .sec_mct_common .table_wrap table tr th{height:62px; padding:15px 10px; font-size:18px; color:#000; font-weight:600; text-align:center; background-color:#f3f3f3; border-right:1px solid #ccc; box-sizing:border-box;}
.new_product.new_mct .sec_mct_common .table_wrap table tr th:last-child{border-right:0;}
.new_product.new_mct .sec_mct_common .table_wrap table tr td{border-right:1px solid #ccc; font-size:16px; color:#000; font-weight:400; text-align:center; padding:15px 10px; height:57px; box-sizing:border-box;}
.new_product.new_mct .sec_mct_common .table_wrap table tr td.acc{background-color:#ECEFF5; color:#2C7CD8;}
.new_product.new_mct .sec_mct_common .table_wrap table tr td:last-child{border-right:0;}
.new_product.new_mct .sec_mct_common .table_wrap table tbody tr:last-child{border-bottom:0;}
.new_product.new_mct .sec_mct_common .video_area{width:100%; height:640px;}
.new_product.new_mct .sec_mct_common .video_area iframe{width:100%; height:100%;}
.new_product.new_mct .sec_mct_common .box[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] p{transition:0.7s 0.2s; transform:translateY(60px); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .img_area{transition:0.7s 0.3s; transform:translateY(100px); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .img_list{transition:0.7s 0.3s; transform:translateY(50%); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .order_list{transition:0.7s 0.3s; transform:translateY(50%); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .dl_list{transition:0.7s 0.4s; transform:translateY(50%); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .ol_list{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .table_wrap{transition:0.7s; transform:translateY(100px); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .bot_desc{transition:0.7s 0.2s; transform:translateY(100%); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion] .video_area{transition:0.7s; transform:translateY(100px); opacity:0;}
.new_product.new_mct .sec_mct_common .box[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active p{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .img_area{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .img_list{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .order_list{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .dl_list{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .ol_list{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .table_wrap{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .bot_desc{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_mct_common .box[data-motion].active .video_area{transform:translateY(0); opacity:1;}
.new_product.new_mct .sec_bot_lineup{background:#f3f3f3; margin-top:120px;}

/* new_package */
.new_product.new_package .sec_list{padding:120px 0; background:#ECEFF5;}
.new_product.new_package .sec_list ul{margin-top:40px; display:flex; gap:24px; flex-wrap:wrap;}
.new_product.new_package .sec_list ul li{width:calc(50% - 12px); height:330px; overflow:hidden; border-radius:20px;}
.new_product.new_package .sec_list ul li a{display:block; height:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; outline-offset:-2px; overflow:hidden; border-radius:20px; transition:background 0.3s;}
/* .new_product.new_package .sec_list ul li a:before{content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 147, 219, 0.23) 57.5%, rgba(0, 53, 156, 0.60) 100%); transition:0.5s; opacity:0;} */
.new_product.new_package .sec_list ul li:nth-of-type(1) a{background-image:url("/resources/images/jp/product/new_package_sec_list_bg01_off.png");}
.new_product.new_package .sec_list ul li:nth-of-type(2) a{background-image:url("/resources/images/jp/product/new_package_sec_list_bg02_off.png");}
.new_product.new_package .sec_list ul li:nth-of-type(3) a{background-image:url("/resources/images/jp/product/new_package_sec_list_bg03_off.png");}
.new_product.new_package .sec_list ul li:nth-of-type(4) a{background-image:url("/resources/images/jp/product/new_package_sec_list_bg04_off.png");}
.new_product.new_package .sec_list ul li .txt_area{position:absolute; left:0; bottom:-90px; padding:40px; width:100%; box-sizing:border-box; transition:bottom 0.4s;}
.new_product.new_package .sec_list ul li:nth-of-type(1) .txt_area{bottom:-115px}
.new_product.new_package .sec_list ul li:nth-of-type(2) .txt_area{bottom:-65px}
.new_product.new_package .sec_list ul li .txt_area dl dt{font-size:30px; color:#333; font-weight:600; transition:0.3s;}
.new_product.new_package .sec_list ul li .txt_area dl dd{font-size:18px; color:#fff; font-weight:400; margin-top:15px; line-height:25px; opacity:0;}
/* .new_product.new_package .sec_list ul li a:hover:before{opacity:1;} */
.new_product.new_package .sec_list ul li:nth-of-type(1) a:hover{background-image:url("/resources/images/jp/product/new_package_sec_list_bg01_on.png");}
.new_product.new_package .sec_list ul li:nth-of-type(2) a:hover{background-image:url("/resources/images/jp/product/new_package_sec_list_bg02_on.png");}
.new_product.new_package .sec_list ul li:nth-of-type(3) a:hover{background-image:url("/resources/images/jp/product/new_package_sec_list_bg03_on.png");}
.new_product.new_package .sec_list ul li:nth-of-type(4) a:hover{background-image:url("/resources/images/jp/product/new_package_sec_list_bg04_on.png");}
.new_product.new_package .sec_list ul li a:hover .txt_area{bottom:0;}
.new_product.new_package .sec_list ul li a:hover .txt_area dl dt{color:#fff;}
.new_product.new_package .sec_list ul li a:hover .txt_area dl dd{opacity:1; transition:opacity 0.3s 0.3s;}
.new_product.new_package .sec_list[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_package .sec_list[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_package .sec_list[data-motion] ul{transition:0.7s 0.2s; transform:translateY(100px); opacity:0;}
.new_product.new_package .sec_list[data-motion].active ul{transform:translateY(0); opacity:1;}

/* new_fccsp */
.new_product.new_fccsp .sec01{padding:120px 0; background:url("/resources/images/jp/product/fccsp_sec01_bg.jpg")no-repeat center / cover}
.new_product.new_fccsp .sec01[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_fccsp .sec01[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_fccsp .sec02{padding:120px 0;}
.new_product.new_fccsp .sec02[data-motion] .inner > h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_fccsp .sec02[data-motion].active .inner > h3{transform:translateY(0); opacity:1;}
.new_product.new_fccsp .sec02 .img_txt_box{margin-top:40px;}
.new_product.new_fccsp .sec02 .img_txt_box + .img_txt_box{margin-top:80px;}
.new_product.new_fccsp .sec02 .substrate_table{margin-top:120px; }

/* new_wbcsp */
.new_product.new_wbcsp .sec01{margin:120px 0;}

/* new_wbcsp */
.new_product.new_sip .sec01{padding:120px 0 180px; background:url("/resources/images/jp/product/sip_sec01_bg.jpg")no-repeat center / cover}
.new_product.new_sip .sec01[data-motion] h3{transition:0.7s; transform:translateY(60px); opacity:0;}
.new_product.new_sip .sec01[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_product.new_sip .sec02{margin:120px auto 200px;}

/* new_fccsp */
.new_product.new_fcbga .sec01{margin-bottom:120px;}
.new_product.new_fcbga .sec01 .substrate_table .table_wrap table tr td{position:relative; background:none;}
.new_product.new_fcbga .sec01 .substrate_table .table_wrap table tr td.bg_blue:before{content:""; min-width:68px; width:100%; height:4px; background-color:#2C7CD8; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.new_product.new_fcbga .sec01 .substrate_table .table_wrap table tr td.bg_gray:before{content:""; min-width:68px; width:100%; height:4px; background-color:#666; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.new_product.new_fcbga .sec01 .substrate_table .top_txt .right span:before{height:4px;}
.new_product.new_fcbga .sec01 .substrate_table .top_txt .right span.bg_blue:before{background-color:#2C7CD8}
.new_product.new_fcbga .sec01 .substrate_table .top_txt .right span.bg_gray:before{background-color:#666}



/**** 개편전 css (적용분야) ****/
/* product - common */
.product .basic_table2{letter-spacing:-0.25px;}
.product .basic_table2 thead th{font-weight:400;}
.product .basic_table2 tbody td strong{font-weight:600;}
.product .section{width:100%; margin-bottom:120px;}
.product .sec_inner{width:1140px; margin:0 auto 80px;}
.product .inner_cont{width:1140px; margin:0 auto 80px;}
.product .section.last, .product .section .last{margin-bottom:0px;}
.product .full{width:100%;}
.product .full.bg{padding:60px 0; background:#f3f3f3;} /* full bg영역 */
.product .section .full_wrap{width:1140px; margin:0 auto;} /* full div안에 center정렬 */

.product h3{padding-bottom:0; margin-bottom:20px; font-size:34px; font-weight:400; color:#000;}
.product h3.txt_normal{font-weight:400;}
.product h3:after{display:none;}
.product h3 span{font-size:30px;}
.product h4{margin-bottom:20px; font-size:30px; font-weight:400; color:#000;}
.product .sec_tit{margin-bottom:10px; font-size:20px; font-weight:400; color:#000;}
.product .sec_txt{margin-bottom:20px;}

.product .tooltip_wrap{position:relative; margin-bottom:30px;}
.product .tooltip_wrap .pop_tip{display:none;position:absolute;left:80px;top:-50px;padding-bottom:8px;background:url(/resources/images/jp/common/bg_tooltip_arrow.png) 33px bottom no-repeat;}
.product .tooltip_wrap .pop_tip span{display:block;padding:8px 20px;font-size:13px;color:#fff;background-color:#888;}
.product .tooltip_wrap .btn:focus + .pop_tip,
.product .tooltip_wrap .btn:hover + .pop_tip{display:block;}

/* @product - sec_tit 좌/우 2개일때 */
.product .tit_wrap{overflow:hidden;}
.product .tit_wrap .sec_tit{float:left;}
.product .tit_wrap .sec_tit:first-child{width:480px;}

/* tbl_list_wrap */
.product .tbl_list_wrap{overflow:hidden; margin-bottom:20px;}
.product .tbl_list_wrap .left{float:left;}
.product .tbl_list_wrap h5{float:left; margin-bottom:0;}
.product .tbl_list_wrap.type1 h5{float:none; margin-bottom:20px;}
.product .tbl_list_wrap.type1 .sub_txt{overflow:hidden;}
.product .tbl_list_wrap.type1 strong{font-weight:400;}
.product .tbl_list_wrap .tbl_list{float:right;}
.product .tbl_list_wrap .tbl_list > span{display:inline-block; vertical-align:middle; height:16px; margin-left:30px; line-height:1; font-size:16px;}
.product .tbl_list_wrap .tbl_list > span:before{display:inline-block; vertical-align:top; width:20px; height:20px; margin-right:10px; content:"";}
.product .tbl_list_wrap .tbl_list > span:first-child{margin-left:0;}
.product .tbl_list_wrap .tbl_list span.first:before{background-color:#005d9d; content:"";}
.product .tbl_list_wrap .tbl_list span.second:before{background-color:#636a72; content:"";}

/* product_list */
.product .product_list{border-top:2px solid #000;border-bottom:1px solid #000;}
.product .product_list > li{padding:30px 0 5px 20px;border-top:1px solid #ccc;}
.product .product_list > li:first-child{border-top:none;}
.product .product_list li .tit{margin-bottom:35px;font-size:20px;color:#000;font-weight:400;}
.product .product_list li .tit .label{display:inline-block;margin-right:15px;width:30px;height:30px;line-height:30px; color:#fff;text-align:center;border-radius:2px;}
.product .product_list li .tit .label.type1{background-color:#0ea4b2;}
.product .product_list li .tit .label.type2{background-color:#f55e4e;}
.product .product_list li .tit .label.type3{background-color:#00bd74;}
.product .product_list li .tit .label.type4{background-color:#222;}
.product .product_list li .tit .label.type5{background-color:#cd2aa9;}
.product .product_list li .tit .label.type6{background-color:#8966e4;}
.product .product_list li .tit .label.type7{background-color:#f5a026;}
.product .product_list li .list{overflow:hidden;}
.product .product_list li .list li{overflow:hidden; display:table; float:left; width:372px; padding-bottom:25px;}
.product .product_list li .list li a{display:block;}
.product .product_list li .list li .img{overflow:hidden; display:table-cell; padding-right:15px; width:100px; height:100px; vertical-align:middle;}
.product .product_list li .list li .txt{display:table-cell; vertical-align:middle;}
.product .product_list li .list li a:focus .txt,
.product .product_list li .list li a:hover  .txt{color:#2C7CD8;}
.product .product_list li .list li a:focus .txt span,
.product .product_list li .list li a:hover .txt span{color:#2C7CD8;}
.product .product_list li .list li a .txt{color:#000; font-weight:600;}
.product .product_list li .list li a .txt span{display:block; font-size:14px; color:#666; font-weight:400;}

.product .full_section .sec_inner{width:1140px;margin:0 auto 80px;}
.product .full_section .sec_inner.last{margin:0 auto;}

/* full_section bg */
.product .full_section{padding:60px 0;background-color:#f3f3f3;}

/* @product 적용분야 : 하나 일때 */
.product .field_wrap{overflow:hidden;margin-bottom:30px;}
.product .field_wrap dt{float:left; padding-right:20px; margin-right:20px; background:url(/resources/images/jp/common/bg_bar_black.gif) right center no-repeat; color:#2C7CD8;}
.product .field_wrap dd{float:left;}

/* 프로덕트 서치 버튼 */
.product .btn_prd{margin-bottom: 30px; text-align: left;}
.product .btn_prd .btn::after{display:inline-block !important;}

/* @product 적용분야 : 하나 이상 일때 */
.product .field_area{overflow:hidden; margin-bottom:20px;}
.product .field_area .field_wrap{float:left; margin-right:70px; margin-bottom:10px;}

/* dic_wrap */
.product .dic_wrap{margin-bottom:60px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.product .dic_wrap dt{margin-bottom:18px;font-size:30px;color:#2C7CD8;}

/* info_box */
.product .info_box{overflow:hidden; padding:40px; background-color:#fff;}
.product .info_box .img{float:left;}
.product .info_box .list{overflow:hidden; float:right; width:422px;}
.product .info_box dl.list > dt,
.product .info_box .list .info_tit{display:block; font-size:20px; letter-spacing:-0.25px; color:#333;}
.product .info_box dl.list dt{margin-bottom:5px;}
.product .info_box dl.list > dd{margin-bottom:40px; color:#666;}
.product .info_box .list .last{margin-bottom:0;}
.product .info_box.bg_gray{background-color:#f3f3f3;}

/* content padding 없애기 */
.module #content,
.substrate #content,
.technical.view #content,
.component #content{padding-bottom:0;}/* 컴포넌트 */


/* product - application */
.application .section h3{width:1140px; margin:0 auto 20px;}

/* product - application [automotive] */
.automotive .full_section{padding:80px 0;background-color:#f3f3f3;}
.automotive .box_area{padding:45px; text-align:center; background-color:#f3f3f3;}
.automotive .box_area .point{padding-top:20px; font-size:20px; color:#2C7CD8;}
.automotive .sec_tit{margin-bottom:10px;font-size:20px;color:#000;}
.automotive .sec_tit.strong { font-weight:600; }
.automotive .sec_txt{margin-bottom:33px;}
.automotive .half_area{overflow:hidden; display:table; width:100%;}
.automotive .half_area > div{display:table-cell; vertical-align:middle;}
.automotive .half_area .img{width:550px;}
.automotive .half_area .info_area{width:590px; padding:0 0 0 60px; box-sizing:border-box;}
.automotive .half_area.type1 .info_area{padding:0 60px 0 0;}
.automotive .half_area .info_area .txt_area{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc}
.automotive .half_area .info_area .txt_area dt{margin-bottom:10px;font-size:20px;color:#000;}
.automotive .dot_list li{padding-left:15px; margin-bottom:6px; background:url(/resources/images/jp/common/bg_list_dot_blue.gif) left 6px no-repeat;}
.automotive .feature_area{padding:60px 40px; background-color:#f3f3f3; text-align:center;}
.automotive .feature_area h4{display:inline-block; margin-bottom:40px; padding-bottom:8px; border-bottom:2px solid #000; font-size:28px; color:#000;}
.automotive .feature_area .list{overflow:hidden;}
.automotive .feature_area .list li{float:left; margin-left:26px; padding-top:157px; width:152px; font-size:17px; color:#000;}
.automotive .feature_area .list li:first-child{margin-left:0;}
.automotive .feature_area .list li span{display:block; font-size:14px; font-weight:400;}
.automotive .feature_area .list li.icon_01{width:170px; background:url(/resources/images/jp/product/icon_automotive_01.jpg) center top no-repeat;}
.automotive .feature_area .list li.icon_02{background:url(/resources/images/jp/product/icon_automotive_02.jpg) center top no-repeat;}
.automotive .feature_area .list li.icon_03{background:url(/resources/images/jp/product/icon_automotive_03.jpg) center top no-repeat;}
.automotive .feature_area .list li.icon_04{background:url(/resources/images/jp/product/icon_automotive_04.jpg) center top no-repeat;}
.automotive .feature_area .list li.icon_05{background:url(/resources/images/jp/product/icon_automotive_05.jpg) center top no-repeat;}
.automotive .feature_area .list li.icon_06{background:url(/resources/images/jp/product/icon_automotive_06.jpg) center top no-repeat;}
.automotive .feature_area.type1 .list{width:676px; margin:0 auto;}
.automotive .feature_area.type1 .list li{margin:0 20px; width:185px;}
.automotive .feature_area.type1 .list li.icon_01{background:url(/resources/images/jp/product/icon_automotive_07.jpg) center top no-repeat;}
.automotive .feature_area.type1 .list li.icon_02{background:url(/resources/images/jp/product/icon_automotive_08.jpg) center top no-repeat;}
.automotive .feature_area.type1 .list li.icon_03{background:url(/resources/images/jp/product/icon_automotive_09.jpg) center top no-repeat;}
.automotive .feature_area.type2 .list{width:696px; margin:0 auto;}
.automotive .feature_area.type2 .list li{margin:0 20px; width:190px;}
.automotive .feature_area.type2 .list li.icon_01{background:url(/resources/images/jp/product/icon_automotive_10.jpg) center top no-repeat;}
.automotive .feature_area.type2 .list li.icon_02{background:url(/resources/images/jp/product/icon_automotive_11.jpg) center top no-repeat;}
.automotive .feature_area.type2 .list li.icon_03{background:url(/resources/images/jp/product/icon_automotive_12.jpg) center top no-repeat;}

.automotive .enabling_area { background-image:url(/resources/images/jp/product/automotive_img_01.jpg); background-repeat:no-repeat; background-position:left top; height:600px; position:relative; }
.automotive .enabling_area * { color:#fff; }
.automotive .enabling_area .enabling_list { position:absolute; }
.automotive .enabling_area .enabling_list.adas { top:45px; left:60px; }
.automotive .enabling_area .enabling_list.ivi { top:45px; right:60px; }
.automotive .enabling_area .enabling_list.body_chassis { bottom:55px; left:60px; }
.automotive .enabling_area .enabling_list.ev { bottom:55px; right:60px; }
.automotive .enabling_area .enabling_list .title { font-size:24px; line-height:1; }
.automotive .enabling_area .enabling_list ul { width:130px; margin-top:10px; }
.automotive .enabling_area .enabling_list ul li { margin-top:10px; border-bottom:1px solid rgba(255,255,255,0.5); }
.automotive .enabling_area .enabling_list ul li:first-child { margin-top:0; }
.automotive .enabling_area .enabling_list ul li a { display:block; height:30px; line-height:30px; background-image: url(/resources/images/jp/common/btn_arrow_ico_w.png); background-repeat:no-repeat; background-position:right center; }
.automotive .enabling_area .enabling_list.adas ul li a.on { color:#008ef0; }
.automotive .enabling_area .enabling_list.ivi ul li a.on { color:#df4acf; }
.automotive .enabling_area .enabling_list.body_chassis ul li a.on { color:#02bbda; }
.automotive .enabling_area .enabling_list.ev ul li a.on { color:#92d050; }
.automotive .enabling_area .dot { overflow:hidden; position:absolute; display:inline-block; box-sizing:border-box; width:12px; height:12px; border-radius:100%; border:2px solid #fff; text-indent:-9999px; }
.automotive .enabling_area .dot.on { -webkit-box-shadow: 0px 0px 5px 2px rgba(0,222,255,1); -moz-box-shadow: 0px 0px 5px 2px rgba(0,222,255,1); box-shadow: 0px 0px 5px 2px rgba(0,222,255,1); }
.automotive .enabling_area .dot.adas { background:#005d9d; }
.automotive .enabling_area .dot.adas.scc { top:358px; left:352px; }
.automotive .enabling_area .dot.adas.nvs { top:350px; left:325px; }
.automotive .enabling_area .dot.adas.lidar { top:342px; left:299px; }
.automotive .enabling_area .dot.ivi { background:#df4acf; }
.automotive .enabling_area .dot.ivi.head_unit { top:226px; right:547px; }
.automotive .enabling_area .dot.ivi.hud { top:206px; right:480px; }
.automotive .enabling_area .dot.ivi.tcu { top:169px; right:436px; }
.automotive .enabling_area .dot.body_chassis { background:#02bbda; }
.automotive .enabling_area .dot.body_chassis.lighting { bottom:264px; left:511px; }
.automotive .enabling_area .dot.body_chassis.eps { bottom:305px; left:544px; }
.automotive .enabling_area .dot.body_chassis.bau { bottom:286px; left:575px; }
.automotive .enabling_area .dot.ev { background:#92d050; }
.automotive .enabling_area .dot.ev.obc { bottom:338px; right:273px; }
.automotive .enabling_area .dot.ev.bms { bottom:227px; right:378px; }
.automotive .enabling_area .dot.ev.inverter { bottom:324px; right:640px; }
.automotive .enabling_area .line_area img { display:none; }
.automotive .enabling_area .line_area img.none { display:block; }
.automotive .product_search { overflow:hidden; }
.automotive .product_search > li { width:274px; box-sizing:border-box; border:1px solid #ccc; float:left; margin-left:14px; }
.automotive .product_search > li:first-child { margin-left:0; }
.automotive .product_search > li .inner { height:159px; box-sizing:border-box; padding:15px 20px 0 20px; }
.automotive .product_search > li .inner p { color:#000; font-weight:600; letter-spacing:-0.85px; line-height:20px; }
.automotive .product_search > li .inner .dot_list { margin-top:10px; }
.automotive .product_search > li .btn { position:relative; width:100%; padding:0 20px; font-weight:600; text-align:left; height:60px; line-height:60px; background:#f3f2f2; color:#000; }
.automotive .product_search > li .btn:hover { background:#142985; color:#fff; }
.automotive .product_search > li .btn:after { background-image: url(/resources/images/jp/product/ico_prdt_search_g.png); width:23px; height:23px; margin-top:0; margin-left:0; position:absolute; top:50%; right:20px; margin-top:-11.5px; }
.automotive .product_search > li .btn:hover:after { background-image: url(/resources/images/jp/product/ico_prdt_search_w.png); }
.automotive .product_search .dot_list li { letter-spacing:-0.5px; }
.popup_wrap.automotive .pop_inner_wrap { width:1040px; height:561px; top:50%; margin-top:-280px; }
.popup_wrap.automotive .pop_inner { padding:20px 30px 0; }
.popup_wrap.automotive .pop_close_btn { background:url(/resources/images/jp/common/pop_close_b.png) no-repeat center; width:25px; height:25px; top:30px; right:30px; }
.popup_wrap.automotive .pop_tit:after { display:none; }
.popup_wrap.automotive .tit_wrap { border-bottom:1px solid #ccc; text-align:left; }
.popup_wrap.automotive .tit_wrap .pop_tit { font-size:34px; padding:0; border:none; margin-bottom:10px; }
.popup_wrap.automotive.adas .tit_wrap .pop_tit { color:#005d9d; }
.popup_wrap.automotive.body_chassis .tit_wrap .pop_tit { color:#028BC8; }
.popup_wrap.automotive.ivi .tit_wrap .pop_tit { color:#df4acf; }
.popup_wrap.automotive.ev .tit_wrap .pop_tit { color:#49995F; }
.popup_wrap.automotive .tit_wrap .pop_sub_tit { font-size:20px; color:#000; margin-bottom:10px; font-weight:600; }
.popup_wrap.automotive .tit_wrap .pop_sub_tit span { font-size:16px; color:#666; margin-bottom:10px; font-weight:400; }