@charset "utf-8";

/* Mobile product breadcrumb: full-width switcher with grouped product lists */
#nav .navbox > li.productNavItem { position:static; }
#nav .navbox > li.technologyNavItem > a { width:130px !important; box-sizing:border-box; }
#nav .navbox > li.technologyNavItem + li > #topTitle2 { width:250px !important; box-sizing:border-box; }
#nav .navbox > li.productNavItem > .productNavMenu { left:0; width:100%; max-height:70vh; overflow-y:auto; background:#fff; z-index:910; }
#nav .productNavMenu .mobileProductGroup { border-bottom:1px solid #dedede; }
#nav .productNavMenu .mobileProductGroupToggle { display:block; width:100%; min-height:44px; padding:0 15px; border:0; background:#f5f5f5; color:#333; font-size:1.2em; font-weight:bold; line-height:44px; text-align:left; }
#nav .productNavMenu .mobileProductGroupToggle:after { content:'+'; float:right; color:#777; font-size:18px; font-weight:400; }
#nav .productNavMenu .mobileProductGroup.is-current .mobileProductGroupToggle:after,
#nav .productNavMenu .mobileProductGroup.is-open .mobileProductGroupToggle:after { content:'−'; }
#nav .productNavMenu .mobileProductList { display:none; margin:0; padding:0; background:#fff; }
#nav .productNavMenu .mobileProductGroup.is-current .mobileProductList,
#nav .productNavMenu .mobileProductGroup.is-open .mobileProductList { display:block; }
#nav .productNavMenu .mobileProductList > li { border-bottom:1px solid #ededed; }
#nav .productNavMenu .mobileProductList > li > a { display:block; min-height:42px; padding:0 18px; color:#666; font-size:1.2em; line-height:42px; white-space:normal; overflow:visible; text-overflow:clip; }
#nav .productNavMenu .mobileProductList > li > a.current { color:#1e57a3; font-weight:bold; background:#f5f8fc; }
#subTop{width:100%;position: relative;}
#subTop.privacy {
	height:65px;
	background:#0a131c;
}
#subTop .img img {width:100%;}
#subTop > h1,
#subTop > h2 {
	position: absolute;
	width:80%;
	left:10%;
	top:50%;
	transform : translateY(-50%);
	text-align:center;
	font-size:2.5em;
	line-height:1.0em;
	color:#fff;
	font-weight: 300;
	padding:15% 0 5%;
}
#subTop > h1:after,
#subTop > h2:after {
	position: absolute;
	content:"";
	display:block;
	width:60px;
	height:3px;
	background:#1e57a3;
	left:50%;
	margin-left:-30px;
	bottom:0;
}
#subTop:not(.privacy) { height:260px; overflow:hidden; }
#subTop:not(.privacy) .img img { display:block; width:100%; height:260px; object-fit:cover; }
#nav {width:100%;background:#f8f8f8;border-top:1px solid #dedede;border-bottom:1px solid #dedede;    position: relative;z-index: 900;}
#nav .navbox {width:100%;}
#nav .navbox > li {position: relative;float:left;border-right:1px solid #dedede;border-left:1px solid #dedede;margin-left:-1px;}
#nav .navbox > li.home {width:auto;}
#nav .navbox > li.home a {height:3em;display: block;padding:0;background:none;width:auto;}
#nav .navbox > li.home img {height:100%;}
#nav .navbox > li > a {
	line-height:3em;
	padding-left:10px; 
	display:block;
	font-size:1.2em;
	color:#666666;
	background:url(/m/images/page/navbox.jpg?v=20260831-98) no-repeat right top;
	background-size:auto 100%;
	width:115px;
}

#nav .navbox > li > .navMenu {
	position: absolute;
	left:-1px;
	width:100%;
	background:#f8f8f8;
	border:1px solid #dedede;
	border-bottom:0;
	display:none;
}
#nav .navbox > li > .navMenu > li {border-bottom:1px solid #dedede;}
#nav .navbox > li > .navMenu > li > a {
	font-size:1.2em;
	color:#666666;
	padding-left:15px;
	line-height:2.5em;
	display: block;
}

.m00 {min-height:300px;}
.m00 .m00Title {
	margin:10% auto 5%;
	padding-bottom:5%;
	font-family: "Lato";
    font-weight: bold;
	line-height:1.2em;
	font-size:2.2em;
	text-align:center;
	color:#2a2a2a;
	position: relative;
}
.m00 .m00Title:after  {
	position: absolute;
	content:"";
	display:block;
	width:30px;
	height:3px;
	left:50%;
	bottom:0;
	margin-left:-15px;
	background:#000000;
}
.m00 .m00SubTitle {
	font-size:1.2em;
	line-height:1.5em;
	text-align:center;
	margin:auto;
	color:#666666;
}
.m00 .m00SubTitle .color00 {color:#000000;font-weight:500;}
.m00 .m00SubTitle .color77 {color:#0f4996;font-weight:500;}


.m11 {
	width:95%;
	padding:0 2.5%;
	background:url(/m/images/page/m11_bg.jpg?v=20260831-98) no-repeat center bottom;
	background-size:100% auto;
}
.m11 .iconList {
	width:95%;
	margin:auto;
	overflow:hidden;
	text-align:center;
	padding-top:10%;
	text-align:center;
}
.m11 .iconList > li {float:left;width:25%;}
.m11 .iconList > li .img img {width:40%;max-width:50px;}
.m11 .iconList > li h3 {
	font-size:1em;
	line-height:1.5em;
	color:#959595;
	margin-bottom:5px;
}
.m11 .iconList > li p {
	font-size:1em;
	line-height:1.5em;
	color:#222222;
	min-height:4.2em;
	font-weight:500;
}
.m11 .iconList > li p span {margin-top:5px;display:inline-block;}
.m11 .textBox {
	width:100%;
	margin:10% auto;
}
.m11 .textBox .img {width:100%;margin:5% 0;}
.m11 .textBox .img img{width:100%;margin:auto;max-width:680px;}
.m11 .textBox .text {
	padding:5% 0 20%;
	background:url(/m/images/page/m11_bg2.png?v=20260831-98) no-repeat center top;
	background-size:contain;
}
.m11 .textBox .text h3 {
	text-align:center;
	font-size:1.5em;
	line-height:2em;
	color:#222222;
	font-weight:500;
	margin-bottom:3%;
}
.m11 .textBox .text p {
	padding-left:40px;
	position: relative;
	font-size:1.2em;
	color:#444444;
	margin-bottom:5px;
}
.m11 .textBox .text p:after {
	content:"";
	display:block;
	position: absolute;
	left:30px;
	top:50%;
	transform : translateY(-50%);
	width:4px;
	height:4px;
	background:#0f4996;
	border-radius: 50%;
}
.m11 .history {
	width:100%;
	padding-bottom:30%; 
}
.m11 .historyList {
	width:100%;
	position: relative;
	padding:10% 0 0;
}
.m11 .historyList:before,
.m11 .historyList:after {
	content:"";
	display:block;
	position: absolute;
	z-index:2000;
}
.m11 .historyList:before {
	width:20px;
	height:20px;
	background:url(/m/images/page/history_top.png?v=20260831-98) no-repeat center;
	background-size:100%;
	top: -10px;
    left: 11px;
}
.m11 .historyList:after {
	width:30px;
	height:30px;
	background:url(/m/images/page/history_bottom.png?v=20260831-98) no-repeat center;
	background-size:100%;
	bottom: -20px;
    left: 5px;
}
.m11 .historyList:after {
	width:30px;
	height:30px;
}
.m11 .historyList .historyBar {
	position: absolute;
	width:1px;
	height:100%;
	background:#bfbfbf;
	left:20px;
	top:0;
}
.m11 .historyList > li {padding-bottom:10%;}
.m11 .historyList > li > h3 {
	padding-left:70px;
	font-family: 'Montserrat';
	font-weight:600;
	font-size:25px;
	color:#2c2c2c;
	margin-bottom:5px;
	position: relative;
}
.m11 .historyList > li > h3:before {
	content:"";
	display:block;
	position: absolute;
	width:20px;
	height:20px;
	background:url(/m/images/page/history_icon.png?v=20260831-98) no-repeat center;
	background-size:100%;
	top: 50%;
    left: 11px;
	transform : translateY(-50%);
	z-index:2100;
}
.m11 .historyList > li > h3:after {
	content:"";
	display:block;
	position: absolute;
	width:35px;
	height:1px;
	background:#cacaca;
	top:50%;
	transform : translateY(-50%);
	left:20px;
}
.m11 .historyList > li > p {
	padding-left:70px;
	color:#666666;
	font-size:1.1em;
	font-weight:400;
}

.m12 {
	width:95%;
	margin:15% auto 20%;
	background:url(/m/images/page/m12_bg.jpg?v=20260831-98) no-repeat center top;
	background-size:100% auto;
}
.m12 .img {width:80%;position: relative;}
.m12 .img .box {
	position: absolute;
	left:-3px;
	top:-3px;
	width:20%;
}
.m12 .img .logo {
	position: absolute;
	right:0;
	bottom:0;
	width:25%;
	
}
.m12 .img .logo img {
	position: relative;
	z-index:600;
	left:50%;
	margin-bottom: 1%;
}
.m12 .img img {width:100%;position: relative;z-index:100;}
.m12 .text {
	width:90%;
	margin-left:10%;
	border:2px solid #dcdcdc;
	background:#fff;
	min-height:500px;
	position: relative;
	z-index:500;
	margin-top:-10%;
	padding:10% 5%;
	box-sizing: border-box;
}
.m12 .text h3 img {width:100%;}
.m12 .text  p {
	word-break: keep-all;
	font-size:1.1em;
	color:#777777;
}
.m12 .text .ceo {margin-top:5%;padding-top:5px;}
.m12 .text .ceo img {width:100%;}
.m31 .img1 {margin-top:5%;}

#productMenu {width:95%;margin:15% auto -5%;text-align:center; }
#productMenu > li {display:inline-block;width:90px;margin:0 2px;}
#productMenu > li a {
	display:block;
	border:1px solid #cccccc;
	line-height:2.5em;
	font-size:1.2em;
	color:#737373;
}
#productMenu > li.on a {background:#1e57a3;color:#fff;border:1px solid #1e57a3;}
.product_view {
	margin:15% auto 20%;
	width:95%;
}
.product_view img {width:100%;}
.product_view > .leftImg {
	position: relative;
	border:1px solid #ebebeb;
}
.product_view > .leftImg:after{
	content: "";
    display: block;
    position: absolute;
    width: 12%;
    height: 13%;
    border-left: 1px solid #1e57a3;
    border-top: 1px solid #1e57a3;
    top: -1px;
    left: -1px;
}
.product_view > .text {text-align:center;}
.product_view > .text > h3 {
	padding-top:7%;
	font-size:2em;
	color:#0f4996;
	font-weight:500;
}
.product_view > .text > h4 {
	font-size:1.4em;
	color:#333333;
	padding-bottom:5%;
	border-bottom:1px solid #cbcbcb;
	margin-bottom:5%;
	word-break: keep-all;
}
.product_view > .text > h5 {
	text-align:left;
	margin-top:5%;
	padding-left:18px;
	font-size:1.2em;
	word-break: keep-all;
	line-height:20px;
	position: relative;
}
.product_view > .text > h5:after{
	position: absolute;
	content: "";
    display: block;
    width:6px;
    height: 6px;
    border: 2px solid #0f4996;
    top:5.5px;
    left:0;
}
.product_view > .text > p {
	text-align:left;
	padding-left:18px;
	padding-top:5px;
	font-size:16px;
	color:#959595;
	line-height:1.7;
}
.product_view > .text > .linkBtn {
	display:inline-block;
	font-family: "Lato";
	font-size:1em;
	color:#fff;
	line-height:3em;
	padding:0 20px;
	background:#4d4d4d;
	text-transform: uppercase;
	margin:10% 0 15%;
}
.product_view > .viewList {
	width:100%;
	overflow:hidden;
}
.product_view > .viewList > li {
	width:32%;
	margin-right:2%;
	float:left;
	text-align:center;
}
.product_view > .viewList > li .img {border:1px solid #e5e5e5;}
.product_view > .viewList > li:nth-child(3n) {margin-right:0;}
.product_view > .viewList > li p {
	font-size:1em;
	line-height:1.5em;
	color:#9a9a9a;
	padding-top:10px;
	word-break: keep-all;
}


.m31 {
	width:95%;
	margin:10% auto 20%;
}
.m31 img {width:100%;}
.m31 .img1 {margin:5% auto 0;padding-bottom:10%;border-bottom:1px solid #4682dc}
.m31 .box {
	width:94%;
	border-bottom:1px solid #4682dc;
	padding:10% 3%;
	text-align:center;
}
.m31 .box > h3 {
	font-size:1.4em;
	line-height:3em;
	color:#656766;
	font-weight:500;
	position: relative;
	margin-bottom:4%;
}
.m31 .box > h3:after {
	content:"";
	display:block;
	position: absolute;
	width:30px;
	height:2px;
	background:#1e57a3;
	bottom:0;
	left:50%;
	margin-left:-15px;
}
.m31 .box > p {
	font-size:1.2em;
	color:#666666;
}

.m30 {
	width:95%;
	margin:10% auto 20%;
}
.m30 img {width:100%;}
.m30 .img {margin:5% auto 0;padding-bottom:10%;border-bottom:1px solid #4682dc}
.m30 .box {
	width:94%;
	border-bottom:1px solid #4682dc;
	padding:10% 3%;
	text-align:center;
}
.m30 .box.top {
	border-top:1px solid #4682dc;
	margin-top:10%;
}
.m30 .box > h3 {
	font-size:1.4em;
	line-height:3em;
	color:#656766;
	font-weight:500;
	position: relative;
	margin-bottom:4%;
}
.m30 .box > h3:after {
	content:"";
	display:block;
	position: absolute;
	width:30px;
	height:2px;
	background:#1e57a3;
	bottom:0;
	left:50%;
	margin-left:-15px;
}
.m30 .box > p {
	font-size:1.2em;
	color:#666666;
}
.m30 .box > .bottom {
	padding:10% 0;
	margin-top:10%;
	position: relative;
}
.m30 .box > .bottom:after {
	content:"";
	display:block;
	position: absolute;
	width:90%;
	left:5%;
	top:0;
	height:1px;
	background:#e5e5e5;
}

.m30 .box > .text > p {
	text-align:left;
	padding-left:70px;
	font-size:1.2em;
	word-break: keep-all;
	line-height:20px;
	position: relative;
	margin-bottom:3%;
}
.m30 .box > .text > p:after{
	position: absolute;
	content: "";
    display: block;
    width:3px;
    height: 3px;
    border: 2px solid #aaaaaa;
    top:6px;
    left:58px;
}
.m30 .box > .text > .m34_btn{
	display: inline-block;
    font-family: "Lato";
    font-size: 1em;
    color: #fff;
    line-height: 3em;
    padding: 0 20px;
    background: #4d4d4d;
	border-radius:24px;
    text-transform: uppercase;
    margin-top: 5% ;
}
.m41 {
	padding:5% 2.5% 0%;
	width:95%;
	margin:0 auto;
	background:url(/m/images/page/m41_bg.jpg?v=20260831-98) no-repeat right bottom;
	background-size:100% auto;
}
.m41 img {width:100%;}
.m41 .m41List {width:100%;padding-bottom:30%;}
.m41 .m41List > li {
	padding:10% 0;
	border-bottom:1px solid #4682dc;
}
.m41 .m41List > li > h2 {font-size:1.6em;line-height:1.5em;color:#555555;letter-spacing: -0.45px;}
.m41 .m41List > li > .img {}
.m41 .m41List > li > h3 {font-size:1.6em;line-height:1.5em;color:#555555;padding:4% 0 2%;letter-spacing: -0.45px;}
.m41 .m41List > li > p {
	font-size:1.2em;
	line-height:1.5em;
	color:#777777;
	letter-spacing: -0.25px;
}

.m42 {
	width:95%;
	margin:10% auto 20%;
}
.m42 img {width:100%;}
.m42 > h2 {
	font-size:2em;
	line-height:1em;
	padding-bottom:5px;
	padding-right:3px;
	padding-left:1px;
	color:#222222;
	font-weight:bold;
	display:inline-block;
	border-bottom:3px solid #222;
	margin:10% auto 5%;
}
.m42 > .faqList {width:100%;}
.m42 > .faqList > li {
	border:1px solid #d9d9d9;
	background:#fff;
	margin-bottom:2%;
	padding:3%;
	-webkit-transition: all 0.25s;
   transition: all 0.25s;
}
.m42 > .faqList > li.on {background:#f8f8f8;}
.m42 > .faqList > li .tit {
	font-size:1.4em;
	color:#555555;
	padding:10px 10px 10px 25px;
	font-weight:500;
	background:url(/m/images/page/m42_q.png?v=20260831-98) no-repeat left 12px;
	background-size:18px auto;
}
.m42 > .faqList > li .con {
	border-top:1px solid #d9d9d9;
	padding:10px 10px 10px 25px;
	font-size:1.2em;
	color:#777777;
	display:none;
}

.m43 {
	width:95%;
	margin:10% auto 20%;
}
.m43 img {width:100%;}
.m43 .box {
	padding-bottom:10%;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:10%;
}

.m43 .box .tit {
	font-size:2em;
	color:#555555;
	line-height:1.5em;
	padding-left:25px;
	background:url(/m/images/page/m43_icon.png?v=20260831-98) no-repeat left center;
	background-size:20px auto;
	margin-bottom:3%;
}
.m43 .section01 > h5 {
	line-height:2.5em;
	font-size:1.2em;
	width:140px;
	border:1px solid #e1e1e1;
	text-align:center;
	margin:15px 0 10px;
}
.m43 .section02 .con {
	width:100%;
	border-top:1px solid #e1e1e1;
} 
.m43 .section02 .con > li {
	border:1px solid #e1e1e1;
	border-top:0;
	text-align:center;
	padding:5% 0;
}
.m43 .section02 .con > li > h3 {
	font-size:1.6em;
	line-height:1.6em;
	color:#0f4996;
	margin-bottom:5px;
}
.m43 .section02 .con > li > p {
	font-size:1.2em;
	line-height:1.5em;
	color:#777777;
}

.m43 .section03 .con > .textBox {
	border:1px solid #e1e1e1;
	padding:5% 2.5%;
	font-size:1.2em;
	line-height:1.5em;
	color:#777777;
	margin-bottom:3%;
}
.m43 .section03 .con > .textBox span {color:#0f4996;}
.m43 .section03 .con > table {
	width:100%;
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	margin-bottom:3%;
}
.m43 .section03 .con > table td,
.m43 .section03 .con > table th {
	text-align:center;
	font-weight:400;
	line-height:1.5em;
	padding:10px;
	font-size:0.8em;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}
.m43 .section03 .con > table th {background:#ededed;min-width:75px;color:#777;}
.m43 .section03 .con > table td {color:#777;}

.m43 .section04 .con {width:100%;} 
.m43 .section04 .con > li {
	border:1px solid #e1e1e1;
	text-align:center;
	padding:8% 0;
	margin-bottom:3%;
}
.m43 .section04 .con > li > .num {
	font-family: 'Montserrat';
    font-size: 1.2em;
	line-height:1em;
    font-weight: 600;
	color: #000000;
	display: inline-block;
    border-bottom: 1px solid #555555;
	margin-bottom:15px;
}
.m43 .section04 .con > li >  h3 {
	font-size:1.4em;
	line-height:2em;
	font-weight:400;
	color:#0f4996;
	margin-bottom:5px;
}
.m43 .section04 .con > li >  p {
	font-size:1.2em;
	line-height:1.5em;
	color:#777777;
}

.m43 .section05 .con {width:100%;position: relative;}
.m43 .section05 .con > img { display:block; width:85%; max-width:580px; height:auto; margin-left:auto; margin-right:auto; }
.m43 .section05 .con > li {position: absolute;}
.m43 .section05 .con > li.left {left:3%;text-align:left;}
.m43 .section05 .con > li.right {right:3%;text-align:right;}
.m43 .section05 .con > li.top {top:4%;}
.m43 .section05 .con > li.bottom {bottom:4%;}
.m43 .section05 .con > li .text h3 {
	font-size:1.5em;
	line-height:1.5em;
	color:#555555;
	margin-bottom:3px;
}
.m43 .section05 .con > li .text p {
	font-size:1.2em;
	color:#777777;
	line-height:1.5em;
	height:6em;
}

.m50 {
	width:95%;
	margin:10% auto 20%;
}
.m50 .hotline {
	font-size:1.4em;
	color:#000000;
}
.m50 .m50Table {
	margin-top:10px;
	width:100%;
	border-top:2px solid #000000;
}
.m50 .m50Table th,
.m50 .m50Table td {
	font-size:0.8em;
	line-height:30px;
	text-align:left;
	vertical-align: top;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #dadada;
	overflow:hidden;
}

.m50 .m50Table th {
	width:70px;
	font-weight:500;
	background:#f8f8f8;
	color:#555555;
}
.m50 .m50Table th span {color:#ff0000;}
.m50 .m50Table td .inp {
	width:100%;
	border:1px solid #d6d6d6;
	font-size:0.8em;
	line-height:28px;
	color:#909090;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;
}
.m50 .m50Table td select {
	border:1px solid #d6d6d6;
	font-size:1em;
	line-height:28px;
	height:30px;
	width:100%;
	color:#909090;
}
.m50 .m50Table td #r_content {
	width:100%;
	border:1px solid #d6d6d6;
	 height:150px;
	border-radius: 0;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;
}
.m50  input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.m50 input[type="radio"] + label {
  position: relative;
  padding-left: 20px;
  margin-right:5px;
  line-height:30px;
  height:30px;
  font-size:1em;
  color:#909090;
 display: inline-block;
}
.m50 .td2 input[type="radio"] + label {
	min-width: 60px;
}
.m50 input[type="radio"] + label:before,
.m50 input[type="radio"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
}
.m50 input[type="radio"] + label:before {
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  left:0;
  border: 1px solid #d9d9d9;
  text-align: center;
}
.m50 input[type="radio"] + label:after {
background:#666666;
  top: 50%;
  left: 8px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  transform: scale(0);
  transition: transform 200ms ease-out;
}

.m50 input[type="radio"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
}
.m50 input[type="radio"]:checked + label:after {
  -moz-transform: scale(1);
  -ms-transform:  scale(1);
  -webkit-transform:  scale(1);
  transform:  scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}


.m50 .m50Table  input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.m50 .m50Table  input[type="checkbox"] + label {
	position: relative;
	padding-left: 25px;
	font-size:1em;
	line-height:30px;
	font-weight:400;
	color:#909090;
	display:inline-block;
}
.m50 .m50Table  input[type="checkbox"] + label:before,
.m50 .m50Table  input[type="checkbox"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
.m50 .m50Table  input[type="checkbox"] + label:before {
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border: 2px solid #d9d9d9;
  text-align: center;
}

.m50 .m50Table  input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 6px;
  height: 3px;
  margin-top: -3px;
  border-style: solid;
  border-color: #666666;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

.m50 .m50Table  input[type="checkbox"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}
.m50 .m50Table .btn {
	margin-left:25px;
	font-size:1.2em;
	height:28px;
	display:inline-block;
	color:#0f4996;
	border-bottom:1px solid #0f4996;
	margin-bottom:10px;
	margin-top:-5px;
	font-weight:400;
}
.m50 .m50Table .tit {
	width:90px;
	color:#555555;
	line-height:30px;
}
.m50 .m50Table .tit .color {
	font-weight:500;color:#ff0000;
	position: relative;
    top: 3px;
}
.m50  .btn_wrap {
	padding-top:5%;
	text-align:center;
	
}
.m50  .btn_wrap .wrapBtn1 ,
.m50  .btn_wrap .wrapBtn2 {
	width:100px;
	line-height:2.5em;
	font-size:1.4em;
	display:inline-block;
	margin:0 5px;
	font-weight:400;
}
.m50  .btn_wrap .wrapBtn1 {color:#fff;background:#1e57a3;}
.m50  .btn_wrap .wrapBtn2 {color:#737373;border:1px solid #d6d6d6;box-sizing: border-box;}


.m53Tab {width:95%;margin:5% auto 5%;text-align:center; }
.m53Tab > li {display:inline-block;width:90px;margin:0 2px;}
.m53Tab > li a {
	display:block;
	border:1px solid #cccccc;
	line-height:2.5em;
	font-size:1.2em;
	color:#737373;
}
.m53Tab > li a.on {background:#1e57a3;color:#fff;border:1px solid #1e57a3;}

.m53 {
	width:95%;
	margin:0% auto 20%;
}
.m53 .m53Con {
	width:100%;
	position: relative;
}
.m53 .m53Con > li {
	display:none;
}
.m53 .m53Con > li.on {display:block;}
.m53 .m53Con [id^="location-"] { scroll-margin-top:80px; }

.m53 .m53Con > li .map{
	width: 100%;
	border: 1px solid #DEDEDE;
}
.m53 .m53Con > li .map .inner{}
.m53 .m53Con > li .map .inner img{
	width: 100%;
}
.m53 .m53Con > li .map .inner img{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	max-height:540px;
	margin:0 auto;
}
.m53 .m53Con > li .box{
	margin-top: 20px;
	width: 100%;
	padding: 50px 20px;
	border: 1px solid #DEDEDE;
}
.m53 .m53Con > li .box .locate{
	position: relative;
	margin-bottom: 50px;
}
.m53 .m53Con > li .box .locate:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 30px;
	height: 3px;
	background: #1E57A3;
}
.m53 .m53Con > li .box.domestic .locate{
	font-size: 20px;
	color: #333;
}
.m53 .m53Con > li .box.global .locate strong{
	font-family: "Lato";
	font-size: 19px;
	font-weight: 700;
	color: #1E57A3;
}
.m53 .m53Con > li .box.global .locate strong .bar{
	display: inline-block;
	width: 1.5px;
	height: 13px;
	background: rgba(0,0,0,0.1);
	margin: 0 4px;
}
.m53 .m53Con > li .box.global .locate strong span{
	font-size: 14px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}
.m53 .m53Con > li .box.global .locate.jp{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 110px;
}
.m53 .m53Con > li .box.global .locate.jp .link{
	position: absolute;
	left: 0;
	top: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 12px 30px;
	border: 1px solid rgba(0,0,0,0.3);
	font-size: 16px;
	font-weight: 500;
	color: #000;
}
.m53 .m53Con > li .box .infoWrap{
	display: flex;
	flex-direction: column;
}
.m53 .m53Con > li .box .infoWrap + .infoWrap{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #DEDEDE;
}
.m53 .m53Con > li .box .infoWrap .info{}
.m53 .m53Con > li .box .infoWrap .info .infoName{
	font-family: "Lato";
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}
.m53 .m53Con > li .box .locate .name{ font-weight:700 !important; }
.m53 .m53Con > li .box .infoWrap .info dl{
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.m53 .m53Con > li .box .infoWrap .info dl + dl{
	margin-top: 10px;
}
.m53 .m53Con > li .box .infoWrap .info dl dt{
	width: 100%;
	font-family: "Lato";
	font-weight: 600;
	font-size: 17px;
	color: #333;
}
.m53 .m53Con > li .box .infoWrap .info dl dd{
	width: 100%;
}
.m53 .m53Con > li .box.domestic .infoWrap .info dl dd{
	font-size: 15px;
	color: #777;
}
.m53 .m53Con > li .box.global .infoWrap .info dl dd{
	font-family: "Lato";
	font-size: 15px;
	color: rgba(102, 102, 102, 1);
}
.m53 .m53Con > li .box.global .infoWrap .info dl dd .bar{
	display: inline-block;
	width: 1.5px;
	height:11px;
	background: rgba(102, 102, 102, 1);
	margin: 0 10px;
}
.m53 .m53Con > li .box .infoWrap .mapLink{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 12px 34px;
	background: #1E57A3;
	font-size: 16px;
	color: #fff;
	margin-top: 40px;
}

.boardList {width:95%;margin:10% auto 20%;}
.boardList .list {
	width:100%;
	border-top:2px solid #000000;
}
.boardList .list > .item {border-bottom:1px solid #e0e0e0;	}
.boardList .list > .item > a {
	display:block;
	padding:15px 0;
	overflow:hidden;
	position: relative;
}
.boardList .list.pr > .item .img {
	width:25%;
	float:left;
}
.boardList .list.pr > .item .img img {width:100%;}
.boardList .list > .item .text {
	padding-left:10px;
	box-sizing: border-box;
}
.boardList .list.pr > .item .text {
	position: absolute;
    top: 50%;
    right: 0;
	transform : translateY(-50%);
	width:75%;
	
	
}
.boardList .list > .item .text .title,
.boardList .list > .item .text .con {
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
	overflow:hidden;
	line-height:1.5em;
	padding-right:10px;
}
.boardList .list > .item .text .title {font-size:1.4em;color:#333333;}
.boardList .list > .item .text .con {font-size:1.2em;color:#999999;}
.boardList .list > .item .text .date {font-size:0.8em;color:#999999;}

.boardView {width:95%;margin:10% auto 20%;}
.boardView .viewTable {width:100%;border-top:2px solid #000000;}
.boardView .viewTable td,
.boardView .viewTable th {
	padding:15px 10px;
	border-bottom:1px solid #dadada;
}
.boardView .viewTable th {
	border-right:1px solid #dadada;width:50px;
	font-size:0.9em;
	line-height:1.2em;
	color:#555555;
	font-weight:500;
	background:#f8f8f8;
}
.boardView .viewTable td {
	text-align:left;
	font-size:0.8em;
	line-height:1.2em;
	color:#909090;
}
.boardView .viewTable td.title {color:#333333;font-size:1em;}
.boardView .con {
	width:100%;
	box-sizing: border-box;
	padding:15px 10px 20px;
	font-size:1em;
	font-weight:400;
	color:#909090;
	border-bottom:1px solid #dadada;
	overflow:auto;
}
.boardView .con img {
	max-width:100% !important;
	height:auto !important;
}

.boardView .viewBtn {
	width:100%;
	padding-top:20px;
	overflow:hidden;
}
.boardView .viewBtn > .list_btn {
	float:left;
	display:block;
	width:120px;
	line-height:35px;
	background:#1e57a3;
	color:#fff;
	font-size:1.2em;
	text-align:center;
}
.boardView .viewBtn > .list {float:right;overflow:hidden;}
.boardView .viewBtn > .list > li {float:left;width:35px;margin-left:5px;}
.boardView .viewBtn > .list > li img {width:100%;}

/**페이징*/
.pager{
	width:100%;
	margin:5% auto 0;          
}

.pager > ul{text-align:center; font-size:0;}
.pager > ul > li{
	width:30px;
	height:30px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin:0px;
	border:1px solid #c6c6c6;
}
.pager > ul > li.num {margin-right:2px;}
.pager > ul > li > a{
	font-size:14px;
	line-height:30px;
	text-align:center;
	display:block;
	color:#999999;
}
.pager > ul > li img {width:100%;vertical-align: top;}
.pager > ul > li.on {border:1px solid #1e57a3;}
.pager > ul > li.on a {color:#1e57a3;}
.pager > ul > li.page_prev{margin-right:10px;}
.pager > ul > li.page_next{margin-left:10px;}



.m62 {padding:10% 2.5% 5%;width:95%;}
.m62 .topBox {
	width:100%;
	padding-bottom:0;
   
}
.m62 .topBox > .topTitleBtn {width:100%;overflow:hidden;padding-bottom:15px; position: relative;}
.m62 .topBox > .topTitleBtn .tit {
	position: absolute;
	font-size:1.6em;
	line-height:0.8em;
	font-family: 'Montserrat';
	font-weight: 600;
	color:#0f4996;
	left:0;
	bottom:15px;
}
.m62 .topBox > .topTitleBtn > .btnList {float:right;overflow:hidden;}
.m62 .topBox > .topTitleBtn > .btnList > li {float:left;height:28px;}
.m62 .topBox > .topTitleBtn > .btnList > li.bar {
	height:30px;
	width:2px;
	background:rgba(15,73,150,0.2);
	margin:0 15px;
}
.m62 .topBox > .topTitleBtn > .btnList > li  img {height:100%;}

.m62 .topBox .m62_bx .box {
	border:1px solid #e5e5e5;
	background:#fff;
	padding:20px 10px;
	border-radius: 10px;
}
.m62 .topBox .m62_bx .box table {width:100%;}
.m62 .topBox .m62_bx .box table .top {font-size:1em;color:#555555;}
.m62 .topBox .m62_bx .box table .tit {
	font-size:1.2em;
	color:#222222;
	line-height:1.4em;
	height:7em;
	font-weight:500;
	padding:5px 0 20px;
}
.m62 .topBox .m62_bx .box table .bottom {height:6em;vertical-align: top;}
.m62 .topBox .m62_bx .box table .bottom p {
	padding-left:10px;
	font-size:1em;
	line-height:1.2em;
	margin-bottom:5px;
	position: relative;
	color:#555555;
}
.m62 .topBox .m62_bx .box table .bottom p:after {
	position: absolute;
	content:"";
	display:block;
	left:0;
	top:5px;
	width:4px;
	height:4px;
	background:#1e57a3;
}

.m62 .m62Con {display:none;}
.m62  #m62Table {width:100%;border-top:2px solid #000;text-align:left;}
.m62  #m62Table th ,
.m62  #m62Table td {line-height:1.5em;}
.m62  #m62Table td {font-size:1em;color:#555555;width:50%;font-weight:500;}
.m62  #m62Table th {font-size:1.2em;color:#0f4996;padding-top:10px;font-family: "Lato";font-weight:700;}
.m62  #m62Table td.place {color:#888888;border-bottom:1px solid #e0e0e0;padding-bottom:10px;font-weight:400;font-size:0.8em;}

.m71 {
	width:95%;
	
	margin:10% auto 20%;
	
}
.m71 .box {
	padding:10% 5%;
	overflow:auto;
	height:80%;
	border:1px solid #dcdcdc;
}
.m71 .box h3 {
	line-height: 1.8em;
    font-size: 1.6em;
    font-weight: 500;
    color: #333333;
    position: relative;
	padding-left:15px;
	font-weight:500;
}
.m71 .box h3:after{
	position: absolute;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border: 3px solid #1e57a3;
    left: 0px;
    top: 50%;
    margin-top: -5px;
}
.m71 .box pre {
    width: 100%;
    white-space: pre-wrap;
    font-size: 1em;
	line-height: 1.5em;
    color: #777777;
    font-family: "Noto Sans KR";
}
/*이지연 추가*/

#eventsubTitle {
	width:1400px;
	margin:auto;
	text-align:center;
	padding:63px 0 0;
}
#eventsubTitle  h3 {
	line-height:80px;
	font-size:40px;
	margin-top:80px;
	color:#0f4996;
}

#eventsubTitle  h3 .bold {font-weight:bold;}


#eventsubTitle  h4 {
	line-height:60px;
	font-size:28px;
	color: #000000;
}

#eventsubTitle  h4:after {
	content:"";
	display:block;
	margin: 0 auto;
	width:46px;
	height:3px;
	background:#222222;
}

#eventsubTitle  h5 {
	margin:20px auto 25px;
	font-size:20px;
	font-weight:500;
	color: #000000;
}
#eventsubTitle  h5 .bold {font-weight:700;}
#eventsubTitle  h5 .color {font-weight:500;color:#0f4996;}

#eventsubTitle > p {
	text-align:center;
	line-height:27px;
	font-size:17px;
	color:#666666;
	margin-top:24px;
}

/*이재일 추가 */

.eventcont {
	min-height:300px;
	margin: auto;
	display:inline-block;
}

.eventcont .Title {
	margin:10% auto 5%;
	padding-bottom:5%;
	font-family: "Lato", "Noto Sans JP" "Microsoft YaHei UI" "sans-serif";
	font-weight:700;
	line-height:1.2em;
	font-size:2em;
	text-align:center;
	color:#2a2a2a;
	position: relative;
}
.eventcont .Title:after  {
	position: absolute;
	content:"";
	display:block;
	width:30px;
	height:3px;
	left:50%;
	bottom:0;
	margin-left:-15px;
	background:#000000;
}
.eventcont .SubTitle {
	font-size:1.2em;
	line-height:1.5em;
	text-align:center;
	margin:auto;
	color:#666666;
}
.eventcont .SubTitle .color00 {color:#000000;font-weight:500;}
.eventcont .SubTitle .color77 {color:#0f4996;font-weight:500;}

.eventcont .img {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: auto;
	padding-top:20px;
	padding-bottom:20px;
}

.eventcont .bar {
	width:100%;
	height:1px;
	background:#4682dc;
	margin-top: 20px;
	margin-bottom: 20px;
}

.eventcont .box {
	margin:auto;
	text-align:center;
	border-bottom:1px solid #4682dc;
	padding:10% 3%;
	text-align:center;
	display: inline-block;
}
.eventcont .box > h5 {
	margin:10% auto 5%;
	padding-bottom:5%;
	font-family: "Lato";
	font-weight:700;
	line-height:1.2em;
	font-size:20px;
	text-align:center;
	color:#2a2a2a;
	position: relative;
}
.eventcont .box > h5:after {
	position: absolute;
	content:"";
	display:block;
	width:30px;
	height:3px;
	left:50%;
	bottom:0;
	margin-left:-15px;
	background:#000000;
}
.eventcont .box > h3 {
	font-size:1.5em;
	color:#656766;
	font-weight:700;
	position: relative;
	margin-bottom:4%;
	margin-top:10px;
	letter-spacing:-0.25px;
}
.eventcont .box > h3:after {
	content:"";
	display:block;
	width:30px;
	height:2px;
	background:#1e57a3;
	margin:15px auto;
}
.eventcont .box > p {
	font-size:1.2em;
	color:#666666;
}

.eventcont .btn {
	position: center;
	margin: auto;
	margin-top:20px;
	text-align:center;
	font-size:0;
}

.eventcont .btn .btn1 {
	width:70px;
	display:inline-block;
	line-height:41px;
	font-size:15px;
	color:#fff;
	background:#1e57a3;
	margin-right:5px;
}

.eventcont .btn .btn2 {
	width:70px;
	display:inline-block;
	line-height:41px;
	font-size:15px;
	color:#fff;
	background:#929292;
	margin-right:5px;
}

.productcont {
	width:100%;
	max-width:600x;
	min-width:280px;
	border-top: none;
	margin-bottom:40px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

.productcont .section1 {
	width:100%;
	border-bottom: none;
	background: linear-gradient(90deg, #fff, #F4F4F4, #f4f4f4, #fff);
}

.productcont .section1 .top {
	width:100%;
	margin:auto;
	border-bottom: 1px solid #4682dc;
}

.productcont .section1 h1 {
	text-align:left;
	line-height:80px;
	font-size:30pt;
	font-weight: bold;
	color: #1e57a3;
	margin-left:20px;
	display:inline-block;
}

.productcont .section1 h2 {
	font-size:22px;
	line-height: 30px;
	font-weight: 700;
	margin-left:20px;
}

.productcont .section1 h3 {
	font-size: 20px;
	line-height: 30px;
	color: #656766;
	font-weight: bold;
	margin-left:20px;
}

.productcont .section1 h4 {
	font-size:24px;
	text-align:center;
	font-weight: 700;
	margin-bottom:20px;
	margin-top:50px;
}

.productcont .section1 .top img.prdtimg {
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 20px 0;
}

.productcont .section1 .top li.icn {
	display: inline-block;
	width:25%;
	margin: 0% 12% 0% 12%;
}

.productcont .section1 .top img.icn {
	width:80px;
	height:80px;
}

.productcont .section1 .top td {
	width: 100%;
	text-align: left;
	padding: 30px 20px 5px 20px;
	font-size: 12px;
	font-family: 'Lato', 'Noto Sans KR';
	-webkit-column-rule: exactly;
	line-height:18px;
	text-align: left;
	color: #ffffff;
}

.productcont .section1 .top td .bar {
	width:40px;
	height:2px;
	background:#1e57a3;
}

.productcont .section1 .top td p {
	padding:18px 0 44px;
	font-size:15px;
	color:#777777;
	line-height:25px;
}	
.productcont .section1 .imgBottom {text-align:center;}

.productcont .section1 .videocontainer {
	position:relative;
	height:0;
	padding-bottom:56.25%;
	margin-bottom: 25px;
}

.productcont .section1 .videocontainer iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.productcont .section2 {
	width:100%;
	text-align:center;
	border-bottom: none;
}

.productcont .section2 .top {
	width:100%;
	margin:auto;
	border-bottom: 1px solid #4682dc;
}

.productcont .section2 .top h4,
.productcont .section2 .top h2 {
	font-size:24px;
	text-align:center;
	font-weight: 700;
	margin-bottom:20px;
	margin-top:50px;
}

.productcont .section2 .top h3 {
	background-color: #cfcfcf8e;
    color: #333;
    padding: 15px;
	font-weight:bold;
    border: none;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px #ddd;
	border-top: 1px #ddd;
    margin-top: 1px;
	text-align:center;
	font-size:14pt;
	display:block;
}

.productcont .section2 .top .panel {
	padding: 0px;
	text-align: center;
}

.productcont .section2 .top .panel p {
	max-width:100%;
	margin:0;
	padding:20px 20px 24px;
	box-sizing:border-box;
	text-align:left;
	font-size:16px;
	line-height:1.75;
}

.product-summary {
	max-width:calc(100% - 40px) !important;
	font-size:16px !important;
	line-height:1.75 !important;
}

.productcont .section2 .top .panel img {
	padding-bottom: 30px;
	width : 90%;
}

.productcont .section2 .top .relatedprdct {
	display: inline-block;
}

.productcont .section2 .top .relatedprdct li {
	text-align:center;
	display: inline-block;
	align-items: center;
	width:35%;
	margin: 5%;
	border:5px;
}

.productcont .section2 .top .relatedprdct li a img {
	width: 100%;
}

.productcont .section2 .linkBtn {
	margin:28px 0 50px;
	font-family: 'Lato', 'Noto Sans KR', sans-serif;
	padding:0 100px;
	border-radius: 40px;
	line-height:50px;
	background:#4d4d4d;
	color:#fff;
	font-size:16px;
	display:inline-block;
	text-transform:uppercase;
}
.technologyInquiryCta {
	margin:-86px 0 50px;
	text-align:center;
}
.m34 + .technologyInquiryCta { margin-top:0; }
.m30.m34 { margin-bottom:50px; }
.technologyInquiryCta .linkBtn {
	font-family: 'Lato', 'Noto Sans KR', sans-serif;
	padding:0 100px;
	border-radius:40px;
	line-height:50px;
	background:#4d4d4d;
	color:#fff;
	font-size:16px;
	display:inline-block;
	text-transform:uppercase;
}
/* PRODUCT breadcrumb dropdown */
#nav .productNavMenu {
	width: 190px;
	max-height: 70vh;
	overflow-y: auto;
}

/* Category headers: 3D AOI / 2D AOI / CCI / SPI / SEMI */
#nav .productNavMenu li.navGroup span {
	display: block;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #333;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	white-space: nowrap;
	box-sizing: border-box;
}

/* First category header */
#nav .productNavMenu li.navGroup:first-child span {
	border-top: 0;
}

/* Product links */
#nav .productNavMenu li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
/* Standardized INTELLI-PRO AI mobile typography */
#eventsubTitle h3, #eventsubTitle h4, #eventsubTitle h5, #eventsubTitle > p, .eventcont, .eventcont h5, .eventcont .btn .btn1 {font-family:"Noto Sans KR", sans-serif;}
#eventsubTitle h3 {font-size:28px; line-height:1.35; margin-top:0; color:#555;}
#eventsubTitle h4 {font-size:20px; line-height:1.4;}
#eventsubTitle h5 {font-size:16px; line-height:1.6; margin-bottom:30px;}
#eventsubTitle > p, .eventcont h5 {font-size:14px; line-height:1.7; color:#666;}

/* CI page */
.m13 { margin:0 15px 70px; color:#333; font-family:"Noto Sans KR", sans-serif; }
.m13 .m00SubTitle { max-width:680px; margin-left:auto; margin-right:auto; white-space:normal; overflow-wrap:break-word; word-break:normal; }
.m13 .ciLead { padding:38px 0 34px; text-align:center; border-bottom:1px solid #e5e8ed; }
.m13 .ciEyebrow { margin:0 0 10px; color:#0e4194; font-size:10px; letter-spacing:1.5px; font-weight:600; }
.m13 .ciLead h2 { margin:0 0 14px; color:#222; font-size:26px; font-weight:500; }
.m13 .ciLead > p:last-child,.m13 .ciSection p { margin:0; color:#666; font-size:13px; line-height:1.75; }
.m13 .ciSection { padding:40px 0 0; }
.m13 .ciSectionTitle { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.m13 .ciSectionTitle span { color:#0e4194; font-size:11px; font-weight:600; }
.m13 .ciSectionTitle h3 { margin:0; color:#222; font-size:20px; font-weight:500; }
.m13 .ciSection h4 { margin:22px 0 7px; color:#222; font-size:15px; font-weight:500; }
.m13 .ciMeaningGrid,.m13 .ciRuleGrid { display:block; }
.m13 .ciMeaningGrid > div,.m13 .ciRuleGrid > div { padding:18px; margin-bottom:10px; background:#f6f8fb; }
.m13 .ciSlogan { margin-top:22px; color:#222; font-size:16px; line-height:1.5; }
.m13 .ciSlogan strong { color:#0e4194; }
.m13 .ciLogoGrid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.m13 .ciLogoCard { height:105px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.m13 .ciLogoCard.light,.m13 .bgSample.whiteBg { background:#f7f8fa; }
.m13 .ciLogoCard.blue,.m13 .bgSample.blueBg { background:#0e4194; }
.m13 .ciLogoCard img { width:78%; height:auto; }
.m13 .ciLogoCard p { margin:7px 0 0 !important; color:#888 !important; font-size:9px !important; letter-spacing:.5px; }
.m13 .ciLogoCard.blue p { color:#dbe5f7 !important; }
.m13 .ciGridCard { padding:18px 10px; background:#f7f8fa; text-align:center; }
.m13 .ciGrid { position:relative; width:100%; height:98px; margin:0 auto; display:grid; grid-template-columns:repeat(12,1fr); grid-template-rows:repeat(5,1fr); border:1px solid #d9e0eb; background-image:linear-gradient(#d9e0eb 1px,transparent 1px),linear-gradient(90deg,#d9e0eb 1px,transparent 1px); background-size:calc(100% / 12) calc(100% / 5); }
.m13 .ciGrid i { position:absolute; width:8px; height:8px; border-color:#0e4194; border-style:solid; }
.m13 .ciGrid i:nth-child(1){left:5px;top:5px;border-width:1px 0 0 1px}.m13 .ciGrid i:nth-child(2){right:5px;top:5px;border-width:1px 1px 0 0}.m13 .ciGrid i:nth-child(3){left:5px;bottom:5px;border-width:0 0 1px 1px}.m13 .ciGrid i:nth-child(4){right:5px;bottom:5px;border-width:0 1px 1px 0}
.m13 .ciGridLogo { grid-column:3/11; grid-row:2/5; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.86); }
.m13 .ciGridLogo img { width:85%; height:auto; }
.m13 .ciColorGrid { display:block; }
.m13 .ciColorCard { display:flex; align-items:center; gap:15px; padding:15px; margin-bottom:8px; border:1px solid #e1e5eb; }
.m13 .ciColorCard .swatch { width:48px; height:48px; flex:none; background:#0e4194; }
.m13 .ciColorCard .swatch.white { background:#fff; border:1px solid #ddd; }
.m13 .ciColorCard h4 { margin:0 0 5px; font-size:14px; }
.m13 .ciColorCard p { font-size:11px !important; line-height:1.55 !important; }
.m13 .ciNote { margin-top:10px !important; color:#888 !important; font-size:11px !important; }
.m13 .ciBackgroundGrid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px; }
.m13 .bgSample { height:65px; display:flex; align-items:center; justify-content:center; }
.m13 .bgSample.darkBg { background:#20242b; }
.m13 .bgSample img { width:78%; height:auto; }
.m13 .ciLegal { display:flex; gap:15px; margin-top:20px; padding-top:15px; border-top:1px solid #e1e5eb; color:#666; font-size:12px; }
.m13 .ciLegal strong { color:#222; font-weight:500; }

/* CI content restored from approved preview */
.m13 .ciHero { margin:0 -15px; padding:0 15px; background:#f4f7fb; }.m13 .ciHeroInner { padding:38px 0 34px; }.m13 .ciEyebrow { color:#0e4194; font-size:10px; letter-spacing:1.2px; font-weight:600; }.m13 .ciHero h2 { margin:10px 0 14px; color:#222; font-size:27px; line-height:1.25; font-weight:500; }.m13 .ciHero p { margin:0; color:#666; font-size:13px; line-height:1.75; }
.m13 .logo-card { margin:20px 0 0; padding:18px; border:1px solid #e1e5eb; }.m13 .logo-card img { display:block; width:82%; margin:0 auto 15px; }.m13 .logo-caption { color:#777; font-size:12px; line-height:1.7; text-align:center; }
.m13 .ciDownload { display:block; width:max-content; margin:15px auto 0; padding:9px 16px; border:1px solid #0e4194; color:#0e4194; font-size:11px; text-decoration:none; }
.m13 .copy-section { padding:40px 0 0; }.m13 .section-kicker { margin-bottom:9px; color:#0e4194; font-size:10px; letter-spacing:1px; font-weight:600; }.m13 .copy-section > h3 { margin:0 0 15px; color:#222; font-size:20px; line-height:1.4; font-weight:500; }.m13 .copy-section > p { margin:0 0 14px; color:#666; font-size:13px; line-height:1.8; }.m13 .copy-section em { font-family:"Noto Sans KR","Noto Sans",Arial,sans-serif; font-style:italic; }.m13 .slogan { margin:20px 0 14px; padding:17px; background:#f6f8fb; }.m13 .slogan .small { margin-bottom:6px; color:#888; font-size:10px; letter-spacing:.8px; }.m13 .slogan h4 { margin:0; color:#222; font-size:16px; line-height:1.5; font-weight:400; }.m13 .copy-section .caption { color:#888; font-size:11px; }.m13 .rules { display:block; }.m13 .rule { margin-bottom:8px; padding:18px; background:#f6f8fb; }.m13 .rule .num { margin-bottom:9px; color:#0e4194; font-size:10px; letter-spacing:.7px; }.m13 .rule h4 { margin:0 0 7px; color:#222; font-size:15px; font-weight:500; }.m13 .rule p { margin:0; color:#666; font-size:12px; line-height:1.7; }
.m13 .grid-spec { width:100%; height:120px; margin:20px auto 15px; background-size:calc(100% / 10) calc(100% / 5); }.m13 .grid-logo { left:14%; right:14%; top:22%; bottom:22%; }.m13 .grid-spec .label { font-size:9px; }.m13 .grid-spec .label.top { top:5px; }.m13 .grid-spec .label.left { left:5px; }.m13 .colors { display:block; margin:18px 0; }.m13 .color { gap:14px; margin-bottom:8px; padding:15px; }.m13 .color .swatch { width:50px; height:50px; }.m13 .color b { margin-bottom:5px; font-size:14px; }.m13 .color span { font-size:11px; line-height:1.55; }
.m13 .backgrounds { grid-template-columns:repeat(3,1fr); gap:5px; margin:18px 0; }.m13 .bg { height:72px; }.m13 .bg img { width:82%; }.m13 .bg .tag { left:4px; bottom:4px; font-size:8px; }.m13 .notice { margin-top:10px; padding:13px; font-size:11px; line-height:1.7; }.m13 .prohibited { display:block; }.m13 .prohibited p { margin:0 0 6px !important; padding:11px 12px; font-size:12px !important; }.m13 .naming { display:block; margin:18px 0; }.m13 .naming div { display:block; padding:12px 14px; }.m13 .naming b { display:block; width:auto; margin-bottom:4px; font-size:12px; }.m13 .naming span { font-size:12px; }.m13 .checklist { display:block; margin-top:18px; }.m13 .checklist div { display:flex; gap:10px; padding:12px; margin-bottom:5px; }.m13 .checklist b { width:42px; flex:none; margin:0; font-size:11px; }.m13 .checklist span { font-size:11px; line-height:1.55; }
.m13 .ciHero h2 { white-space:normal; overflow-wrap:break-word; word-break:normal; font-size:22px; letter-spacing:-.8px; }
.m13 .ciHero p { white-space:normal; overflow-wrap:break-word; word-break:normal; font-size:11px; letter-spacing:-.5px; }

/* PC에서 모바일 페이지를 직접 열 때 모바일 캔버스 비율 유지 */
@media screen and (min-width: 768px) {
    body { background:#eef1f5; }
    #wrap { width:750px; max-width:750px; margin:0 auto; background:#fff; }
}

/* CI brand color standard: Brand Blue #1428A0 */
.m13 .ciEyebrow,.m13 .ciSectionTitle span,.m13 .ciSlogan strong,.m13 .section-kicker,.m13 .copy-section strong,.m13 .slogan h4 strong,.m13 .grid-spec .label,.m13 .prohibited p:before,.m13 .checklist b { color:#1428A0; }
.m13 .ciLogoCard.blue,.m13 .bgSample.blueBg,.m13 .ciColorCard .swatch,.m13 .color .swatch,.m13 .bg.blue { background-color:#1428A0; }
.m13 .ciGrid i { border-color:#1428A0; }
.m13 .ciDownload { border-color:#1428A0; color:#1428A0; }

/* Technology content layout: readable mobile text and responsive images. */
.m31 .box > p,
.m32 .box > p,
.m33 .box > p { max-width:92%; margin-left:auto; margin-right:auto; font-size:17px; line-height:1.7; overflow-wrap:break-word; }
.m31 .box > img,
.m32 .box > img,
.m33 .box > img { display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; }

/* Mobile product content: readable typography, natural wrapping, and centered images. */
.productcont .section2 .top .panel p,
.productcont .product-summary {
	max-width:92%;
	margin:0 auto;
	box-sizing:border-box;
	font-size:17px !important;
	line-height:1.7 !important;
	text-align:left;
	word-break:normal;
	overflow-wrap:break-word;
}
.productcont .section2 .top .panel > img {
	display:block;
	width:auto !important;
	max-width:100% !important;
	height:auto;
	margin:0 auto 30px;
	padding-bottom:0;
}

/* CI mobile image containment: keep logo samples inside their cards. */
.m13 .grid-logo img { display:block; width:85%; max-width:100%; height:auto; margin:0 auto; }
.m13 .backgrounds { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.m13 .backgrounds .bg { position:relative; width:auto; overflow:hidden; }
.m13 .backgrounds .bg img { display:block; width:82%; max-width:100%; height:auto; margin:0 auto; }
.m13 .grid-spec { position:relative; }
.m13 .grid-spec .label { position:absolute; z-index:2; white-space:nowrap; }
.m13 .grid-spec .label.top { top:-18px; left:50%; transform:translateX(-50%); }
.m13 .grid-spec .label.left { left:4px; top:50%; transform:translateY(-50%); }
.m13 .grid-spec .grid-logo { top:30%; bottom:18%; }
.m13 .backgrounds .bg { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.m13 .backgrounds .bg .tag { position:static; width:100%; margin-top:5px; text-align:center; line-height:1.2; }
.m13 .backgrounds .bg.light { background:#f6f8fb; }
.m13 .backgrounds .bg.blue { background:#1428A0; }
.m13 .backgrounds .bg.dark { background:#222831; }
.m13 .backgrounds .bg.blue .tag,
.m13 .backgrounds .bg.dark .tag { color:#dce5f4; }
/* CI color labels and values need a clear vertical separation on mobile. */
.m13 .color b { display:block; margin-bottom:6px; }
.m13 .color span { display:block; margin-top:0; }
.m13 .color .swatch.white { background:#fff !important; border:1px solid #ddd; }
.productcont .section2 .top .panel > img[src*="pr_flipper.gif"] { width:auto !important; max-width:300px !important; height:auto !important; }