/*
=========================================================
Editor		: OH00
Version		: 2018-0930-1
Since		: 2017-03-3
Last Up Date	:  2018-09-30 00:00
=========================================================

[Index]
- wrapper css / Do not change
	- header
	- global nav
	- footer
	- content

================================================= */
/* all reset */
#comHeader h1,#comHeader h2,#comHeader h3,#comHeader h4,#comHeader h5,#comHeader h2 + .h3,#comHeader section,#comHeader h3 + p,#comHeader h3 + ul,#comHeader h4 + p,#comHeader h4 + ul,#comHeader h3 + table,#comHeader h4 + table,#comHeader section > h4:first-child,#comHeader section > h3:first-child,#comHeader p,#comHeader ul,#comHeader dl,#comHeader table,#comHeader p img,
#comHeader li img,#comHeader dt img,#comHeader dd img{margin-top:0;margin-bottom:0;}
#comFooter h1,#comFooter h2,#comFooter h3,#comFooter h4,#comFooter h5,#comFooter h2 + .h3,#comFooter section,#comFooter h3 + p,#comFooter h3 + ul,#comFooter h4 + p,#comFooter h4 + ul,#comFooter h3 + table,#comFooter h4 + table,#comFooter section > h4:first-child,#comFooter section > h3:first-child,#comFooter p,#comFooter ul,#comFooter dl,#comFooter table,#comFooter p img,
#comFooter li img,#comFooter dt img,#comFooter dd img{margin-top:0;margin-bottom:0;}
#comSide h1,#comSide h2,#comSide h3,#comSide h4,#comSide h5,#comSide h2 + .h3,#comSide section,#comSide h3 + p,#comSide h3 + ul,#comSide h4 + p,#comSide h4 + ul,#comSide h3 + table,#comSide h4 + table,#comSide section > h4:first-child,#comSide section > h3:first-child,#comSide p,#comSide ul,#comSide dl,#comSide table,#comSide p img,
#comSide li img,#comSide dt img,#comSide dd img{margin-top:0;margin-bottom:0;}


#comHeader a,#comHeader a:link,#comHeader a:visited,
#comFooter a,#comFooter a:link,#comFooter a:visited,
#comSide a,#comSide a:link,#comSide a:visited,
#comBreadcrumb a,#comBreadcrumb a:link,#comBreadcrumb a:visited{text-decoration:none;}

/* --------------------------------------------
header
----------------------------------------------- */
.tc{
	width: 1000px;
}.tc img{
	width: 100%;
}
.a1{
	text-decoration-color: rgb(46, 161, 33) !important;
	font-size: 24px;
}
.a1 span{
	line-height: 18px;
	color: rgb(46, 161, 33);
	font-family: 等线;
	font-size: 24px;
}
.newComSideUl{
	margin-left: 5px;
}
.indexP{
	color:#000;
}
.displayStyle{
	display: none;
}
#comHeader{
max-width:1296px;
height:48px;
margin:36px auto;
position:relative;
}
#comHeader a{
text-decoration:none;
}
#headLogo{
width: 555px;
height: inherit;
}
#headLogo a {
height: inherit;
max-height: 48px;
display: inline-block;
}
#headLogo a img{
width:auto;
height: 90%;
}
#headGroupLogo{
position:absolute;
top:0px;
right:0px;
width:81px;
}
#headMenu{
position:absolute;
top:-2px;
right:117px;
}
#headMenu::after{
content:"";
display:block;
width:0;
height:0;
clear:both;
}
#headMenu .headLink{
float:left;
font-size:16px;
margin-top:-2px;/* add pre'2px' */
}
#headMenu .headLink a:hover{
text-decoration:underline;
}
#headMenu .searchArea{
float:left;
width:16px;
overflow:hidden;
-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
-ms-transition: width 0.5s ease;
transition: width 0.5s ease;
}
#headMenu .searchArea.on{
width:280px;
}
#headMenu .searchArea form{
padding-left:26px;
padding-top:2px;
background-image:url(../images/search_ico.gif);
background-repeat:no-repeat;
background-position:0 50%;
background-size:16px 16px;
cursor:pointer;
}
#headMenu .searchArea input{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display:block;
outline: 0;
width:100%;
border:none;
border-bottom:solid 1px #000000;
font-size:13px;
line-height:1.2;
color:#000000;
-webkit-appearance: none;
border-radius: 0;
vertical-align:middle;
}
#headMenu .searchArea span.placeholder{font-size:13px;}
#headMenu .searchArea input:-ms-input-placeholder {
color:#fff;
}
#headMenu .hnav{
float:left;
margin:0 20px 0;
padding-right:21px;
position:relative;
}
#headMenu .hnav::after{
content:"";
display:block;
width:1px;
height:11px;
position:absolute;
right:0px;
top:50%;
margin-top:-5.5px;
background-color:#000000;
}
#headMenu .hnav ul::after{
content:"";
display:block;
width:0;
height:0;
clear:both;
}
#headMenu .hnav ul li{
float:left;
margin-left:20px;
font-size:16px;
line-height:1.2;
}
#headMenu .hnav ul li:first-child{
margin-left:0;
}
#headMenu .headLang{
float:left;
font-size:0;
margin-top:4px;
}
#headMenu .headLang strong,
#headMenu .headLang span,
#headMenu .headLang a{
position:relative;
display:inline-block;
vertical-align:middle;
font-size:14px;
line-height:1.2;
font-weight:normal;
}
#headMenu .headLang span,
#headMenu .headLang a{
	margin-left:0.5em;
}
#headMenu .headLang span::after,
#headMenu .headLang a:hover::after{
	content:"";
	position:absolute;
	bottom:-4px;
	left:0;
	width:100%;
	height:2px;
	background-color:#000000;
}

/* hover */
#headMenu .hnav a:hover,
#headMenu .headLink a:hover{color:#e31f26;text-decoration:none;}

/* global nav
----------------------------------------------- */
#gnav{
position:absolute;
top:33px;
right:117px;
z-index:150;
}
#gnav nav > ul{
text-align:left;
font-size:0;
}
#gnav nav > ul + ul{
	display:none;
}
#gnav nav > ul > li{
display:inline-block;
vertical-align:top;
font-size:18px;
line-height:1.2;
margin-left:25px;
position:relative;
}
#gnav nav > ul > li:first-child{
margin-left:0px;
}
#gnav nav > ul > li > p {/* add :pre it's not written */
margin-top:-2px
}
#gnav nav > ul > li > p a{
position:relative;
z-index:1;
text-transform: uppercase;
}
#gnav nav > ul > li a:hover,
#gnav nav > ul > li.active > p a,
#gnav nav > ul > li.selected > p a,
#gnav nav > ul > li.selected > a,
#gnav nav > ul > li.selected > a:hover{
color:#e31f26;
}
#gnav nav > ul > li .megaDrop{
position:absolute;
top:18px;
left:0px;
width:100%;
padding-top:33px;
text-align:left;
background-color: rgba( 255, 255, 255, 0.98 );
z-index:0;
display:none;
}
#gnav nav > ul > li.active .megaDrop{
z-index: 100;
}
#gnav > ul > li .megaDrop .inner{
width:100%;
display:table;
}
#gnav nav > ul > li .megaDrop .inner .catTl{
display:table-cell;
vertical-align:top;
background-color:#82a0aa;
padding:70px;
}
#gnav nav > ul > li .megaDrop .inner .catTl p{
width:360px;
font-size:76px;
line-height:1;
color:#ffffff;
margin-top:-6px;
text-transform: uppercase;
}
#gnav nav > ul > li .megaDrop .inner .detail{
display:table-cell;
vertical-align:top;
padding:72px;
height:16em;/* add / The block is not able to set 'min-height', because of 'table-cell'. height will work as same as 'min-height' when using 'table-cell'. */
}
@media only screen and (max-width: 991px){/* add */
	#gnav nav > ul > li .megaDrop .inner .detail{
	height:auto;
	}
}


#gnav nav > ul > li .megaDrop .inner .detail ul{
width:792px;
font-size:0;
}
#gnav nav > ul > li .megaDrop .inner .detail ul li{
display:inline-block;
vertical-align:top;
font-size:16px;
line-height:1.2;
width:360px;
margin-top:16px;
margin-right:72px;
text-transform: uppercase;
}
#gnav nav > ul > li .megaDrop .inner .detail ul li:nth-child(2n){
margin-right:0px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul li:nth-child(-n+2){
margin-top:0px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr{
border-bottom:none;
border-top:solid 1px #737373;
margin:24px 0;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.comSubNv li{
font-size:14px;
}
#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.comSubNv.col1 li{
float:none;width:auto;
}
#gnav nav > ul > li .megaDrop .close{
position:absolute;
top:30px;
right:72px;
width:13px;
height:13px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
cursor:pointer;
}
#gnav nav > ul > li .megaDrop .close::before{
display:block;
content:"";
position:absolute;
top:50%;
left:-1px;
width:15px;
height:2px;
margin-top:-1px;
background:#000;
transform:rotate(45deg);
-webkit-transition:background .2s;
transition:background .2s;
}
#gnav nav > ul > li .megaDrop .close::after{
display:block;
content:"";
position:absolute;
top:50%;
right:-1px;
width:15px;
height:2px;
margin-top:-1px;
background:#000;
transform:rotate(-45deg);
-webkit-transition:background .2s;
transition:background .2s;
}
#gnav nav > ul > li .megaDrop .close:hover::before,
#gnav nav > ul > li .megaDrop .close:hover::after{
background:#666;
}
#gnav .searchArea,
#gnav .headLink,
#gnav .headLang,
#spMenuBtn{
display:none;
}

/* for IR ajust font-size
#gnav nav > ul > li > p a span.al,
#gnav nav > ul > li .megaDrop .catTl p > span.al,
#comContent h1.comSecH1 span.al{
	font-size:116%;
	font-family:'Noto Sans CJK JP Medium', Arial, Helvetica, sans-serif;
} */

/* --------------------------------------------
breadcrumb
----------------------------------------------- */
#comBreadcrumb{
width:100%;
border-top:solid 1px #e6e6e6;
border-bottom:solid 1px #e6e6e6;
}
ul#breadcrumb{
max-width:1296px;
width:100%;
padding-top:6px;
padding-bottom:4px;
margin:0px auto;
}
ul#breadcrumb li{
font-size:14px;
line-height:1.1;
display:inline;
}
ul#breadcrumb li:nth-child(-n+3){
text-transform:uppercase;
}
ul#breadcrumb li a:hover{
text-decoration:none;
}


/* --------------------------------------------
content
----------------------------------------------- */
#comContent{
margin-top:36px;
}
#comConPosi,
.comConPosi{
position:relative;
max-width:1296px;
margin:0px auto;
/*overflow:hidden;*/
}
#comConPosi:after,
.comConPosi:after{
content:'';display:block;height:1px;clear:both;visibility:hidden;
}
#comMainContent{
float:right;
width:936px;
text-align:left;
}
#comSide{
float: left;
width:288px;
-webkit-transition: margin .5s ease .1s;
transition: margin .5s ease .1s;
}
#comSide h2{
margin-bottom:20px;
text-transform:uppercase;/* add */
}
#comSide h2:last-child{
margin-bottom:0;
}
#comSide nav + h2{
margin-top:20px;
}
#comSide h2 a:hover{
text-decoration:none;
color:#e31f26;
}
#comSide .shortcutMenu,
#comSide .otherMenu{
margin-top:37px;
border-top:solid 2px #e5e5e5;
padding-top:25px;
}
#comSide .menu li{
display:inline-block;
}
#comSide .menu li a,
#comSide .shortcutMenu li a,
#comSide .otherMenu li a{
text-decoration:none;
}
#comSide .shortcutMenu li a::after,
#comSide .otherMenu li a::after{
content:"";
display:inline-block;
vertical-align:baseline;
margin-bottom:-0.1em;width:0.4em;height:0.8em;
margin-left:7.2px;
background:url(../images/txt_link_arrow_icn.svg) no-repeat center;
background-size:auto 100%;
}
#comSide .menu li a:hover,
#comSide .shortcutMenu li a:hover,
#comSide .otherMenu li a:hover{
color:#e31f26;
}
#comSide .menu > li,
#comSide .shortcutMenu > li,
#comSide .otherMenu > li{
font-size:18px;
margin-top:12px;
width:100%;
}
#comSide .menu li,
#comSide .shortcutMenu li,
#comSide .otherMenu li{
text-transform:uppercase;
}
#comSide .menu li li,
#comSide .shortcutMenu li li,
#comSide .otherMenu li li{
text-transform:none;
}
#comSide .menu > li > ul,
#comSide .shortcutMenu > li > ul,
#comSide .otherMenu > li > ul{
padding:10px 0px 10px 0px;
font-size:0;
display:none;
}
#comSide .menu > li > ul li,
#comSide .shortcutMenu > li > ul li,
#comSide .otherMenu > li > ul li{
font-size:17px;
margin-top:4px;
margin-bottom:4px;
font-weight:normal;
width:100%;
}
#comSide .menu > li > ul li > ul{
padding:10px 0px;
display:none;
}
#comSide .menu > li > ul li > ul li{
font-size:16px;
margin-top:6px;
padding-left:1.1em;
margin-left:0.3rem;
background-image:url(../images/comside_line.gif);
background-repeat:no-repeat;
background-position:0 0.65em;
background-size:5px 2px;
}
#comSide .menu li.lnavSubTtl{
margin-top:8px;
font-size:16px;
color:#757575;
text-transform:uppercase;
}

/* side comLnTech */
#comSide .menu .comLnTech > li,
#comSide .menu .comLnTech > li.comLnGrp > ul > li{
background-image:none;
padding-left:0;
margin-top:8px;
margin-bottom:8px;
width:auto;
display:block;
}
#comSide .menu .comLnTech > li:first-child{
	margin-top:0;
}
#comSide .menu .comLnTech > li.comLnGrp{
border:solid 1px #000;
width:150px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#comSide .menu .comLnTech > li .comLnVol,
#comSide .menu .comLnTech > li.comLnGrp .comLnVol{
display:inline-block;
position:relative;
padding-left:1.1em;
cursor:pointer;
}
#comSide .menu .comLnTech > li .comLnVol:hover,
#comSide .menu .comLnTech > li.comLnGrp .comLnVol:hover{
color:#e31f26;
}
#comSide .menu .comLnTech > li .comLnVol::before,
#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
content:"+";
position:absolute;
top:-0.1em;
left:0;
font-size:24px;
line-height:1.1;
}
#comSide .menu .comLnTech > li .comLnVol.current::before,
#comSide .menu .comLnTech > li.comLnGrp .comLnVol.current::before{
content:"-";
left:0.1em;
-moz-transform:scale(1.5, 1);
-webkit-transform:scale(1.5, 1);
-o-transform:scale(1.5, 1);
-ms-transform:scale(1.5, 1);
transform:scale(1.5, 1);
}
#comSide .menu .comLnTech .comLnNo{
padding-left:1.1em;
padding-bottom:0;
}
#comSide .menu .comLnTech .comLnNo li{
margin-left:0;
margin-top:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl{
display:block;
padding:3px 10px 3px 17px;
position:relative;
cursor:pointer;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl:hover{
color:#e31f26;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
content:"+";
font-size:20.8px;
display:inline-block;
vertical-align:baseline;
margin-right:0.5em;
line-height:1.1;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl.current::before{
content:"-";
margin-right:0.6em;
margin-left:0.1em;
-moz-transform:scale(1.6, 1);
-webkit-transform:scale(1.6, 1);
-o-transform:scale(1.6, 1);
-ms-transform:scale(1.6, 1);
transform:scale(1.6, 1);
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl + ul{
background-color:#e5e5e5;
padding:6px 10px 6px 17px;
}
#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl + ul > li{
margin-left:0;
}

/* current /add */
#lnavMenu .menu ul.lCurrent{display:block;}
#lnavMenu .menu ul.lCurrent ul{display:none;}
#lnavMenu .menu ul.lCurrent ul.lCurrent,
#lnavMenu .menu a.lCurrent + ul{display:block !important;}
#lnavMenu a.lCurrent:link,
#lnavMenu a.lCurrent:visited,
#lnavMenu a.lCurrent{color:#e31f26;}

/* side search */
#sideSearch{
width:100%;
position:relative;
margin-bottom:30px;
border-bottom:solid 2px #000;
}
#sideSearch input{
width:100%;
height:27px;
font-size:100%;
line-height:1.1;
padding-left:26px;
color:#000;
border:none;
-webkit-appearance:none;
border-radius:0;
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
outline:0;
background:url(/products/images/index_search_icn.png) no-repeat left center;
background-size: 16px 16px;
}
#sideSearch input::-webkit-input-placeholder{
color:#000;
}
#sideSearch input:-moz-placeholder{
color:#000;
}
#sideSearch input::-moz-placeholder{
color:#000;
}
#sideSearch input:-ms-input-placeholder{
color:#000;
}
#sideSearch input:placeholder-shown{
color:#000;
}
#sideResult{
position:absolute;
top:100%;
left:0;
width:100%;
background-color:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
height:0;
opacity:0;
-webkit-transition: opacity .3s ease .1s;
transition: opacity .3s ease .1s;
}
#sideResult.active{
border:solid 2px #000;
height:auto;
opacity:1;
}
#sideResult ul{
width:100%;
padding:20px 0;
}
#sideResult ul li{
display:block;
width:100%;
}
#sideResult ul li a{
display:block;
padding:7px 22px;
}
#sideResult ul li a:hover{
text-decoration:none;
background-color:#e5e5e5;
}
#sideResult ul li a span{
display:block;
font-size:75%;
color:#3c5d69;
}
#sideResult ul li a span::before{
content:"[";
display:inline-block;
margin-right:0.8em;
}
#sideResult ul li a span::after{
content:"]";
display:inline-block;
margin-left:0.8em;
}

/* side recently */
#sideRecently{
margin-top:20px;
padding:25px;
background-color:#e5e5e5;
}
#sideRecently h3{
font-size:100%;
}
#sideRecently li{
margin-top:16px;
}
#sideRecently li a{
display:block;
overflow:hidden;
}
#sideRecently li a img{
float:left;
width:43.27%;
padding-right:13px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#sideRecently li a .inTxt{
float:left;
width:56.73%;
line-height:1.33;
}
#sideRecently li a .inTxt span{
font-size:75%;
color:#567783;
display:block;
}
#sideRecently li a .inTxt span::before{
content:"[";
display:inline-block;
margin-right:0.4em;
}
#sideRecently li a .inTxt span::after{
content:"]";
display:inline-block;
margin-left:0.4em;
}
#sideRecently li a:hover .inTxt span{
text-decoration:none;
}


/* --------------------------------------------
footer
----------------------------------------------- */
#comFooter{
max-width:1296px;
padding:100px 0px 36px;
margin:0px auto;
position:relative;
}
#pageTop{
position:fixed;
top:0px;
right:0px;
z-index: 100;
}
#pageTop.active{
position:absolute !important;
}
#pageTop a{
display:block;
width:48px;
height:48px;
background-color:#000;
background-image:url(../images/pagetop_arrow_icn.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:22px 13px;
cursor:pointer;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
opacity:0;
pointer-events:none;
text-indent:-9999px;
overflow:hidden;
}
#pageTop a.show{
opacity:1;
pointer-events:auto;
}
#pageTop:hover a{
background-color:#666;
}
#footGroupLogo{
position:absolute;
bottom:72px;
right:0px;
width:304px;
}
#footGroupLogo a img{
width:304px;
height:53px;
}
#followUs{
font-size:0;
padding-top:16px;
}
#followUs > *{
display:inline-block;
vertical-align:middle;
margin-left:25px;
margin-bottom:4px;
}
#followUs > p{
font-size:24px;
line-height:1.1;
margin-left:0px;
margin-bottom:0px;
}
#followUs > div.linkedin{
width:18px;
}
#followUs > div.youtube{
width:23px;
}
#followUs > div.feed{
width:15px;
}
#followUs > div a img{
width:100%;
height:auto;
}
#footerInSiteLink,
#footerLink{
margin-top:30px;
font-size:16px;
line-height:1.2;
}
#footerLink ul li{
display:inline;
margin-left:16px;
}
#footerLink ul li:first-child{
margin-left:0px;
}
#footerLink ul li a:hover{
text-decoration:none;
color:#e31f26;
}
#comFooter > p{
margin-top:24px;
margin-bottom:-4px;
font-size:13px;
line-height:1.2;
}


/* short header */
#footerInSiteLink .ftOtherLinks,
#footerLink .ftOtherLinks{padding-left:1.2rem;margin-left:1.2rem;border-left:solid 1px #000;}
#footerInSiteLink ul,
#footerInSiteLink ul li,
#footerLink ul,
#footerLink .ftOtherLinks li{
display:inline-block;
padding-top:2px;
}
#footerInSite,
#footerParentLinks{
max-width:1296px;
padding:0 0px 36px;
margin:0px auto;
position:relative;
}
.comShortFt #footerParentLinks{padding-bottom:0;}
.comShortFt #copyright{font-size:80%;}
.comShortFt#comFooter{max-width:none;width:auto;}
.comShortFt hr.footerLine{border:none;border-top:solid 1px #dfdfdf;margin:0;padding:0;height:1px;font-size:1px;line-height:1px;background-color:#fff;}
#comFooter.comShortFt #footerLink li{font-size:90%;}
.comShortFt #footerLink + p{margin-top:10px;}
.comShortFt #footGroupLogo{top:0;}

@media only screen and (max-width: 1440px){
	/* short header */
	#footerInSite,
	#footerParentLinks{width:91.66vw;margin-left:auto;margin-right:auto;}
	#footerInSite{padding-top:0;padding-bottom:3vw;}
	#footerParentLinks{padding-top:0;padding-bottom:4.16vw;}
}
@media only screen and (max-width: 991px){
	/* common*/
	.comShortFt #copyright{font-size:1.69vw;}
	/* short header */
	.comShortFt#comFooter{max-width:none;width:auto;padding-top:12.16vw;}
}
@media only screen and (max-width: 480px){
	/* common*/
	.comShortFt #footGroupLogo{margin:53px 0 0;width:100%;}
	.comShortFt #footGroupLogo a img{width:100%;height:auto;}
	.comShortFt #copyright{display:block;text-align:center}
	.comShortFt #footerLink{margin-bottom:14px;}
	.comShortFt #footerInSiteLink,
	.comShortFt #footerLink{font-size:110%;}

	/* short header */
	#comFooter.comShortFt{margin:30px 0 0 0;padding-top:14.16vw;}
	#comFooter.comShortFt #footGroupLogo{margin-top:30px;}
	#footerInSite,
	#footerParentLinks{margin:10px 20px 0px 20px;width:auto;}
	#footerInSite{position:relative;padding-bottom:30px;}
	#footerInSiteLink ul{text-align:center;}
	#footerInSiteLink .ftOtherLinks{padding-top:14px;border-left:0;padding-left:0;border:none}
	#footerLink nav{padding-bottom:20px;}
	#footerInSiteLink{text-align:center}
	#footerInSiteLink ul{display:block;}
	#footerInSiteLink .ftOtherLinks ul{display:inline-block;}
	#footerParentLinks{padding-bottom:0;}
}

/* --------------------------------------------
cookie alert
----------------------------------------------- */
.cookieAlertBox{
position:fixed;
bottom:0;
left:0;
width:100%;
padding:60px 0;
background-color:#e5e5e5;
display:none;
z-index:999;
}
.cookieAlertBox .inner{
max-width:1296px;
margin:0 auto;
position:relative;
}
.cookieAlertBox p{
line-height:1.7;
margin-top:0;
}
.cookieAlertBox p a{
font-size:87.5%;
}
.cookieAlertBox p a::after{
content:"";
display:inline-block;
vertical-align: baseline;
margin-bottom:-0.1em;width:0.4em;height:0.8em;
margin-left:6px;
background:url(../images/txt_link_arrow_icn.svg) no-repeat center;
background-size:auto 100%;
}
.cookieAlertBox .cookieApprovalBtn{
position:absolute;
top:0;
right:0;
display:table;
line-height:1.2;
padding:13px 20px;
margin-left:36px;
border:solid 2px #000;
cursor:pointer;
-webkit-transition:color .2s, background-color .2s;
transition:color .2s, background-color .2s;
}
.cookieAlertBox .cookieApprovalBtn span{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.cookieAlertBox .cookieApprovalBtn:hover{
color:#fff;
background-color:#000;
}
.cookieAlertBox .closeBtn{
width:14px;
height:14px;
position:absolute;
top:-40px;
right:0;
cursor:pointer;
}
.cookieAlertBox .closeBtn::before{
display:block;
content:"";
position:absolute;
top:50%;
left:-2px;
width:18px;
height:2px;
margin-top:-1px;
background:#000;
transform:rotate(45deg);
-webkit-transition:background .2s;
transition:background .2s;
}
.cookieAlertBox .closeBtn::after{
display:block;
content:"";
position:absolute;
top:50%;
right:-2px;
width:18px;
height:2px;
margin-top:-1px;
background:#000;
transform:rotate(-45deg);
-webkit-transition:background .2s;
transition:background .2s;
}
.cookieAlertBox .closeBtn:hover::before,
.cookieAlertBox .closeBtn:hover::after{
background:#666;
}


@media only screen and (max-width: 1440px){
	/* --------------------------------------------
	header
	----------------------------------------------- */
	#comHeader{
	max-width:none;
	width:90vw;
	height:3.33vw;
	margin:2.5vw auto;
	}
	#headLogo{
	width:34.72vw;
	height:3.33vw;
	}
	#headLogo img{
	width:auto;
	height:100%;
	}
	#headGroupLogo{
	width:5.62vw;
	}
	#headGroupLogo img{
	width:100%;
	height:auto;
	}
	#headMenu{
	top:-0.25vw;
	right:8.12vw;
	}
	#headMenu .headLink{
	margin-top:0.05vw;/* add :pre :0.25vw */
	}
	#headMenu .searchArea{
	width:1.11vw;
	}
	#headMenu .searchArea.on{
	width:19.44vw;
	}
	#headMenu .searchArea form{
	padding-left:1.8vw;
	padding-top:0.13vw;
	background-size:1.6rem 1.6rem;
	}
	#headMenu .hnav{
	margin:0.2vw 1.38vw 0;/* add :pre top::0.4vw */
	padding-right:1.45vw;
	}
	#headMenu .hnav::after{
	height:0.76vw;
	margin-top:-0.38vw;
	}
	#headMenu .hnav ul li{
	float:left;
	margin-left:1.38vw;
	}
	#headMenu .headLink,
	#headMenu .hnav ul li{
	font-size:1.0vw;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#headMenu .searchArea form{
		background-size:1.11vw 1.11vw;
		}
	}
	#headMenu .searchArea span.placeholder,
	#headMenu .searchArea input{
	font-size:0.9vw;
	line-height:1.5;
	}
	#headMenu .headLang{
	margin-top:0.4vw;
	}
	#headMenu .headLang strong,
	#headMenu .headLang span,
	#headMenu .headLang a{
	font-size:0.97vw;
	}
	#headMenu .headLang span::after,
	#headMenu .headLang a:hover::after{
		bottom:-0.27vw;
	}
	
	
	/* global nav
	----------------------------------------------- */
	#gnav{
	top:2.29vw;
	right:8.12vw;
	}
	#gnav nav > ul > li{
	font-size:1.2vw;
	margin-left:1.5vw;
	}
	#gnav nav > ul > li .megaDrop{
	top:1.3vw;
	padding-top:2.25vw;
	}
	#gnav nav > ul > li .megaDrop .inner .catTl{
	padding:5vw;
	}
	#gnav nav > ul > li .megaDrop .inner .catTl p{
	width:25vw;
	font-size:5.27vw;
	margin-top:0;
	}
	#gnav nav > ul > li .megaDrop .inner .detail{
	padding:5vw;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul{
	width:55vw;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul li{
	font-size:1.11vw;
	width:25vw;
	margin-top:1.11vw;
	margin-right:5vw;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul + hr{
	margin:1.66vw 0;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.comSubNv li{
	font-size:1.11vw;
	}
	#gnav nav > ul > li .megaDrop .close{
	top:2.08vw;
	right:5vw;
	width:0.9vw;
	height:0.9vw;
	}
	#gnav nav > ul > li .megaDrop .close::before{
	left:-0.07vw;
	width:1.04vw;
	height:0.13vw;
	margin-top:-0.07vw;
	}
	#gnav nav > ul > li .megaDrop .close::after{
	right:-0.07vw;
	width:1.04vw;
	height:0.13vw;
	margin-top:-0.07vw;
	}
	
	
	/* --------------------------------------------
	breadcrumb
	----------------------------------------------- */
	ul#breadcrumb{
	max-width:none;
	width:90vw;
	padding-top:0.41vw;
	padding-bottom:0.27vw;
	margin:0px auto;
	}
	ul#breadcrumb li{
	font-size:0.97vw;
	}
	ul#breadcrumb li a:hover{
	text-decoration:none;
	}
	
	
	/* --------------------------------------------
	content
	----------------------------------------------- */
	#comContent{
	margin-top:2.2vw;
	}
	#comConPosi,
	.comConPosi{
	max-width:none;
	width:90vw;
	margin:0 auto;
	}
	#comMainContent{
	width:65vw;
	}
	#comSide{
	width:20vw;
	}
	#comSide .shortcutMenu,
	#comSide .otherMenu{
	margin-top:2.56vw;
	padding-top:1.73vw;
	}
	#comSide .menu > li,
	#comSide .shortcutMenu > li,
	#comSide .otherMenu > li{
	font-size:1.2vw;
	margin-top:0.83vw;
	}
	/*#comSide .shortcutMenu li a::after,
	#comSide .otherMenu li a::after{
	width:0.55vw;
	height:0.83vw;
	margin-left:0.5vw;
	}*/
	#comSide .menu > li > ul,
	#comSide .shortcutMenu > li > ul,
	#comSide .otherMenu > li > ul{
	padding:0.69vw 0px 0.69vw 0px;
	}
	#comSide .menu > li > ul li,
	#comSide .shortcutMenu > li > ul li,
	#comSide .otherMenu > li > ul li{
	font-size:1.11vw;
	margin-top:0.277vw;
	margin-bottom:0.277vw;
	}
	#comSide .menu > li > ul li > ul{
	padding:0.7vw 0 0.69vw 0;
	}
	#comSide .menu > li > ul li > ul li{
	font-size:1.0vw;
	margin-top:0.416vw;
	}
	#comSide .menu li.lnavSubTtl{
	margin-top:0.55vw;
	font-size:1.11vw;
	}
	
	/* side comLnTech */
	#comSide .menu .comLnTech > li,
	#comSide .menu .comLnTech > li.comLnGrp > ul > li{
	margin-top:0.55vw;
	margin-bottom:0.55vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp{
	width:10.41vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl{
	padding:0.2vw 0.69vw 0.2vw 1.18vw;
	
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl + ul{
	padding:0.41vw 0.69vw 0.41vw 1.18vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > ul > li{
	font-size:1.0vw;
	}
	#comSide .menu .comLnTech > li .comLnVol::before,
	#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
	font-size:1.5vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
	font-size:1.3vw;
	}
	/* side search */
	#sideSearch{
	margin-bottom:2.08vw;
	}
	#sideSearch input{
	font-size:1.11vw;
	height:1.87vw;
	padding-left:1.8vw;
	background-size: 1.6rem 1.6rem;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#sideSearch input{
		background-size: 1.11vw 1.11vw;
		}
	}
	#sideResult ul{
	padding:1.38vw 0;
	}
	#sideResult ul li{
	font-size:1.11vw;
	}
	#sideResult ul li a{
	padding:0.48vw 1.52vw;
	}
	
	/* side recently */
	#sideRecently{
	margin-top:1.38vw;
	padding:1.73vw;
	}
	#sideRecently h3{
	font-size:1.11vw;
	}
	#sideRecently li{
	margin-top:1.11vw;
	}
	#sideRecently li a img{
	padding-right:0.9vw;
	}
	#sideRecently li a .inTxt{
	font-size:1.11vw;
	}
	
	/* --------------------------------------------
	footer
	----------------------------------------------- */
	#comFooter{
	max-width:none;
	width:90vw;
	padding:6.94vw 0px 2.5vw;
	}
	#pageTop a{
	width:3.33vw;
	height:3.33vw;
	background-size:2.2rem 1.3rem;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#pageTop a{
		background-size:1.52vw 0.9vw;
		}
	}
	#footGroupLogo{
	bottom:5vw;
	width:21.1vw;
	}
	#footGroupLogo a img{
	width:21.1vw;
	height:3.68vw;
	}
	#followUs{
	padding-top:1.11vw;
	}
	#followUs > *{
	margin-left:1.73vw;
	margin-bottom:0.4rem;
	}
	#followUs > p{
	font-size:1.66vw;
	}
	#followUs > div.facebook{
	width:0.69vw;
	}
	#followUs > div.twitter{
	width:1.45vw;
	}
	#followUs > div.linkedin{
	width:1.25vw;
	}
	#followUs > div.youtube{
	width:1.59vw;
	}
	#followUs > div.feed{
	width:1.04vw;
	}
	#footerInSiteLink,
	#footerLink{
	margin-top:2.08vw;
	font-size:1.2vw;
	}
	#footerLink ul li{
	margin-left:1.11vw;
	}
	#comFooter > p{
	margin-top:1.66vw;
	margin-bottom:-0.27vw;
	font-size:0.9vw;
	}

	
	/* --------------------------------------------
	cookie alert
	----------------------------------------------- */
	.cookieAlertBox{
	padding:4.16vw 0;
	}
	.cookieAlertBox .inner{
	max-width:none;
	width:90vw;
	}
	.cookieAlertBox .cookieApprovalBtn{
	padding:0.9vw 1.38vw;
	margin-left:2.5vw;
	}
	.cookieAlertBox .closeBtn{
	width:0.97vw;
	height:0.97vw;
	top:-2.77vw;
	}
	.cookieAlertBox .closeBtn::before{
	left:-0.13vw;
	width:1.25vw;
	}
	.cookieAlertBox .closeBtn::after{
	right:-0.13vw;
	width:1.25vw;
	}
}

@media only screen and (max-width: 991px){
/* --------------------------------------------
header
----------------------------------------------- */
	#comHeader{
	width:91.66vw;
	height:6.25vw;
	margin:3.64vw auto;
	background-color:#ffffff;
	position:static;
	}
	#headLogo{
	width:65.1vw;
	height:6.25vw;
	}
	#headGroupLogo{
	display:none;
	}
	#headMenu{
	display:none;
	}
	#spMenuBtn{
	display:block;
	width:4.68vw;
	height:3.9vw;
	background-image:url(../images/menu_open_ico.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:3.6rem 3rem;
	position:absolute;
	top:4.94vw;
	right:4.16vw;


	cursor:pointer;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#spMenuBtn{
		background-size:4.68vw 3.9vw;
		}
	}
	#spMenuBtn.active{
	background-image:url(../images/menu_close_ico.png);
	}

	/* global nav
	----------------------------------------------- */
	#comHeader #gnav{
	top:13.54vw;
	left:0px;
	right:auto;
	width:100%;
	padding-bottom:5.46vw;
	background-color: rgba( 255, 255, 255, 0.98 );
	display:none;
	-webkit-box-shadow: 0px 38px 38px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 38px 38px rgba(0,0,0,0.4);
	box-shadow: 0px 38px 38px rgba(0,0,0,0.4);
	}
	#gnav .searchArea{
	display:block;
	padding:2.34vw 0px 2.08vw;
	background-color:#82a0aa;
	}
	#gnav .searchArea form{
	display:block;
	width:51.69vw;
	margin:0px auto;
	}
	#gnav .searchArea form input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	font-size:2.6vw;
	line-height:1;
	color:#595959;
	width:100%;
	height:4.94vw;
	padding:0px 5.2vw 0px 2.6vw;
	border:none;
	background-color:#ffffff;
	background-image:url(../images/search_ico.gif);
	background-repeat:no-repeat;
	background-position:right 1.6rem center;
	background-size:2.4rem 2.4rem;
	-webkit-appearance: none;
	border-radius: 0;
	}
	#gnav .searchArea form input::-webkit-input-placeholder {
	color:#595959;
	}
	#gnav .searchArea form input:-ms-input-placeholder {
	color:#fff;
	}
	#gnav .searchArea form input::-moz-placeholder {
	color:#595959;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#gnav .searchArea form input{
		background-position:right 2.08vw center;
		background-size:3.12vw 3.12vw;
		}
	}
	#gnav .searchArea form input + .placeholder{
	left:2.6vw !important;
	top:1.04vw !important;
	font-size:2.6vw !important;
	line-height:1 !important;
	color:#595959 !important;
	}
	#gnav nav > ul{
	width:86.98vw;
	margin:3.25vw auto 0px;
	}
	#gnav nav > ul > li{
	display:block;
	font-size:3.12vw;
	margin-left:0px;
	}
	#gnav nav > ul > li > p{
	cursor:pointer;
	}
	#gnav nav > ul > li > a,
	#gnav nav > ul > li > p a{
	display:block;
	border-bottom:solid 1px #060606;
	padding:3.12vw 3.9vw 3.12vw 0px;
	}
	#gnav nav > ul > li > p a{
	position:relative;
	pointer-events:none;
	}
	#gnav nav > ul > li > p a::after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-0.65rem;
	width:2.1rem;
	height:1.3rem;
	background:url(../images/megamenu_arrow_icn.svg) no-repeat;
	background-size:auto 100%;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	}
	#gnav nav > ul > li > a:hover,
	#gnav nav > ul > li > p a:hover,
	#gnav nav > ul > li.selected > p a{
	color:#000;
	}
	#gnav nav > ul > li > p.active a,
	#gnav nav > ul > li.selected > p.active a{
	color:#e31f26;
	}
	#gnav nav > ul > li > p.active a::after,
	#gnav nav > ul > li.selected > p.active a::after{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	#gnav nav > ul > li .megaDrop{
	position:relative;
	top:0px;
	left:0px !important;
	width:100% !important;
	padding:0px;
	background-color:transparent !important;
	}
	#gnav nav > ul > li .megaDrop .inner{
	display:block !important;
	padding:4.16vw 0px;
	}
	#gnav nav > ul > li .megaDrop .inner .catTl{
	display:none;
	}
	#gnav nav > ul > li .megaDrop .inner .detail{
	display:block;
	padding:0px !important;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul{
	width:100%;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul li{
	font-size:2.08vw;
	width:41.66vw;
	margin-top:2.08vw;
	margin-right:3.64vw;
	}
	#gnav nav > ul > li .megaDrop .inner .indexLink{
	font-size:2.08vw;
	line-height:1.2;
	margin-top:2.08vw;
	padding-top:2.34vw;
	position:relative;
	}
	#gnav nav > ul > li .megaDrop .inner .indexLink:before{
	content:"";
	display:block;
	width:0.5em;
	height:1px;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul + hr{
	margin:2.08vw 0;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.comSubNv li{
	font-size:2.08vw;
	}
	#gnav nav > ul > li .megaDrop .close{
	display:none !important;
	}
	#gnav nav > ul + ul{
	display:block;
	margin:4.42vw auto 0px;
	}
	#gnav nav > ul + ul::after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
	}
	#gnav nav > ul + ul li{
	float:left;
	width:47.9%;
	margin-left:4.2%;
	font-size:2.08vw;
	line-height:1.2;
	}
	#gnav nav > ul + ul li:nth-child(2n+1){
	margin-left:0;
	clear:left;
	}
	#gnav nav > ul + ul li a{
	padding:1.56vw 0;
	}
	#gnav .headLink{
	display:block;
	width:86.98vw;
	margin:5.46vw auto 0px;
	font-size:2.08vw;
	line-height:1.2;
	font-weight:bold;
	text-align:right;
	}
	#gnav .headLink a:after{
	content:"";
	display:inline-block;
	vertical-align:baseline;
	width:0.91vw;
	height:1.43vw;
	margin-left:0.85vw;
	background:url(../images/txt_link_arrow_icn.svg) no-repeat center;
	background-size:auto 100%;
	}
	#gnav .headLink a:hover{
	text-decoration:underline;
	}
	#gnav .headLang{
	text-align:right;
	font-size:0;
	display:block;
	width:86.98vw;
	margin:5.46vw auto 0px;
	}
	#gnav .headLang strong,
	#gnav .headLang span,
	#gnav .headLang a{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:2.08vw;
	line-height:1.2;
	font-weight:normal;
	}
	#gnav .headLang span,
	#gnav .headLang a{
		margin-left:0.5em;
	}
	#gnav .headLang span::after,
	#gnav .headLang a:hover::after{
		content:"";
		position:absolute;
		bottom:-4px;
		left:0;
		width:100%;
		height:2px;
		background-color:#000000;
	}
	
	
	/* --------------------------------------------
	breadcrumb
	----------------------------------------------- */
	ul#breadcrumb{
	width:91.66vw;
	padding-top:1.56vw;
	padding-bottom:1.38vw;
	}
	ul#breadcrumb li{
	font-size:1.82vw;
	}
	
	
	/* --------------------------------------------
	content
	----------------------------------------------- */
	#comContent{
	margin-top:3.64vw;
	}
	#comConPosi,
	.comConPosi{
	width:100%;
	margin:0 auto;
	}
	#comMainContent{
	float:none;
	width:100%;
	margin:0px auto 4.17vw auto;
	padding-bottom:6.24vw;
	border-bottom:1px solid #e6e6e6;
	}
	#comMainConPosi,
	.comMainConPosi{
	width:91.66vw;
	margin:0px auto;
	}
	#comSide{
	width:100%;
	position:static;
	padding-bottom:4.17vw;
	border-bottom:1px solid #e6e6e6;
	}
	#comSide h2{
	font-size:3.9vw;
	width:91.66vw;
	margin:0px auto 1.82vw auto;
	}
	#comSide nav + h2{
	margin-top:1.82vw;
	}
	#comSide .menu{
	width:91.66vw;
	margin:0px auto;
	}
	#comSide .shortcutMenu,
	#comSide .otherMenu{
	width:91.66vw;
	margin:4.81vw auto 0;
	padding-top:3.25vw;
	}
	#comSide .menu > li,
	#comSide .shortcutMenu > li,
	#comSide .otherMenu > li{
	font-size:2.08vw;
	margin-top:1.38vw;
	width:auto;
	}
	#comSide .shortcutMenu li a::after,
	#comSide .otherMenu li a::after{
	width:1.04vw;
	height:1.56vw;
	margin-left:0.93vw;
	}
	#comSide .menu > li > ul,
	#comSide .shortcutMenu > li > ul,
	#comSide .otherMenu > li > ul{
	padding:0.6vw 0px 1vw 0px;
	}
	#comSide .menu > li > ul li,
	#comSide .shortcutMenu > li > ul li,
	#comSide .otherMenu > li > ul li{
	display:inline-block;
	vertical-align:top;
	width:43.18vw;
	font-size:2.08vw;
	margin-top:1.04vw;
	}
	#comSide .menu > li > ul li > ul{
	padding:1.04vw 0px 0.52vw 0px;
	}
	#comSide .menu > li > ul li > ul li{
	font-size:1.82vw;
	margin-top:0.65vw;
	margin-left:0px !important;
	}
	
	#comSide .menu > li > a{
	width:43.18vw;
	display:inline-block;
	margin-right:3.64vw;
	}
	#comSide .menu > li:nth-child(2n) > a{
	margin-right:0px;
	}
	#comSide .menu > li > ul li:nth-of-type(2n){
	margin-left:3.64vw;
	}
	#comSide .menu li.lnavSubTtl{
	margin-top:1.04vw;
	font-size:20.8vw;
	}
	
	/* side comLnTech */
	#comSide .menu .comLnTech > li,
	#comSide .menu .comLnTech > li.comLnGrp > ul > li{
	margin-top:1.04vw;
	margin-bottom:1.04vw;
	}

	#comSide .menu .comLnTech > li.comLnGrp{
	width:19.53vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl{
	padding:0.39vw 1.3vw 0.39vw 2.21vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl + ul{
	padding:0.78vw 1.3vw 0.78vw 2.21vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > ul > li{
	font-size:1.63vw;
	}
	#comSide .menu .comLnTech > li .comLnVol::before,
	#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
	font-size:2.44vw;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
	font-size:2.11vw;
	}
	
	/* side search */
	#sideSearch{
	width:91.66vw;
	margin:0 auto 3.9vw;
	}
	#sideSearch input{
	height:3.51vw;
	font-size:2.08vw;
	padding-left:3.38vw;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#sideSearch input{
		background-size: 2.08vw 2.08vw;
		}
	}
	#sideResult ul{
	padding:2.6vw 0;
	}
	#sideResult ul li{
	font-size:2.08vw;
	}
	#sideResult ul li a{
	padding:0.91vw 2.86vw;
	}
	
	/* side recently */
	#sideRecently{
	width:91.66vw;
	margin:2.6vw auto 0;
	padding:3.25vw;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	#sideRecently h3{
	font-size:2.08vw;
	}
	#sideRecently ul{
	margin-right:-28px;
	}
	#sideRecently ul::after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	line-height:1;
	}
	*html #sideRecently ul{
	height:1%;
	}
	*:first-child + html #sideRecently ul{
	display:inline-block;
	}
	#sideRecently li{
	float:left;
	width:50%;
	margin-top:2.08vw;
	}
	#sideRecently li:nth-child(2n+1){
	clear:left;
	}
	#sideRecently li a{
	margin-right:28px;
	}
	#sideRecently li a img{
	padding-right:1.69vw;
	}
	#sideRecently li a .inTxt{
	font-size:2.08vw;
	}
	
	
	/* --------------------------------------------
	footer
	----------------------------------------------- */
	#comFooter{
	padding:4.16vw 0px;
	width:91.66vw;
	}
	#pageTop a{
	width:6.25vw;
	height:6.25vw;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#pageTop a{
		background-size:2.82vw 1.61vw;
		}
	}
	#footGroupLogo{
	bottom:9.16vw;
	width:32.55vw;
	}
	#footGroupLogo a img{
	width:32.55vw;
	height:5.73vw;
	}
	#followUs{
	padding-top:2.08vw;
	}
	#followUs > *{
	margin-left:3.25vw;
	}
	#followUs > p{
	font-size:3.12vw;
	}
	#followUs > div.linkedin{
	width:2.34vw;
	}
	#followUs > div.youtube{
	width:2.99vw;
	}
	#followUs > div.feed{
	width:1.95vw;
	}
	#footerInSiteLink,
	#footerLink{
	margin-top:4.16vw;
	font-size:1.82vw;
	}
	#footerLink ul li{
	margin-left:2.08vw;
	}
	#comFooter > p{
	margin-top:2.6vw;
	margin-bottom:-0.52vw;
	font-size:1.69vw;
	}
	#footerLink ul,
	#footerLink .ftOtherLinks li{
	display:block;
	}
	#footerLink .ftOtherLinks{margin-top:0.5rem;margin-left:0;padding-left:0;border-left:none;}
	
	
	/* --------------------------------------------
	cookie alert
	----------------------------------------------- */
	.cookieAlertBox{
	padding:7.81vw 0;
	}
	.cookieAlertBox .inner{
	width:91.66vw;
	}
	.cookieAlertBox .cookieApprovalBtn{
	padding:1.69vw 2.6vw;
	margin-left:3.64vw;
	}
	.cookieAlertBox .closeBtn{
	width:1.82vw;
	height:1.82vw;
	top:-5.2vw;
	}
	.cookieAlertBox .closeBtn::before{
	left:-0.26vw;
	width:2.34vw;
	}
	.cookieAlertBox .closeBtn::after{
	right:-0.26vw;
	width:2.34vw;
	}
}

@media only screen and (max-width: 480px){
	/* --------------------------------------------
	header
	----------------------------------------------- */
	#comHeader{
	width:auto;
	height:24px;
	margin:18px 20px;
	}
	#headLogo{
	width:250px;
	height:24px;
	}
	
	#headLogo a {
    height: 100%;
	}
	#headLogo img{
	width: auto;
    height: auto;
	max-width: 100%;
    max-height: 100%;
	}
	#spMenuBtn{
	width:20px;
	height:17px;
	background-size:20px 17px;
	top:22px;
	right:20px;
	}
	
	/* global nav
	----------------------------------------------- */
	#gnav{
	top:60px;
	padding-bottom:36px;
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
	box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
	}
	#gnav .searchArea{
	padding:15px 20px;
	}
	#gnav .searchArea form{
	width:100%;
	}
	#gnav .searchArea form input{
	font-size:14px;
	height:40px;
	padding:0px 30px 0px 20px;
	background-position:right 20px center;
	background-size:19px 19px;
	}
	#gnav .searchArea form input + .placeholder{
	left:20px !important;
	top:14px !important;
	font-size:14px !important;
	}
	#gnav nav > ul{
	width:auto;
	margin:14px 20px 0px;
	}
	#gnav nav > ul > li{
	font-size:18px;
	}
	#gnav nav > ul > li > a,
	#gnav nav > ul > li > p a{
	padding:16px 16px 16px 0;
	}
	#gnav nav > ul > li > p a::after{
	margin-top:-5.5px;
	width:16px;
	height:11px;
	background-size:100% auto;
	}
	#gnav nav > ul > li .megaDrop .inner{
	padding:16px 0px;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul li:nth-child(2),
	#gnav nav > ul > li .megaDrop .inner .detail ul li{
	display:block;
	font-size:14px;
	width:auto;
	margin-top:16px;
	margin-right:0px;
	}
	#gnav nav > ul > li .megaDrop .inner .indexLink{
	font-size:14px;
	margin-top:16px;
	padding-top:18px;
	}
	#gnav nav > ul + ul{
	width:auto;
	margin:15px 20px 0px;
	}
	#gnav nav > ul + ul li{
	width:46.4%;
	margin-left:7.2%;
	font-size:14px;
	}
	#gnav nav > ul + ul li a{
	padding:11px 0;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul + hr{
	margin:16px 0;
	}
	#gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul.comSubNv li{
	font-size:14px;
	}
	#gnav .headLink{
	width:auto;
	margin:36px 20px 0px;
	font-size:14px;
	}
	#gnav .headLink a:after{
	width:7px;
	height:10px;
	margin-left:6px;
	}
	#gnav .headLang{
	width:auto;
	margin:36px 20px 0px;
	}
	#gnav .headLang strong,
	#gnav .headLang span,
	#gnav .headLang a{
	font-size:14px;
	}
	
	
	/* --------------------------------------------
	breadcrumb
	----------------------------------------------- */
	#comBreadcrumb{
	display:none;
	margin-top:1px;
	}
	
	
	/* --------------------------------------------
	content
	----------------------------------------------- */
	#comContent{
	margin-top:20px;
	}
	#comMainContent{
	padding-bottom:55px;
	margin-bottom:36px;
	}
	#comMainConPosi,
	.comMainConPosi{
	width:auto;
	margin:0px 20px;
	}
	#comSide{
	width:100%;
	margin:0px;
	padding-bottom:36px;
	}
	#comSide h2{
	font-size:157.14%;
	width:auto;
	margin:0px 20px 10px 20px;
	}
	#comSide nav + h2{
	margin-top:10px;
	}
	#comSide .menu{
	width:auto;
	margin:0 20px;
	}
	#comSide .shortcutMenu,
	#comSide .otherMenu{
	width:auto;
	margin:25px 20px 0;
	padding-top:17px;
	}
	#comSide .menu > li,
	#comSide .shortcutMenu > li,
	#comSide .otherMenu > li{
	width:100%;
	font-size:14px;
	margin-top:8px;
	}
	#comSide .shortcutMenu li a::after,
	#comSide .otherMenu li a::after{
	width:7px;
	height:10px;
	margin-left:5px;
	}
	#comSide .menu > li > ul li,
	#comSide .shortcutMenu > li > ul li,
	#comSide .otherMenu > li > ul li{
	width:auto;
	font-size:14px;
	display:block !important;
	}
	#comSide .menu > li > ul li:nth-of-type(2n){
	margin-left:0;
	}
	#comSide .menu > li > ul li > ul li{
	font-size:12px;
	}
	#comSide .menu > li > a{
	width:auto;
	}
	#comSide .menu li.lnavSubTtl{
	margin-top:8px;
	font-size:14px;
	}
	
	/* side comLnTech */
	#comSide .menu .comLnTech > li,
	#comSide .menu .comLnTech > li.comLnGrp > ul > li{
	margin-top:8px;
	}
	#comSide .menu .comLnTech > li.comLnGrp{
	width:150px;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl{
	padding:3px 10px 3px 17px;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl + ul{
	padding:6px 10px 6px 17px;
	}
	#comSide .menu .comLnTech > li.comLnGrp > ul > li{
	font-size:11px;
	}
	#comSide .menu .comLnTech > li .comLnVol::before,
	#comSide .menu .comLnTech > li.comLnGrp .comLnVol::before{
	font-size:16.5px;
	}
	#comSide .menu .comLnTech > li.comLnGrp > .comLnGrpTtl::before{
	font-size:14.3px;
	}
	
	/* side search */
	#sideSearch{
	width:auto;
	margin:0 20px 20px;
	}
	#sideSearch input{
	height:38px;
	font-size:128.57%;
	padding-left:30px;
	background-size:20px 20px;
	}
	#sideResult ul{
	padding:15px 0;
	}
	#sideResult ul li{
	font-size:128.57%;
	line-height:1.33;
	}
	#sideResult ul li a{
	padding:7px 25px;
	}
	#sideResult ul li a span{
	font-size:66.66%;
	}
	
	/* side recently */
	#sideRecently{
	width:auto;
	margin:24px 20px 0;
	padding:25px 19px;
	}
	#sideRecently h3{
	font-size:157.14%;
	}
	#sideRecently ul{
	margin-right:0;
	}
	#sideRecently li{
	width:100%;
	float:none;
	margin-top:20px;
	}
	#sideRecently li a{
	margin-right:0;
	}
	#sideRecently li a img{
	width:35.95%;
	padding-right:19px;
	}
	#sideRecently li a .inTxt{
	width:64.05%;
	font-size:100%;
	line-height:1.4;
	}
	#sideRecently li a .inTxt mark{
	font-size:121.42%;
	}
	#sideRecently li a .inTxt span{
	font-size:85.71%;
	}
	
	
	/* --------------------------------------------
	footer
	----------------------------------------------- */
	#comFooter{
	padding:53px 0px 30px;/* backup :53px 0px 20px; */
	margin:0 20px 0px 20px;
	width:auto;
	}
	#pageTop a{
	width:35px;
	height:35px;
	}
	#footGroupLogo{
	position:static;
	width:280px;
	margin:53px 0 0px auto;
	}
	#footGroupLogo a img{
	width:280px;
	height:49px;
	}

	#followUs{
	padding-top:24px;
	text-align:center;
	}
	#followUs > div{
	margin-left:7px;
	margin-right:7px;
	margin-bottom:0;
	}
	#followUs > p{
	display:block;
	font-size:18px;
	margin-bottom:12px;
	}
	#followUs .inFtFollowColon{
	display:none;
	}
	#followUs > div.linkedin{
	width:16px;
	}
	#followUs > div.youtube{
	width:21px;
	margin-bottom:-1px;
	}
	#followUs > div.feed{
	width:16px;
	}
	#footerLink{
	margin-top:34px;
	margin-bottom:11px;/* backup 14px */
	text-align:center;
	}
	#footerLink ul li{
	margin-left:8px;
	}
	#comFooter > p{
	margin-top:12px;
	margin-bottom:-2px;
	font-size:9px;
	text-align:center;
	}
	
	/* add 02.19 */
	#footerLink .ftOtherLinks{margin-top:1rem}
	
	
	/* --------------------------------------------
	cookie alert
	----------------------------------------------- */
	.cookieAlertBox{
	padding:38px 20px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	.cookieAlertBox .inner{
	width:auto;
	}
	.cookieAlertBox p{
	margin-right:0 !important;
	}
	.cookieAlertBox p a::after{
	width:6px;
	height:10px;
	margin-left:6px;
	}
	.cookieAlertBox .cookieApprovalBtn{
	padding:8px 22px;
	margin:15px auto 0;
	position:static;
	}
	.cookieAlertBox .closeBtn{
	width:40px;
	height:40px;
	top:-38px;
	right:-10px;
	}
	.cookieAlertBox .closeBtn::before{
	left:14px;
	width:12px;
	height:1px;
	}
	.cookieAlertBox .closeBtn::after{
	right:14px;
	width:12px;
	height:1px;
	}
}



/* not responsive
----------------------------------------------- */
#comHeader.nores{
width:auto;
height:48px;
/*min-width:1070px;
max-width:1296px;*/
padding:0 30px;
margin:36px auto;
position:relative;
}
#comHeader.nores #headLogo{
width:500px;
height:48px;
}
#comHeader.nores #headLogo img{
height:48px;
}
#comHeader.nores #headGroupLogo{
width:81px;
right:30px;
}
#comHeader.nores #headMenu{
right:147px;
top:-2px;
display:block;
}
#comHeader.nores #headMenu .searchArea{
width:16px;
}
#comHeader.nores #headMenu .searchArea.on{
width:280px;
}
#comHeader.nores #headMenu .searchArea form{
padding-left:26px;
padding-top:2px;
background-size:16px 16px;
}
#comHeader.nores #headMenu .searchArea span.placeholder,
#comHeader.nores #headMenu .searchArea input{
font-size:13px;
line-height:1.2;
}
#comHeader.nores #headMenu .hnav{
margin:4px 20px 0;
padding-right:21px;
}
#comHeader.nores #headMenu .hnav ul li{
margin-left:20px;
font-size:14px;
}
#comHeader.nores #headMenu .hnav ul li:first-child{
margin-left:0;
}
#comHeader.nores #headMenu .headLang{
margin-top:4px;
}
#comHeader.nores #headMenu .headLang strong,
#comHeader.nores #headMenu .headLang span,
#comHeader.nores #headMenu .headLang a{
font-size:14px;
}
#comHeader.nores #headMenu .headLang span::after,
#comHeader.nores #headMenu .headLang a:hover::after{
bottom:-4px;
}
#comHeader.nores #gnav .searchArea,
#comHeader.nores #spMenuBtn{
display:none;
}
#comHeader.nores #gnav{
top: 33px;
right:147px;
left:auto;
width:auto;
display:block;
padding-bottom:0;
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#comHeader.nores #gnav nav > ul{
width:auto;
margin:0;
}
#comHeader.nores #gnav nav > ul > li{
display:inline-block;
font-size:16px;
margin-left:10px;
}
#comHeader.nores #gnav nav > ul > li:first-child{
margin-left:0;
}
#comHeader.nores #gnav nav > ul > li > a,
#comHeader.nores #gnav nav > ul > li > p a{
padding:0;
background:none;
border:none;
}
#comHeader.nores #gnav nav > ul > li .megaDrop{
position:absolute;
top:16px;
width:100%;
min-width:1020px;
padding-top:36px;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner{
width:100%;
overflow:hidden;
padding:0;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .catTl{
padding:70px;
width:360px;
display:table-cell;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .catTl p{
width:360px;
font-size:76px;
margin-top:-6px;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail{
padding:72px !important;
display:table-cell;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul li{
font-size:16px;
width:360px;
margin-top:16px;
margin-right:72px;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul li:nth-child(-n+2){
margin-top:0;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul li:nth-child(2n){
margin-right:0;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul + hr{
display:block;
margin:24px 0;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul{
display:block;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul + hr + ul li{
font-size:14px;
}
#comHeader.nores #gnav nav > ul > li .megaDrop .close{
bottom:20px;
right:72px;
font-size:16px;
padding-right:28px;
background-size:21px 12px;
}
#comFooter.nores{
width:auto;
/*min-width:1070px;
max-width:1296px;*/
padding:0px 36px;
margin:0 auto;
}
#comFooter.nores div#pageTop.active{
right:30px !important;
}
#comFooter.nores #pageTop a{
width:48px;
height:48px;
background-size:21px 12px;
}
#comFooter.nores #footGroupLogo{
position:absolute;
bottom:36px;
right:30px;
width:304px;
margin:0;
text-align:right;
}
#comFooter.nores #followUs{
padding-top:16px;
text-align:left;
}
#comFooter.nores #followUs > p{
font-size:24px;
margin-bottom:0;
margin-left:0;
}
#comFooter.nores #followUs .inFtFollowColon{
display:inline;
}
#comFooter.nores #followUs > *{
display:inline-block;
margin-left:25px;
margin-bottom:4px;
}
#comFooter.nores #followUs > div{
margin-right:0;
}
#comFooter.nores #followUs > div.youtube{
width:23px;
margin-bottom:0;
}
#comFooter.nores #followUs > div.linkedin{
width:18px;
}
#comFooter.nores #followUs > div.feed{
width:15px;
}
#comFooter.nores #footerLink{
margin-top:30px;
font-size:16px;
text-align:left;
}
#comFooter.nores #footerLink ul li{
margin-left:16px;
}
#comFooter.nores #footerLink ul li:first-child{
margin-left:0;
}
#comFooter.nores > p{
margin-top:24px;
margin-bottom:-4px;
font-size:13px;
text-align:left;
}
@media only screen and (max-width: 1440px){
	#comHeader.nores #gnav nav > ul > li .megaDrop .inner .catTl{
	padding-left:30px !important;
	}
	#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail{
	padding-right:30px !important;
	}
	#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul{
	width:auto;
	max-width:792px;
	}
	#comHeader.nores #gnav nav > ul > li .megaDrop .inner .detail ul li{
	width:46%;
	margin-right:8%;
	}
	#comHeader.nores #gnav nav > ul > li .megaDrop .close{
	right:30px !important;
	}
	#comFooter.nores #pageTop{
	right:30px !important;

	}
}
@media only screen and (max-width: 1250px){
	#comHeader.nores #gnav nav > ul + ul,
	#comHeader.nores #gnav .headLink,
	#comHeader.nores #gnav .searchArea,
	#comHeader.nores #headGroupLogo{
	display:none;
	}
	#comHeader.nores #headMenu{
	right:30px;
	}
	#comHeader.nores #gnav{
	right:30px;
	}
	
}

/* Header follow CSS */
@media only screen and (min-width:992px) {
  .isHeaderFixed {
    padding-top: 120px
  }
}
@media only screen and (min-width:992px) and (max-width:1440px) {
  .isHeaderFixed {
    padding-top: 8.33vw
  }
}
@media only screen and (min-width:992px) {
  .comHeaderFollow {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    padding: 36px 0;
    background: #fff;
    opacity: .9;
    -webkit-transition: top .3s ease, padding .1s ease-out, opacity .3s ease;
    transition: top .3s ease, padding .1s ease-out, opacity .3s ease
  }
}
@media only screen and (min-width:992px) and (max-width:1440px) {
  .comHeaderFollow {
    padding: 2.5vw 0
  }
}
@media only screen and (min-width:992px) and (max-width:1440px) {
  .isScrolled .comHeaderFollow {
    padding: 20px 0
  }
}
@media only screen and (min-width:992px) {
  .isScrolled.isHeaderHide .comHeaderFollow {
    opacity: 0
  }
}
@media only screen and (min-width:992px) {
  .comHeaderFollow #comHeader {
    margin: 0 auto
  }
}
@media only screen and (min-width:992px) and (max-width:1440px) {
  .comHeaderFollow #comHeader {
    margin: 0 auto
  }
}
.comHeaderFollow:hover {
  opacity: 1
}
@media only screen and (min-width:992px) {
  .comHeaderFollow:hover {
    padding: 36px 0
  }
}
@media only screen and (min-width:992px) and (max-width:1440px) {
  .comHeaderFollow:hover {
    padding: 2.5vw 0
  }
}
@media only screen and (min-width:992px) {
  #headMenu {
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .isScrolled #headMenu {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .isScrolled .comHeaderFollow:hover #headMenu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}
@media only screen and (min-width:992px) {
  #gnav {
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .isScrolled #gnav {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .isScrolled .comHeaderFollow:hover #gnav {
    visibility: visible;
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

/* short header */
@media only screen and (min-width:992px){.isHeaderFixed.isHeaderFixedShort{padding-top:0}}@media only screen and (max-width:1440px) and (min-width:992px){.isHeaderFixed.isHeaderFixedShort{padding-top:0}}.comHeaderFollow.comHeaderFollowShort{border-bottom:1px solid #e0e0e0}@media only screen and (min-width:1440px){.comHeaderFollow.comHeaderFollowShort{padding:20px 0}}@media only screen and (max-width:1440px) and (min-width:992px){.comHeaderFollow.comHeaderFollowShort{padding:1.5vw 0}}@media only screen and (min-width:992px){.comHeaderFollow.comHeaderFollowShort{position:static}}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #comHeader{width:91.66vw;height:7.44186047vw;margin:3vw auto;position:relative}}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #headLogo{width:65.1vw;height:6.25vw}}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #headMenu{display:block;position:absolute;z-index:1;right:0;top:0;bottom:0;margin:auto;height:1.25em}}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #headMenu .searchArea{display:none}}.comHeaderFollow.comHeaderFollowShort #headMenu .hnav{padding:0;margin:2px 0 0 20px}.comHeaderFollow.comHeaderFollowShort #headMenu .hnav:after{content:none}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #headMenu .hnav{margin:0}}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLang{line-height:1}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangTitle{font-size:15px;font-weight:bold;display:inline-block;vertical-align:top}@media only screen and (max-width:1440px){.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangTitle{font-size:1vw}}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangTitle{display:none}}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList{line-height:1;display:inline-block;vertical-align:top;zoom:1}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList:before,.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList:after{display:block;height:0;visibility:hidden;content:"\0020"}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList:after{clear:both}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList>li{line-height:1;float:left;margin-left:0}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList>li a{padding-left:4px;padding-right:4px;padding-bottom:8px;border-bottom:2px solid #e5e5e5}@media only screen and (max-width:991px){.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList>li a{font-size:2vw}}.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList>li a.current{border-color:#000}@media only screen and (min-width:992px){.isScrolled .comHeaderFollow.comHeaderFollowShort{margin-bottom:71px}}@media only screen and (max-width:1440px) and (min-width:992px){.isScrolled .comHeaderFollow.comHeaderFollowShort{margin-bottom:3.5vw}}.comHeaderShortLocal{position:relative}.isScrolled .comHeaderShortLocal{position:fixed;z-index:1;width:100%;background:#fff;opacity:.9}@media only screen and (min-width:992px){.isScrolled .comHeaderShortLocal{top:0}}@media only screen and (max-width:1440px) and (min-width:992px){.isScrolled .comHeaderShortLocal{top:0}}.comHeaderShortLocalInnr{max-width:1296px;margin:0 auto;padding:20px 0}@media only screen and (max-width:1440px){.comHeaderShortLocalInnr{width:90vw;margin:0 auto}}@media only screen and (max-width:991px){.comHeaderShortLocalInnr{padding:2.2vw 0}}.comHeaderShortLocalArea{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:991px){.comHeaderShortLocalLogo{padding-right:50%}.comHeaderShortLocalLogo img{max-width:100%}}@media only screen and (max-width:991px){.comHeaderShortLocalNav{display:none}}.comHeaderShortLocalNav ul{text-align:center;margin:0}.comHeaderShortLocalNav li{display:inline-block;vertical-align:middle;margin-left:1.3em;}.comHeaderShortLocalNav li a{text-decoration:none;text-transform: uppercase;}.comHeaderShortLocalNav li a.current{color:#e31f26}.comHeaderShortLocal #gnav{top:100%;left:0;right:auto;width:100%;padding-bottom:5.46vw;background-color:rgba(255,255,255,0.98);display:none}@media only screen and (min-width:992px){.comHeaderShortLocal #gnav{display:none !important}}@media only screen and (max-width:991px){.comHeaderShortLocal #spMenuBtn{top:0;bottom:0;margin:auto}}.comHeaderShortLocal+#comContent{margin-top:0}@media only screen and (max-width:991px){.comHeaderLocalNavList{width:86.98vw;margin:3.25vw auto 0}}@media only screen and (max-width:991px){.comHeaderLocalNavList>li{border-bottom:1px solid #ddd}}.comHeaderLocalNavList>li p{margin:0}.comHeaderLocalNavList a{display:inline-block;position:relative;text-decoration:none}@media only screen and (max-width:991px){.comHeaderLocalNavList a{padding:.5em 0;display:block}}
@media only screen and (max-width: 480px){
.comHeaderFollow.comHeaderFollowShort #headMenu .comHeaderShortLangList>li a{font-size:3vw}
/* showt ft */
}
@media only screen and (max-width: 1200px) and (min-width:922px){
	#footGroupLogo{
		bottom: 4vw;
	}
}