@charset "utf-8";

/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/font/NotoSansKR-Light.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Light.woff) format('woff');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	src: url(/resources/font/NotoSansKR-Medium.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Medium.woff) format('woff');
}

/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, span, a, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select {padding:0; margin:0; box-sizing:border-box;}
body {font-family:Arial, sans-serif; font-size:16px; line-height:1.4; color:#222; font-weight:400; word-break:normal; word-wrap:break-word; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6, input {font-family:Arial, sans-serif; color:#222; font-weight:400;}
fieldset, img, button {border:0;}
img, input, button {vertical-align:top;}
button {font-family:Arial, sans-serif;}
table {width:100%; table-layout:fixed; 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;font-size:16px;}
button::-moz-focus-inner {padding:0;border:0;}
sup {font-size:14px;}
sub {font-size:12px; vertical-align:baseline;}
legend, caption {display:block;overflow:hidden;position:absolute;left:0;top:-1000em;}
input, button{font-family:Arial, sans-serif;}
input::-webkit-input-placeholder{color: #a9a9a9;}
input:-ms-input-placeholder{color: #a9a9a9;}
.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;}
.blind {overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px;}


/* skip_navigation */
.skip_navi a{overflow:hidden; position:absolute; left:0; top:-9999px; z-index:1010; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#1428a0;}
.skip_navi a:focus, .skip_navi a:active{top:0;}


/* layout */
.wrap{overflow:hidden; position:relative; min-width:1440px;}
.section_wrap+.section_wrap{margin-top:30px;}
.section{max-width:1440px; margin:0 auto;}
.section:after {display:block; clear:both; content:"";}


/* header */
#header{position:relative; width:100%; height:70px; background:#fff; transition:0.1s 0.3s; z-index:100; font-family:'NotoSans', sans-serif}
#header .header_inner{width:100%; height:100%; padding:0 60px; box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:space-between;}
#header .logo a{display:block; font-size:0; text-indent:-9999px; position:relative; z-index:2; width:162px; height:34px; background:url("/resources/images/common/logo.svg")no-repeat center / 100%; transition:0.3s;}
#header .gnb{position:absolute; left:50%; top:0; width:100%; z-index:1; transform:translateX(-50%);}
#header .gnb > ul{width:100%; display:flex; align-items:start; justify-content:center; gap:140px;}
#header .gnb > ul > li > a{display:block; height:70px; line-height:70px; font-size:18px; font-weight:600; color:#000; position:relative; transition:0.3s;}
#header .gnb > ul > li > a:before{content:""; width:0; height:2px; background:#000; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:0.3s;}
#header .gnb > ul > li .depth_wrap{position:absolute; left:0; top:70px; width:100%; background:#fff; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; display:none;}
#header .gnb > ul > li .depth2_list{width:260px; padding:25px 30px 25px 0; box-sizing:border-box; position:relative;}
#header .gnb > ul > li .depth2_list > ul > li > a{display:block; padding:15px 0; font-size:16px; color:#666; font-weight:600; line-height:1.1; position:relative; transition:0.3s;}
#header .gnb > ul > li .depth2_list > ul > li > a:before{content:""; display:none; width:8px; height:15px; background:url("/resources/images/common/gnb_arrow_black.svg")no-repeat center / 100%; position:absolute; right:0; top:50%; transform:translateY(-50%);  transition:0.3s;}
#header .gnb > ul > li .depth2_list > ul > li.has_depth > a:before{display:block;}
#header .gnb > ul > li .depth2_list.has_depth{border-right:1px solid #e5e5e5}
#header .gnb > ul > li .depth3_list{display:none; position:absolute; left:100%; top:0; height:100%; padding:30px; box-sizing:border-box;}
#header .gnb > ul > li .depth3_list ul li a{display:block; white-space:nowrap; padding:10px 0; font-size:16px; color:#666; font-weight:600; line-height:1.1; transition:0.3s;}
#header .gnb > ul > li .depth3_list ul li a span{position:relative;}
#header .gnb > ul > li .depth3_list ul li a span:before{content:""; width:0; height:1px; position:absolute; left:0; bottom:0; background:#2C7CD8; transition:0.3s;}
#header .gnb > ul > li .depth3_list ul li a:hover{color:#2C7CD8}
#header .gnb > ul > li .depth3_list ul li a:hover span:before{width:100%;}
#header .menu{height:100%; position:relative; z-index:1;}
#header .menu > ul{display:flex; align-items:center; height:100%;}
#header .menu > ul > li{position:relative; height:100%;}
#header .menu > ul > li > a{display:flex; align-items:center; width:100%; height:100%; padding:14px; box-sizing:border-box; font-size:14px; color:#666; line-height:1; font-weight:600; transition:0.3s;}
#header .menu > ul > li > a:hover{color:#222;}
#header .menu > ul > li + li:before{content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0; top:51%; transform:translateY(-50%); transition:0.3s;}
#header .menu > ul > li ul{position:absolute; left:0; top:100%; background:#fff; border-radius:8px; padding:10px 12px; box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); opacity:0; visibility:hidden; transition:0.3s;}
#header .menu > ul > li ul li a{display:block; padding:5px; text-align:center; font-size:14px; color:#333; font-weight:600;}
#header .menu > ul > li ul li.active a,
#header .menu > ul > li ul li:hover a{color:#2C7CD8; font-weight:600; text-decoration:underline;}
#header .menu > ul > li.lang:hover ul{opacity:1; visibility:visible;}
#header .gnb > ul > li:nth-of-type(1) .depth_wrap .depth2_list{left:50%; transform:translateX(-50%); margin-left:-96px;}
#header .gnb > ul > li:nth-of-type(2) .depth_wrap .depth2_list{left:50%; transform:translateX(-50%); margin-left:182px;}
#header .gnb > ul > li:nth-of-type(3) .depth_wrap .depth2_list{left:50%; transform:translateX(-50%); margin-left:326px;}

/* 투명 header */
#wrap.main #header{background:transparent; position:absolute; z-index:10;}
#wrap.main #header .logo a{background:url("/resources/images/common/logo_white.svg")no-repeat center / 100%;}
#wrap.main #header .gnb > ul > li > a{color:#fff;}
#wrap.main #header .gnb > ul > li > a:before{background-color:#fff;}
#wrap.main #header .menu > ul > li > a{color:#fff;}
#wrap.main #header .menu > ul > li + li:before{background:#fff;}
#wrap.main #header.active{background:#fff;}
#wrap.main #header.active .logo a{background:url("/resources/images/common/logo.svg")no-repeat center / 100%;}
#wrap.main #header.active .gnb > ul > li > a{color:#000;}
#wrap.main #header.active .gnb > ul > li > a:before{background-color:#000;}
#wrap.main #header.active .menu > ul > li > a{color:#666;}
#wrap.main #header.active .menu > ul > li + li:before{background:#ccc;}

/* 활성화 */
#header.active{background:#fff; transition:0s;}
#header.active .logo a{background:url("/resources/images/common/logo.svg")no-repeat center / 100%;}
#header .gnb > ul > li.depth1.active > a:before,
#header .gnb > ul > li.depth1.on > a:before{width:100%;}
#header .gnb > ul > li .depth2_list .depth2.on > a,
#header .gnb > ul > li .depth2_list .depth2.active > a{color:#2C7CD8}
#header .gnb > ul > li .depth2_list .depth2.on > a:before,
#header .gnb > ul > li .depth2_list .depth2.active > a:before{background:url("/resources/images/common/gnb_arrow_color.svg")no-repeat center / 100%;}
#header .gnb > ul > li .depth2_list .depth2.active .depth3_list{display:block;}
#header .gnb > ul > li .depth_wrap.active{opacity:1; visibility:visible;}


/* footer */
#footer{background:#868C92; padding:72px 0;}
#footer .inner{width:100%; max-width:1400px; margin:0 auto; position:relative; display:flex; justify-content:space-between; align-items:center;}
#footer ul{display:flex; margin-left:-20px;}
#footer ul li{position:relative;}
#footer ul li + li:before{content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#footer ul li a{display:block; padding:0 20px; box-sizing:border-box; font-size:16px; color:#fff; font-weight:400;}
#footer p{margin-top:16px; font-size:16px; color:#fff; font-weight:400; line-height:1.3;}


/* quick_menu */
.quick_menu{display:none; position:absolute; left:50%; bottom:90px; width:1440px; height:1px; margin-left:-720px; opacity:0.8;}
.quick_menu.on{position:fixed; bottom:10px; z-index:100;}
.quick_menu a{position:absolute; right:-60px; bottom:0; width:40px; height:40px; padding-top:7px; border:1px solid #aaa; background-color:#fff; box-sizing:border-box; font-size:11px; line-height:1em; text-align:center; color:#333;}
.quick_menu a:before{display:block; width:100%; height:11px; margin-bottom:3px; background:url(/resources/images/common/top_btn_ico.png) 50% 0 no-repeat; content:"";}
@media(max-width:1600px){
	.quick_menu{width:100%; left:0; margin-left:0;}
	.quick_menu a{right:5px;}
}

/* search_common */
body{overflow-y:scroll;}
.contents{padding-bottom:100px;}
.tit_area{height:70px; padding-top:15px; background:#ebf4fe; border-bottom:1px solid #000;}
.tit_area h2{max-width:1600px; padding-left:30px; margin:0 auto; box-sizing:border-box; font-size:38px; line-height:1; letter-spacing:-2px;}
.snb_area{margin-top:-45px; text-align:center; line-height:1em;}
.snb_area ul{overflow:hidden; display:inline-block;}
.snb_area ul li{float:left; width:300px; margin-left:7px;}
.snb_area ul li:first-child{margin-left:0;}
.snb_area ul li a{display:block; height:45px; padding-top:13px; background:#636a72; box-sizing:border-box; font-size:20px; line-height:1em; color:#fff;}
.snb_area ul li.on a{background:#fff; border:1px solid #000; border-bottom:0 none; color:#043285;}
.search_wrap{position:relative; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #000;}


/* btn */
.btn_default{display:inline-block; width:140px; padding:12px 0; font-size:14px; border-radius:5px; text-align:center; color:#fff;}
.btn_blue{background:#043285;}
.btn_grey{background:#636a72;}
.btn_download{width:130px; padding:9px 0; background:#636a72; font-size:13px;}
.btn_download:after{display:inline-block; width:15px; height:12px; margin-left:5px; background:url(/resources/images/common/search_common_ico.png) 0 -100px; vertical-align:-1px; content:"";}


/* error */
.error{height:100vh; min-height:800px;}
.error #wrap{height:100%; padding-bottom:80px; box-sizing:border-box;}
.error #wrap .container .content{position:absolute;  left:0; top:50%; transform:translateY(-50%); text-align:center; width:100%;}
.error .container{position:relative; height:100%;}
.error .txt1{margin-bottom:15px; font-size:38px; line-height:1; color:#000;}
.error .txt1:before{display:block; width:73px; height:73px; margin:0 auto 30px; background:url(/resources/images/common/error_ico.png) 0 0 no-repeat; content:"";}
.error .txt2{margin-bottom:40px; font-size:16px; color:#666;}
.error .btn_area{text-align:center;}
.error .btn_area a{width:170px; background:#043285; border-radius:0;}
.error #header{position:absolute; width:100%; left:0; top:0; z-index:2;}
.error #footer{position:absolute; width:100%; left:0; bottom:0; z-index:2;}
.error .btn_default{display:inline-block; width:140px; padding:12px 0; font-size:14px; border-radius:5px; text-align:center; color:#fff;}
.error .btn_blue{background:#043285;}


/* sticker */
.sticker{background:#000; border-radius:3px; box-sizing:border-box; font-size:11px; text-align:center; word-break:keep-all; color:#fff;}

/* sticker mlcc */
.mlccEc .sticker[data-sType="Mass Production"]{background:#006bc6;} /* status */
.mlccEc .sticker[data-sType="Pre Mass Production"]{background:#92d050;} /* status */
.mlccEc .sticker[data-sType="NRND"]{background:#ff9d53;} /* status */
.mlccEc .sticker[data-sType="To Be Discontinued"]{background:#ffcc00;} /* status */
.mlccEc .sticker[data-sType="Discontinued"]{background:#cc3300;} /* status */
.mlccEc .sticker[data-sType="Normal"]{background:#f0c810;} /* Lineup1 */
.mlccEc .sticker[data-sType="Lineup Normal"]{background:#ffb503;} /* Lineup1 */
.mlccEc .sticker[data-sType="Molded Frame Capacitor"]{background:#ff8200;} /* Lineup1 */
.mlccEc .sticker[data-sType="LSC"]{background:#ffb400;} /* Lineup1 */
.mlccEc .sticker[data-sType="High Bending Strength"]{background:#c9ab59;} /* Lineup1 */
.mlccEc .sticker[data-sType="ESD Protection"]{background:#ff8200;} /* Lineup1 */
.mlccEc .sticker[data-sType="Fail Safe"]{background:#fe987a;} /* Lineup1 */
.mlccEc .sticker[data-sType="Low Acoustic Noise"]{background:#ff7f50;} /* Lineup1 */
.mlccEc .sticker[data-sType="Low ESL"]{background:#cd853f;} /* Lineup1 */
.mlccEc .sticker[data-sType="Array"]{background:#ae5e1a;} /* Lineup1 */
.mlccEc .sticker[data-sType="General"]{background:#fff; border:2px solid #1429a0; font-weight:500; color:#1429a0;} /* use for */
.mlccEc .sticker[data-sType="Automotive"]{background:#fff; border:2px solid #802ac5; font-weight:500; color:#802ac5;} /* use for */
.mlccEc .sticker[data-sType="Infotainment"]{background:#fff; border:2px solid #006bc6; font-weight:500; color:#006bc6;} /* use for */
.mlccEc .sticker[data-sType="Standard"]{background:#2eab66;} /* Reliability level */
.mlccEc .sticker[data-sType="High Level I"]{background:#808000;} /* Reliability level */
.mlccEc .sticker[data-sType="High Level II"]{background:#006400;} /* Reliability level */
.mlccEc .sticker[data-sType="AEC-Q200"]{background:#00b692;} /* Reliability level */
.mlccEc .sticker[data-sType="2T"]{background-color:#c874f3;} /* Category3 */
.mlccEc .sticker[data-sType="3T"]{background-color:#9b5bf2;} /* Category3 */
.mlccEc .sticker[data-sType="4T"]{background-color:#962dcd;} /* Category3 */
.mlccEc .sticker[data-sType="8T"]{background-color:#cd1ff2;} /* Category3 */
.mlccEc .sticker[data-sType="Reverse"]{background-color:#cd1ff2;} /* Category3 */
.mlccEc .sticker[data-sType="85"]{background:#ff96a6;} /* tccmaxTemp */
.mlccEc .sticker[data-sType="105"]{background:#ff5675;} /* tccmaxTemp */
.mlccEc .sticker[data-sType="125"]{background:#ff1493;} /* tccmaxTemp */
.mlccEc .sticker[data-sType="150"]{background:#ff0033;} /* tccmaxTemp */
.mlccEc .sticker[data-sType="derating"]{background:#c71585;} /* notes */
.mlccEc .sticker[data-sType="RoHS"]{background:#35c2b4;} /* notes */
.mlccEc .sticker[data-sType="REACH"]{background:#6482b9;} /* notes */
.mlccEc .sticker[data-sType="only_for_mobile"]{background:#860557;} /* application */


/* sticker chip */
.ChipResistor .sticker{margin-bottom:5px;}
.ChipResistor .sticker[data-sType="Mass Production"]{background:#006bc6;} /* status */
.ChipResistor .sticker[data-sType="Not Preferred"]{background:#028dd2;} /* status */
.ChipResistor .sticker[data-sType="To Be Discontinued"]{background:#58b5e1;} /* status */
.ChipResistor .sticker[data-sType="Discontinued"]{background:#00adc8;} /* status */
.ChipResistor .sticker[data-sType="Under Development"]{background:#3ac7cc;} /* status */
.ChipResistor .sticker[data-sType="Automotive"]{background:#fff; outline:2px solid #c52aad; outline-offset:-2px; font-weight:500; color:#c52aad;} /* use for */
.ChipResistor .sticker[data-sType="IT & Industrial"]{background:#fff; outline:2px solid #0033cc; outline-offset:-2px; font-weight:500; color:#0033cc;} /* use for */
.ChipResistor .sticker[data-sType="Pb-Free"]{background:#fff; border:2px solid #c52a52; font-weight:500; color:#c52a52;} /* use for */
.ChipResistor .sticker[data-sType="Automotive High power"]{background:#fff; border:2px solid #0033CC; font-weight:500; color:#0033CC;} /* use for */
.ChipResistor .sticker[data-sType="Pb-Free High power"]{background:#fff; border:2px solid #3333CC; font-weight:500; color:#3333CC;} /* use for */
.ChipResistor .sticker[data-sType="General"]{background:#006400;} /* functions */
.ChipResistor .sticker[data-sType="AEC-Q200"]{background:#c52a52;} /* functions */
.ChipResistor .sticker[data-sType="High Power"]{background:#00b692;} /* functions */
.ChipResistor .sticker[data-sType="Lead free"]{background:#00b0f0;} /* functions */
.ChipResistor .sticker[data-sType="Anti-sulfur"]{background:#2eab66;} /* functions */
.ChipResistor .sticker[data-sType="Inverted"]{background:#ffb400;} /* functions */
.ChipResistor .sticker[data-sType="Low TCR"]{background:#ff8200;} /* functions */
.ChipResistor .sticker[data-sType="Discrete"]{background:#f0c810;} /* Structure */
.ChipResistor .sticker[data-sType="Wide Terminal"]{background:#ff96a6;} /* Structure */
.ChipResistor .sticker[data-sType="Array"]{background:#cd853f;} /* Structure */

.ChipResistor .sticker[data-sType="Typical"]{background:#2eab66;} /* Resistor Type */
.ChipResistor .sticker[data-sType="Array"]{background:#808000;} /* Resistor Type */
.ChipResistor .sticker[data-sType="ASR"]{background:#006400;} /* Resistor Type */
.ChipResistor .sticker[data-sType="CSR"]{background:#00b692;} /* Resistor Type */
.ChipResistor .sticker[data-sType="Thin Film"]{background:#00B0F0;} /* Resistor Type */
/* .ChipResistor .sticker[data-sType="High Power"]{background:#008c8c;} Resistor Type */
.ChipResistor .sticker[data-sType="Discrete"]{background:#f0c810;} /* Structure */
.ChipResistor .sticker[data-sType="Discrete-Inverted"]{background:#ffb400;} /* Structure */
.ChipResistor .sticker[data-sType="Array Concave"]{background:#c9ab59;} /* Structure */
.ChipResistor .sticker[data-sType="Array Concave-Inverted"]{background:#ff8200;} /* Structure */
.ChipResistor .sticker[data-sType="Array Concave-Half Inverted"]{background:#fe987a;} /* Structure */
.ChipResistor .sticker[data-sType="Array Convex"]{background:#ff7f50;} /* Structure */
.ChipResistor .sticker[data-sType="Array Flat"]{background:#cd853f;} /* Structure */
.ChipResistor .sticker[data-sType="Array Flat Inverted"]{background:#ae5e1a;} /* Structure */
.ChipResistor .sticker[data-sType="Sulfur Discrete"]{background:#ff96a6;} /* Structure */
.ChipResistor .sticker[data-sType="Sulfur Array Convex"]{background:#ff5675;} /* Structure */
.ChipResistor .sticker[data-sType="Sulfur Array Flat"]{background:#ff1493;} /* Structure */
.ChipResistor .sticker[data-sType="Low Ohm Discrete"]{background:#bc0b0b;} /* Structure */
.ChipResistor .sticker[data-sType="Low Ohm Inverted"]{background:#c874f3;} /* Structure */
.ChipResistor .sticker[data-sType="Low Ohm Inverted-Low TCR"]{background:#9b5bf2;} /* Structure */
.ChipResistor .sticker[data-sType="Low Ohm Wide Termination"]{background:#962dcd;} /* Structure */
.ChipResistor .sticker[data-sType="Metal Low Ohm Discrete"]{background:#cd1ff2;} /* Structure */
.ChipResistor .sticker[data-sType="RoHS"]{background:#35c2b4;} /* RoHS */
.ChipResistor .sticker[data-sType="REACH"]{background:#6482b9;} /* REACH */


/* sticker tantalum */
.tantalum .sticker[data-sType="Mass Production"]{background:#006bc6;} /* status */
.tantalum .sticker[data-sType="Not Preferred"]{background:#028dd2;} /* status */
.tantalum .sticker[data-sType="To Be Discontinued"]{background:#58b5e1;} /* status */
.tantalum .sticker[data-sType="Discontinued"]{background:#00adc8;} /* status */
.tantalum .sticker[data-sType="Conductive Polymer Type"]{background:#ffb400;} /* lineup1 */
.tantalum .sticker[data-sType="General"]{background:#fff; border:2px solid #1429a0; font-weight:500; color:#1429a0;} /* use for */
.tantalum .sticker[data-sType="PCM"]{background:#f0c810;} /* Features */
.tantalum .sticker[data-sType="PCF"]{background:#808000;} /* Features */
.tantalum .sticker[data-sType="PBL"]{background:#3B7D23;} /* Features */
.tantalum .sticker[data-sType="PFT"]{background:#275317;} /* Features */
.tantalum .sticker[data-sType="RoHS"]{background:#35c2b4;} /* RoHS */
.tantalum .sticker[data-sType="REACH"]{background:#6482b9;} /* REACH */

/* sticker pi */
.pi .sticker[data-sType="Mass Production"]{background:#006bc6;} /* status */
.pi .sticker[data-sType="Not Preferred"]{background:#028dd2;} /* status */
.pi .sticker[data-sType="To Be Discontinued"]{background:#58b5e1;} /* status */
.pi .sticker[data-sType="Discontinued"]{background:#00adc8;} /* status */
.pi .sticker[data-sType="Metal Composite"]{background:#ffb400;} /* lineup1 */
.pi .sticker[data-sType="Ferrite Multilayer"]{background:#ff7f50;} /* lineup1 */
.pi .sticker[data-sType="General"]{background:#fff; border:2px solid #1429a0; font-weight:500; color:#1429a0;} /* use for */
.pi .sticker[data-sType="Automotive"]{background:#fff; border:2px solid #802ac5; font-weight:500; color:#802ac5;} /* use for */
.pi .sticker[data-sType="Thin Film"]{background:#2eab66;} /* process */
.pi .sticker[data-sType="Wire Wound"]{background:#808000;} /* process */
.pi .sticker[data-sType="Multilayer"]{background:#006400;} /* process */
.pi .sticker[data-sType="General Type"]{background:#c874f3;} /* cate3 */
.pi .sticker[data-sType="L Type"]{background:#9b5bf2;} /* cate3 */
.pi .sticker[data-sType="Bottom Type"]{background:#962dcd;} /* cate3 */
.pi .sticker[data-sType="C Type"]{background:#cd1ff2;} /* cate3 */
.pi .sticker[data-sType="U Type"]{background:#b500b7;} /* cate3 */
.pi .sticker[data-sType="derating"]{background:#c71585;} /* notes */
.pi .sticker[data-sType="RoHS"]{background:#35c2b4;} /* RoHS */
.pi .sticker[data-sType="REACH"]{background:#6482b9;} /* REACH */

/* sticker hfi */
.hfi .sticker[data-sType="Mass Production"]{background:#006bc6;} /* status */
.hfi .sticker[data-sType="Not Preferred"]{background:#028dd2;} /* status */
.hfi .sticker[data-sType="To Be Discontinued"]{background:#58b5e1;} /* status */
.hfi .sticker[data-sType="Discontinued"]{background:#00adc8;} /* status */
.hfi .sticker[data-sType="Multilayer"]{background:#ffb400;} /* lineup1 */
.hfi .sticker[data-sType="General"]{background:#fff; border:2px solid #1429a0; font-weight:500; color:#1429a0;} /* use for */
.hfi .sticker[data-sType="Normal Q"]{background:#2eab66;} /* features */
.hfi .sticker[data-sType="High Q"]{background:#808000;} /* features */
.hfi .sticker[data-sType="High Q & Low Rdc"]{background:#006400;} /* features */
.hfi .sticker[data-sType="RoHS"]{background:#35c2b4;} /* RoHS */
.hfi .sticker[data-sType="REACH"]{background:#6482b9;} /* REACH */

/* sticker bead */
.bead .sticker[data-sType="Mass Production"]{background:#006bc6;} /* status */
.bead .sticker[data-sType="Not Preferred"]{background:#028dd2;} /* status */
.bead .sticker[data-sType="To Be Discontinued"]{background:#58b5e1;} /* status */
.bead .sticker[data-sType="Discontinued"]{background:#00adc8;} /* status */
.bead .sticker[data-sType="Signal Line"]{background:#f0c810;} /* lineup1 */
.bead .sticker[data-sType="Power Line"]{background:#ff9600;} /* lineup1 */
.bead .sticker[data-sType="General"]{background:#fff; border:2px solid #1429a0; font-weight:500; color:#1429a0;} /* use for */
.bead .sticker[data-sType="Normal"]{background:#2eab66;} /* speed */
.bead .sticker[data-sType="High Speed"]{background:#808000;} /* speed */
.bead .sticker[data-sType="derating"]{background:#c71585;} /* notes */
.bead .sticker[data-sType="RoHS"]{background:#35c2b4;} /* RoHS */
.bead .sticker[data-sType="GHz Bead"]{background:#962dcd;} /* RoHS */
.bead .sticker[data-sType="REACH"]{background:#6482b9;} /* REACH */

/* table */
[class^="tb_"]{position:relative;}
[class^="tb_"] th, [class^="tb_"] td{border-bottom:1px solid #d1d1d1;}
[class^="tb_"] th{background-color:#f2f2f2; font-weight:400; color:#000; text-align:center; letter-spacing:-.4px;}
[class^="tb_"] td{color:#666;}
[class^="tb_"] .str{font-weight:400; color:#000;}
[class^="tb_"] .sub_txt{position:absolute; top:7px; right:0; font-size:12px; color:#666;}
[class^="tb_"] .sub_txt:before{margin-right:2px; vertical-align:sub; content:"*";}
[class^="tb_"] thead+tbody td{border-width:0 1px 1px;}

.tb_basic{border-width:1px 0; border-style:solid; border-color:#666;}
.tb_basic th{padding: 14px 50px; text-align: left;}
.tb_basic td{padding:14px 38px;}

.tb_char{border-width:1px 0; border-style:solid; border-color:#666;}
.tb_char th{padding:14px 50px; text-align:left;}
.tb_char td{padding:14px 38px;}

.tb_guide{font-size:14px;}
.tb_guide th, .tb_guide td{border:1px solid #d1d1d1; padding:11px 0;}
.tb_guide thead th{background-color:#f7f7f7;}
.tb_guide tbody{text-align:center;}
.tb_guide tbody tr td:first-child{color:#333;}
.tb_guide tbody tr td:last-child{padding-left:19px; text-align:left;}
.tb_guide .sect1 th, .tb_guide .sect1 td{background-color:#effeeb;}
.tb_guide .sect2 th, .tb_guide .sect2 td{background-color:#ebf4fe;}

.tb_lineup table{word-break:normal;}
.tb_lineup th,.tb_lineup td{padding:6px 0; font-size:13px;}
.tb_lineup thead th{background-color:#fff; border:1px solid #d1d1d1; font-weight:600; font-size:14px;}
.tb_lineup tbody td{height:30px; border:1px solid #d1d1d1; text-align:center; letter-spacing:-.4px;}
.tb_lineup thead .th_col{background-color:#f7f7f7;}
.tb_lineup thead .data{background-color:#ebebeb;}
.tb_lineup .str{font-weight:600;}
.tb_lineup .col1, .tb_lineup .col2{vertical-align:top;}
.tb_lineup .tb_fixed_wrap{position:relative; padding-top:94px;}
.tb_lineup .lineup_head{position:absolute; top:0; z-index:10; width:1441px;}
.tb_lineup .lineup_head tbody td{background-color:#fff; border-bottom:0}
.tb_lineup .lineup_head .head_col1,
.tb_lineup .lineup_head .head_col2 {position:absolute; padding:6px 0 6px; background:linear-gradient(rgba(255,255,255,1) 80%, rgba(255,255,255,0.9) 100%); font-size:13px; color:#666; letter-spacing:-.5px; text-align:center;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tb_lineup .lineup_head table {margin-left:-1px;}
}

.tb_lineup .tb_fixed_wrap.fixed .lineup_head{position:fixed; top:0;}
.tb_lineup .tb_fixed_wrap.init .lineup_head .head_col1,
.tb_lineup .tb_fixed_wrap.init .lineup_head .head_col2 {display:none;}

.tb_cont table{text-align:center;}
.tb_cont th, .tb_cont td{border:1px solid #d1d1d1;}
.tb_cont th{padding:10px 0; background-color: #ebf4fe; /* font-size: 14px; */}
.tb_cont td{padding:10px 0; font-size: 14px; color:#666;}

/* loading */
.ps_loader{display:block; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.7);}
.ps_loader .lds_spinner{display:inline-block; position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-32px 0 0 -32px;}
.ps_loader .lds_spinner div{transform-origin:32px 32px; animation:lds_spinner 1.2s linear infinite;}
.ps_loader .lds_spinner div:after{content:" "; display:block; position:absolute; top:3px; left:29px; width:5px; height:14px; border-radius:20%; background:#0079cc;}
.ps_loader .lds_spinner div:nth-child(1){transform:rotate(0deg); animation-delay:-1.1s;}
.ps_loader .lds_spinner div:nth-child(2){transform:rotate(30deg); animation-delay:-1s;}
.ps_loader .lds_spinner div:nth-child(3){transform:rotate(60deg); animation-delay:-0.9s;}
.ps_loader .lds_spinner div:nth-child(4){transform:rotate(90deg); animation-delay:-0.8s;}
.ps_loader .lds_spinner div:nth-child(5){transform:rotate(120deg); animation-delay:-0.7s;}
.ps_loader .lds_spinner div:nth-child(6){transform:rotate(150deg); animation-delay:-0.6s;}
.ps_loader .lds_spinner div:nth-child(7){transform:rotate(180deg); animation-delay:-0.5s;}
.ps_loader .lds_spinner div:nth-child(8){transform:rotate(210deg); animation-delay:-0.4s;}
.ps_loader .lds_spinner div:nth-child(9){transform:rotate(240deg); animation-delay:-0.3s;}
.ps_loader .lds_spinner div:nth-child(10){transform:rotate(270deg); animation-delay:-0.2s;}
.ps_loader .lds_spinner div:nth-child(11){transform:rotate(300deg); animation-delay:-0.1s;}
.ps_loader .lds_spinner div:nth-child(12){transform:rotate(330deg); animation-delay:0s;}

@keyframes lds_spinner{
    0% {opacity:1;}
	100% {opacity:0;}
}


/* gitple icon */
#gitple-launcher-custom-icon{border-radius:50% !important;}

/* popup */
.pop_wrap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index: 9999;}
.pop_wrap.on{display:block;}
.pop_inner{position:absolute; left:50%; top:50%; width:500px; margin-left: -250px; margin-top:-277px; background:#fff;}
.pop_inner .bottom{overflow:hidden; padding:10px; border-top:1px solid #cccccc;}
.pop_inner .bottom .left{float:left;}
.pop_inner .bottom .left > *{vertical-align:middle;}
.pop_inner .bottom input[type="checkbox"]{display:inline-block; margin-right:5px;}
.pop_inner .bottom label{display:inline-block; font-size:14px; color:#888888;}
.pop_inner .bottom .close_btn{float:right; display:block; padding-left:18px; background:url(/resources/images/popup/pop_close_bg.png) 0 50% no-repeat; font-size:14px;}
.info_pop{z-index:999999;}
.info_pop .pop_inner{margin:0; left:50%; top:50%; width:90%; transform:translate(-50%,-50%);}
.info_pop .pop_inner .cont{position:relative;}
.info_pop .pop_inner .close_btn{position:absolute; top:0; right:0; width:160px; height:160px; background:url(/resources/images/index/close_popup.jpg) no-repeat center; background-size:100%; text-indent:-9999px; z-index:2;}
.info_pop .pop_inner .cont img{width:100%;}
.info_pop .pop_inner .cont .link_btn{overflow:hidden; position:absolute; left:158px; top:278px; width:182px; height:50px; background:#fff; text-indent:-9999px; opacity:0;}

/* 2024-05-16 nrnd 팝업 추가 */
.pop_wrap.pop_nrnd{background-color:rgba(0, 0, 0, 0.3)}
.pop_wrap.pop_nrnd .pop_inner{left:50%; top:50%; margin-top:-210px; transform:translateX(-50%); box-shadow:10px 10px 10px rgba(0,0,0,0.2);}
.pop_wrap.pop_nrnd .pop_inner .cont a{width:40px; height:40px; position:absolute; right:10px; top:10px; background:url(/resources/images/popup/close.png) no-repeat center; font-size:0; text-indent:-9999px;}