@charset "utf-8";
#subTop{width:100%;position: relative;}
#subTop.privacy {
	height:65px;
	background:#0a131c;
}
#subTop .img img {width:100%;}
#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 > h2:after {
	position: absolute;
	content:"";
	display:block;
	width:60px;
	height:3px;
	background:#1e57a3;
	left:50%;
	margin-left:-30px;
	bottom:0;
}
#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) 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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
    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) 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) 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) 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) 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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
	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) 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) 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:1em;
	color:#959595;
	line-height:1.6em;
}
.product_view > .text > .linkBtn {
	display:inline-block;
	font-family: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
	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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
    font-size: 1em;
    color: #fff;
    line-height: 3em;
    padding: 0 20px;
    background: #4d4d4d;
    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) 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) 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) 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 .section04 > .textBox {
	border:1px solid #e1e1e1;
	padding:5% 2.5%;
	font-size:1.2em;
	line-height:1.5em;
	color:#777777;
	margin-bottom:3%;
	text-align:center;
	}
.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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
    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 > 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:100px;
	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:100%; padding:0 3%; box-sizing:border-box;margin:15% auto 10%;text-align:center; display:flex;}
.m53Tab > li {display:inline-block;/* width:32%; */margin:0 2px; flex:1;}
.m53Tab > li:last-child {margin-right:0;}
.m53Tab > li a {
	display:block;
	border:1px solid #cccccc;
	line-height:2.5em;
	font-size:1.1em;
	color:#737373;
}
.m53Tab > li.on a {background:#1e57a3;color:#fff;border:1px solid #1e57a3;}

.m53 {
	width:95%;
	margin:0% auto 20%;
}
.m53 img {width:100%;}
.m53 > .mapCate {display:none}
.m53 > .mapCate.on {display:block;}
.m53 > .mapCate > .mapBox {border:1px solid #dedede;margin-bottom:5%;}
.m53 > .mapCate > .mapBox > .text {
	padding:10% 5%;
}
.m53 > .mapCate > .mapBox > .text > h3 {
	font-size:1.8em;
	padding:15px 0 10px;
	color:#333333;
	position: relative;
}
.m53 > .mapCate > .mapBox > .text > h3:after {
	content:"";
	display:block;
	width:30px;
	height:3px;
	background:#1e57a3;
	position: absolute;
	left:0;
	bottom:0;
}
.m53 > .mapCate > .mapBox > .text > h4 {
	font-size:1.4em;
	color:#333333;
	font-weight:500;
	margin-top:10px;
	line-height:1.5em;
}
.m53 > .mapCate > .mapBox > .text > p {font-size:1.2em;color:#777777;line-height:1.5em;}
.m53 > .mapCate > .textList {width:100%;}
.m53 > .mapCate > .textList > li  {border:1px solid #dedede;margin-bottom:3%;}
.m53 > .mapCate > .textList > li > .img {padding-top:5%;}
.m53 > .mapCate > .textList > li > h3 {
	text-align:center;
	font-size:1.4em;
	color:#333333;
	margin-bottom:5%;
	padding-top:5px;
	font-weight:500;
}
.m53 > .mapCate > .textList > li > .text {
	border-top:1px solid #dedede;
	padding:5%;
}
.m53 > .mapCate > .textList > li > .text p {
	position: relative;
	padding-left:12px;
	font-size:1.2em;
	line-height:1.5em;
	color:#777777;
	margin-bottom:5px;
}
.m53 > .mapCate > .textList > li > .text p:after {
	content:"";
	display:block;
	width:5px;
	height:5px;
	background:#1e57a3;
	position: absolute;
	left:0;
	top:8px;
}

.m53 > .mapCate .overseasText {width:100%;margin-bottom:5%;}
.m53 > .mapCate .overseasText > .tit {
	padding:5%;
	background:#f8f8f8;
	border-top:1px solid #dedede;
}
.m53 > .mapCate .overseasText > .tit > h3 {font-size:1.6em;color:#0f4996;margin-bottom:3px;}
.m53 > .mapCate .overseasText > .tit > p {font-size:1.2em;color:#333333;}
.m53 > .mapCate .overseasText > .con {
	padding:5%;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.m53 > .mapCate .overseasText > .con > h3 {
	font-size:1.4em;
	color:#333333;
	font-weight:500;
	margin-top:10px;
	line-height:1.5em;
}
.m53 > .mapCate .overseasText > .con > p {font-size:1.2em;color:#777777;line-height:1.5em;}


.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% 20%;width:95%;}
.m62 .topBox {
	width:100%;
	padding-bottom: 10%;
   
}
.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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
	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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;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: monospace, "Lato", "Noto Sans JP", "Microsoft YaHei UI", sans-serif;
}

/*이지연 추가*/

#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;
	word-break: normal;
	overflow-wrap: break-word;
}

.eventcont .Title {
	margin:10% auto 5%;
	padding-bottom:5%;
	font-family: monospace, "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;
	word-break: normal;
	overflow-wrap: break-word;
}
.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;
	word-break: normal;
	overflow-wrap: break-word;
}
.eventcont .SubTitle .color00 {color:#000000;font-weight:500;}
.eventcont .SubTitle .color77 {color:#0f4996;font-weight:500;}

.eventcont .SubTitle > p {
	word-break: normal;
	overflow-wrap: break-word;
}

.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;
	word-break: normal;
	overflow-wrap: break-word;
}
.eventcont .box > h5 {
	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:20px;
	text-align:center;
	color:#2a2a2a;
	position: relative;
	word-break: normal;
	overflow-wrap: break-word;
}
.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;
	word-break: normal;
	overflow-wrap: break-word;
}
.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;
	word-break: normal;
	overflow-wrap: break-word;
}

.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;
	word-break: normal;
	overflow-wrap: break-word;
}

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

.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;
	word-break: normal;
	overflow-wrap: break-word;
}

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

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

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

.productcont .section1 .top img.prdtimg {
	width: 90%;
	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;
	word-break: normal;
	overflow-wrap: break-word;
}

.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;
	word-break: normal;
	overflow-wrap: break-word;
}	
.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;
	word-break: normal;
	overflow-wrap: break-word;
}

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

.productcont .section2 .top h4 {
	font-size:24px;
	text-align:center;
	font-weight: 700;
	margin-bottom:20px;
	margin-top:50px;
	word-break: normal;
	overflow-wrap: break-word;
}

.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;
	word-break: normal;
	overflow-wrap: break-word;
}

.productcont .section2 .top .panel {
	padding: 0px;
	text-align: center;
	word-break: normal;
	overflow-wrap: break-word;
}

.productcont .section2 .top .panel p {
	padding:20px;
	word-break: normal;
	overflow-wrap: break-word;
}

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

.productcont .section2 .top .relatedprdct {
	display: inline-block;
	word-break: normal;
	overflow-wrap: break-word;
}

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

.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;
	word-break: normal;
	overflow-wrap: break-word;
}