@charset "utf-8";


/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select {padding:0;margin:0;}
body {font-family:Arial; font-size:12px;color:#222; font-weight:400;}
h1, h2, h3, h4, h5, h6,input {font-family:Arial; font-size:100%;color:#222; font-weight:400;}
fieldset, img, button {border:0;}
img, input, button {vertical-align:top;}
table {border-collapse:collapse; word-break:break-all;}
address, em {font-style:normal;}
ol, ul {list-style:none;}
hr {display:none;}
a {text-decoration:none;color:#222;}
a:hover, a:focus {text-decoration:none;}
legend {position:absolute;left:-9999px;top:0;}
caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button {background:none;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
sup {font-size:14px;}
legend, caption {display:block;overflow:hidden;position:absolute;left:0;top:-1000em;}
.blind {display:block;overflow:hidden;position:absolute;left:0;top:0;width:1;height:1;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;}
input, button{font-family:Arial;}


/* common */
body{background:#f7f7f7;}
.contents{width:1240px; margin:60px auto 160px;}
.pdf_contents{padding:30px 38px; margin-bottom:20px; background:#fff; border:1px solid #e2e2e2;}
.con_header{position:relative; height:77px;}
.con_header h1{display:inline-block; margin-right:27px; vertical-align:middle;}
.con_header .txt1{display:inline-block; font-size:26px;  vertical-align:middle;  letter-spacing:-1px; color:#222222;}
.con_header .txt1 span{margin-right:7px; font-size:18px;}
.con_header .mark{position:absolute; right:0; top:0; width:74px;}
.container h2{margin-bottom:29px; font-size:38px; text-align:center; line-height:1em; color:#0c4ca3;}
.container h2 span{position:relative; display:inline-block; padding-bottom:2px;}
.container h2 span:after{position:absolute; left:0; bottom:0; width:100%; height:2px; background:#0c4ca3; content:"";}
.container h2 .notice_pre_mass{margin-top: 13px; font-size: 15px; color:#0079cc; text-align: center; line-height: 1;}
.container .section{margin-bottom:40px;}
.container .section h3{margin-bottom:10px; font-size:24px;}
.container .spec_sec table{width:100%; border:1px solid #d6d6d6; border-collapse: collapse;}
.container .spec_sec table th, .container .spec_sec table td{padding:20px 0; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-size:14px; font-weight:normal; text-align:center;}
.container .spec_sec table th{background:#eff6ff;}
.container .spec_sec table th:first-child{font-size:16px; background:#f3f3f3; color:#444;}
.container .chart_sec .inner{overflow:hidden; height:1160px; padding:40px 0 0 120px; margin-bottom:30px; background:#f7f7f7;}
.container .chart_sec .inner p.data_none{padding-top:550px;font-size:30px; color:#bababa; text-align:center;}
.container .chart_sec .chart_area{float:left; width:420px; height:350px; margin-bottom:40px; text-align: center;}
.container .chart_sec .chart_area.odd{margin-right:80px;}
.container .desc{padding:10px 0 10px 150px; margin-bottom:20px; background:url(/resources/images/common/datasheet_desc_ico.png) 86px 50% no-repeat; font-size:14px; line-height:22px;}
.con_footer{position:relative; font-size:12px; text-align:center; color:#666;}
.con_footer .created{color:#444; text-align:right;}
.con_footer .date dt, .con_footer .date dd{display:inline-block;}
.con_footer .copy{margin-top:10px;}
.bottom_area{text-align:center;}
.bottom_area a{display:inline-block; padding:15px 35px; background:#315693; font-size:16px; color:#fff;}
.chart_area .layer_chart {border: 1px solid #d6d6d6; background-color: #fff;}
.chart_area .chart_label {height: 30px; padding-right: 10px; line-height: 30px;}
.chart_area .chart_label {text-align: right;}
.chart_area .chart_label li {display: inline-block; margin-left: 8px;}
.chart_area .chart_label li:first-child {margin-left: 0;}
.chart_area .chart_legend .chip {display: inline-block; position: relative; width: 10px; height: 10px; vertical-align: middle;}
.chart_area .chart_legend .parts_name {font-size: 14px; vertical-align: middle;}
.chart_area .canvas_wrap {display: inline-block; width: 95%; height: 277px;}
.chart_area .chart_info {margin-top: 10px; font-size: 16px; color: #0c4ca3;}
.chart_area .chart_info .tit_main {font-weight: 600;}

#pdfContents p.desc{display:none;}
#pdfContents .footer{display:none;}
#pdfContents2{display:none;}
#pdfContents2 .container .chart_sec .inner{min-height:1385px;}


/* quick_menu */
.quick_menu{position:absolute; right:0; top:130px; z-index:100; display:flex; align-items:end; flex-direction:column; gap:10px;}
.quick_menu .dim{content:""; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1; background:rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:0.45s;}
.quick_menu .dim.active{opacity:1; visibility:visible;}
.quick_menu a.quick_btn{width:60px; height:180px; border-radius:20px 0 0 20px; background:#2c7cd8; padding:16px 0; writing-mode:vertical-lr; box-sizing:border-box; display:flex; align-items:center; position:relative; font-size:18px; color:#fff; font-weight:500; line-height:1.5; letter-spacing:-0.5px; transition:0.35s;}
.quick_menu a.quick_btn:before{content:""; width:20px; height:20px; position:absolute; left:50%; bottom:16px; transform:translateX(-50%);}
.quick_menu a.quick_btn.down:before{background:url(/resources/images/common/quick_down_ico.png)no-repeat center / 100%;}
.quick_menu a.quick_btn.arrow:before{background:url(/resources/images/common/quick_arrow_ico.png)no-repeat center / 100%;}
.quick_menu a.quick_btn:hover{background:#043285; box-shadow:0 4px 20px 0 rgba(0,0,0,0.25);}
.quick_menu .box_area{position:relative; z-index:1; display:flex; align-items:start; transform:translateX(470px); transition:transform 0.45s;}
.quick_menu .box_area .info_area{background:#fff; width:440px; padding:40px 30px; border-radius:0 20px 20px 20px; box-sizing:border-box; margin-right:30px;}
.quick_menu .box_area .info_area .info_box + .info_box{margin-top:40px;}
.quick_menu .box_area .info_area .info_box h3.subject{margin-bottom:11px; font-size:28px; color:#000; letter-spacing:-1.2px;}
.quick_menu .box_area .info_area .data_download:after{display:block; clear:both; content:"";}
.quick_menu .box_area .info_area .data_download>li{margin-top:5px;}
.quick_menu .box_area .info_area .data_download>li:first-child{margin-top:0;}
.quick_menu .box_area .info_area .data_download .btn{display:block; position:relative; width:100%; height:80px; padding-left:78px; background-color:#043285; font-size:18px; line-height:80px; color:#fff; box-sizing:border-box;}
.quick_menu .box_area .info_area .data_download .btn:after{display:block; position:absolute; top:50%; right:21px; width:7px; height:13px; margin-top:-7px; background:url(/resources/images/common/search_common_ico.png) -500px -200px no-repeat; content:"";}
.quick_menu .box_area .info_area .data_download .btn_inner{display:block; position:absolute; top:50%; left:0; width:78px; height:40px; margin-top:-20px; text-align:center; line-height:1;}
.quick_menu .box_area .info_area .data_download .btn_inner:before{display:inline-block; background-image:url(/resources/images/common/search_common_ico.png); background-repeat:no-repeat; content:"";}
.quick_menu .box_area .info_area .data_download .btn.specsheet .btn_inner:before{width:37px; height:40px; background-position:0 -300px;}
.quick_menu .box_area .info_area .data_download .btn.datasheet .btn_inner:before{width:37px; height:40px; background-position:-100px -300px;}
.quick_menu .box_area .info_area .data_download .btn.s2p .btn_inner:before{width:43px; height:40px; background-position:-200px -300px;}
.quick_menu .box_area .info_area .data_download .btn.snapmagic{padding-left:16px; font-size:16px; letter-spacing:-0.5px; background:radial-gradient(94.29% 127.31% at 50% 50%, #0D2C54 0%, #091727 100%);}
.quick_menu .box_area .info_area .data_download .btn.snapmagic i{margin-right:8px; display:inline-block; vertical-align:middle; line-height:normal;}
.quick_menu .box_area .info_area .recmmd_list>li{margin-top:5px;}
.quick_menu .box_area .info_area .recmmd_list>li:first-child{margin-top:0;}
.quick_menu .box_area .info_area .recmmd_list .btn{display:block; position:relative; width:100%; height:60px; padding-left:21px; background-color:#f2f2f2; font-size:18px; color:#000; line-height:1; box-sizing:border-box;}
.quick_menu .box_area .info_area .recmmd_list .btn:before{display:inline-block; width:0; height:100%; vertical-align:middle; content:"";}
.quick_menu .box_area .info_area .recmmd_list .btn:after{position:absolute; right:20px; top:50%; display:inline-block; width:7px; height:13px; margin-top:-7px; background:url(/resources/images/common/search_common_ico.png) no-repeat -200px -200px; content:"";}
.quick_menu .box_area .info_area .recmmd_list .btn_inner{display:inline-block; vertical-align:middle;}
.quick_menu .box_area .info_area .recmmd_list .btn .sub_info{display:block; margin-bottom:3px; font-size:14px; color:#0079cc;}

.quick_menu .box_area.active{transform:translateX(0);}
.quick_menu .box_area.active a.quick_btn{box-shadow:0 4px 20px 0 rgba(0,0,0,0.25);}
.quick_menu .box_area.active a.quick_btn.arrow:before{transform:translateX(-50%) rotate(180deg);}
.quick_menu .box_area.active .info_area{box-shadow:0 4px 20px 0 rgba(0,0,0,0.25);}