.margin-bottom_30px{margin-bottom:30px;}
.margin-bottom_50px{margin-bottom:50px;}
/* html, body {margin:0; padding:0;line-height:0;} */

header {
    width: 100%;
    height: 110px;
	z-index:999;
	border-bottom:1px solid #ccc;
}
header .header-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
header .header-wrap h1 {
    float: left;
    margin-right: 0%;
    margin-top: 29px;
    width: inherit;
	z-index:999;
}
header .header-wrap .m-toggle {
    display: none;
}
header .header-wrap .lnb {
    display: block;
    float: left;
    position: relative;
    width: 50%;
}
/*header .header-wrap .lnb ul li {
    float: left;
    width: 24%;
    position: relative;
}
header .header-wrap .lnb ul li a {
    font-size: 18px;
    color: #363636;
    display: block;
    padding: 42.5px 0;
    text-align: center;
}
header .header-wrap .lnb ul li .dropdown {
    display: none;
    position: absolute;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    padding: 5px 0;
}
header .header-wrap .lnb ul li .dropdown ul li {
    float: none;
    width: 100%;
}
header .header-wrap .lnb ul li .dropdown ul li a {
    display: block;
    font-size: 14px;
    text-align: left;
    padding: 12px 0 12px 20px;
    color:#fff;
}
header .header-wrap .lnb ul li.on .dropdown {
    display: block;
}
header .header-wrap .lnb ul li:hover a {
    border-bottom: 3px solid #9bbad8;
    padding: 42.5px 0 39.5px;
}
header .header-wrap .lnb ul li:hover .dropdown ul li a {
    border-bottom: none;
    padding: 12px 0 12px 20px;
}
header .header-wrap .lnb ul li:hover .dropdown ul li a:hover {
    background: rgba(4, 49, 92, 0.5);
}*/
header .header-wrap .btn-group{
    float:left;
    position: relative;
    top: 34px;
}
header .header-wrap .btn-group .youtube_button,
header .header-wrap .btn-group .eng_button,
header .header-wrap .btn-group .shop_button {
	display:inline-block;
	width:30%;border:0px solid #000;box-sizing:border-box;
	float:left;

}
header .header-wrap .btn-group .youtube_button {
	min-width:40px;
}
header .header-wrap .btn-group a{
    padding: 13px 10px;
    background: #004a8f;
    color: #fff;
    font-size: 12px;
    border:0px solid #f00;
	display:block;
}
header .header-wrap .btn-group .youtube_button a {
    padding: 0px;
    background: #004a8f;
    color: #fff;
    font-size:0px;
    border:0px solid #f00;
}
header .header-wrap .btn-group .youtube_button a img {
	height:43px;
	width:41px !important;
}
header .header-wrap .btn-group .shop_button a {
    padding: 0px;
    background: #fff;
    color: #fff;
    font-size:0px;
    border:0px solid #f00;
}
header .header-wrap .btn-group .shop_button a img {
	height:43px;
	width:45px !important; border:0px solid #f00;
}
header .header-wrap .btn-group a.search-btn{
    display:inline-block;
}
header .header-wrap .btn-group .m-search-bar{
    display:none;
}
header .header-wrap .btn-group .search-bar{
    position: absolute;
    width: 180px;
    border: 1px solid #e3e3e3;
    z-index: 999;
    background: #fff;
    margin-left: 150px;
    margin-top: 0px;
}
header .header-wrap .btn-group .search-bar.on{
    display:block;
}
header .header-wrap .btn-group .search-bar input[type="text"]{
	width: 100%;
    height:42px;
	padding-left: 15px;
	box-sizing: border-box;
}
.m-lnb {
    display: none;
}
#body .spot {
    overflow: hidden;
	padding-top: 110px;
}
#body .spot .bx-controls-direction{
    display:block;
}
#body .spot .caption {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 40%;
    color: #fff;
    margin-top: -3%;
}
#body .spot .caption .txt1 {
    font-size: 38px;
    color:#00a3e5;
    text-decoration: underline;
}
#body .spot .caption .txt2 {
    font-size: 65px;
    font-weight: 600;
}
#body .spot .bx-pager {
    bottom: 5%;
}
#body .top {
    height: 540px;
    background: url(../images/main-bg1.jpg) 50% 0 no-repeat;
    background-color: #282a33;
}
#body .top .layout {
    padding-top: 190px;
}
#body .top .layout p {
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
}
#body .top .layout p.txt1 {
    font-size: 38px;
}
#body .top .layout p.txt2 {
    font-size: 50px;
    font-weight: 600;
}
#body .rolling {
    height: 520px;
    position: relative;
}
#body .rolling .tab-img ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 520px;
    width: 100%;
    display: none;
}
#body .product{
    overflow:hidden;
    padding:80px 0 30px;
}
#body .product h1{
 text-align:center;
    font-weight:normal;
    margin-bottom:60px;
	font-size: 28px;
}
#body .product h1 span{
    display:inline-block;
    color:#004a8f;
    margin-right:10px;
    font-weight:600;
}
#body .product ul li{
    float:left;
    width:31%;
    margin:10px 1%;
    min-height:300px;
}

#body .product ul li:nth-of-type(3){
  margin: 10px 1%;
}

#body .product ul li figure{
	transition:0.3s ease;
	text-align: center;
}
#body .product ul li figure:hover{
	opacity:0.7;
	transition:0.3s ease;
}
#body .product ul li figure figcaption{
    text-align:center;
    color:#363636;
    font-size:16px;
    font-weight:600;
    margin-top:10px;
    display:block;
}
#body .list{
    overflow:hidden;
    background:#ececec;
}
#body .list .layout ul li{
    width:25%;
    float:left;
    position:relative;
}
#body .list .layout ul li figure img{
    display:block;
}
#body .list .layout ul li .caption{
    position:absolute;
    width:100%;
    text-align:center;
    top:0;
    left:0;
}
#body .list .layout ul li .caption a i{
    display:inline-block;
    margin-bottom:20px;
    margin-top:22%;
}
#body .list .layout ul li .caption a h1{
	color:#333;
    margin-bottom:10px;
}
#body .list .layout ul li .caption a p{
	color:#333;
    margin-bottom:15px;
    display:block;
}
#body .list .layout ul li .caption .go_button a{
    color:#fff;
    background:#004a8f;
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    text-align:center;
    font-size:15px;
	transition:0.5s ease;
}
#body .list .layout ul li .caption .go_button a:hover{
	background:#000;
	transition:0.5s ease;
}
#body .list .layout ul li .caption .go_button span{
    display:inline-block;
    margin-top:8px;
}
#body .company{
    background:url(../images/company-bg.jpg) 50% 0 no-repeat;
    height:233px;
    padding-top:80px;
    text-align: center;
}
#body .company h1{
    text-align: center;
    color: #00ac6d;
    font-weight: normal;
    font-size: 17px;
}
#body .company p{
    margin-top:15px;
    text-align:center;
    color:#fff;
    font-size: 19px;
    display:block;
}
#body .company a{
    margin-top:40px;
    display:inline-block;
    border:1px solid #fff;
    color:#fff;
    padding:10px 20px;
    text-align: center;
    font-size:14px;
	transition:0.5s ease;
}
#body .company a:hover{
	background:#fff;
	color:#004a8f;
	transition:0.5s ease;
}
#body .sitemap{
    background:#00679a;
    padding:35px 0;
    overflow:hidden;
    display:block;
}
#body .sitemap .f-logo{
    float:left;
    margin-right:15px;
}
#body .sitemap .f-logo p{
    color:#fff;
    font-weight:600;
    margin-top:18px;
}
#body .sitemap .category{
    float:left;
    overflow:hidden;
}
#body .sitemap .category .menu2{
    border-left:1px solid #3080af;
    padding-left:40px;
    height:415px;
    float:left;
    margin-right:33px;
}
#body .sitemap .category .menu2.first{
    margin-right:0;
}
#body .sitemap .category .menu2 h2{
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom:19px;
}
#body .sitemap .category .menu2 ul{
    float:left;
    margin-right:20px;

}
#body .sitemap .category .menu2 ul li{}
#body .sitemap .category .menu2 ul li a{
    color:#ccc;
    font-size:13px;
    margin-bottom:12px;
    display:block;
}
#body .sitemap .category .menu2 ul li a:hoveR{
    text-decoration: underline;
}
#body .sitemap .category .menu2 ul li a strong{
    color:#cacaca;
    font-size:14px;
    margin-bottom:18px;
}
#body .notice{
    overflow:hidden;
    background: #bfd3e8;
    padding:20px 0;
    position:relative;
}
#body .notice .layout{
    position:relative;
}
#body .notice .prev{
    position: absolute;
    right: 0;
    top: -7px;
    display:block;
}
#body .notice .pause{
    position: absolute;
    right: 0;
    top: 6px;
    display:block;
}

#body .notice .next{
    position: absolute;
    right: 0;
    top: 19px;
    display:block;
}
#body .notice h1{
    float: left;
    color: #444;
    padding-right: 50px;
    border-right: 1px solid #888;
    font-size: 20px;
    font-weight: normal;
}
#body .notice #scrollers{
    float:left;
    width:70%;
    margin-left:40px;
    top:3px;
}
#body .notice #scrollers ul li a{
    color:#333;
    font-size:15px;
    display:inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width:90%;
}
#body .notice .sound_only{
    display:none;
}
#body .notice .lt_more{
    display:none;
}

/*sub*/

.visual_1{
  background:#004a8f;
  height:65px;
  padding-top:110px;
}
.visual_1 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 65px 0 30px 0;
}
.visual_2{
  background:#004a8f;
  height:65px;
  padding-top:110px;
}
.visual_2 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 65px 0 30px 0;
}
.visual_3{
  background:#004a8f;
  height:65px;
  padding-top:110px;
}
.visual_3 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 65px 0 30px 0;
}
.visual_4{
  background:#004a8f;
  height:65px;
  padding-top:110px;
}
.visual_4 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 65px 0 30px 0;
}
.visual_5{
  background:#004a8f;
  height:65px;
  padding-top:110px;
}
.visual_5 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 65px 0 30px 0;
}
/*sub_menu*/
#wrap .sub_menu1{width:100%;border-top:1px solid rgba(255,255,255,0.5);padding:0} 
#wrap .sub_menu1 ul{max-width: 1200px; margin: 0 auto;}
#wrap .sub_menu1 li{float:left;font-size:16px;width:14.2%;text-align:center;padding: 19px 0;background:transparent;}
#wrap .sub_menu1 .menu_last{width:0}
#wrap .sub_menu1 a li{color:#fff;}
#wrap .sub_menu1 a .on{border-bottom:4px solid #bfd3e8;background:transparent;}

.sub_menu2{width:100%;border-top:1px solid rgba(255,255,255,0.5);padding:0} 
.sub_menu2 ul{max-width: 1200px; margin: 0 auto;}
.sub_menu2 li{float:left;font-size:16px;width:12.5%;text-align:center;padding: 19px 0;background:transparent;}
.sub_menu2 .menu_last{width:0}
.sub_menu2 a li{color:#fff;}
.sub_menu2 a .on{border-bottom:4px solid #bfd3e8;background:transparent;}

.sub_menu3{width:100%;border-top:1px solid rgba(255,255,255,0.5);padding:0} 
.sub_menu3 ul{max-width: 1200px; margin: 0 auto;}
.sub_menu3 li{float:left;font-size:16px;width:33.3%;text-align:center;padding: 19px 0;background:transparent;}
.sub_menu3 .menu_last{width:0}
.sub_menu3 a li{color:#fff;}
.sub_menu3 a .on{border-bottom:4px solid #bfd3e8;background:transparent;}

.sub_menu4{width:100%;border-top:1px solid rgba(255,255,255,0.5);padding:0} 
.sub_menu4 ul{max-width: 1200px; margin: 0 auto;}
.sub_menu4 li{float:left;font-size:16px;width:25%;text-align:center;padding: 19px 0;background:transparent;}
.sub_menu4 .menu_last{width:0}
.sub_menu4 a li{color:#fff;}
.sub_menu4 a .on{border-bottom:4px solid #bfd3e8;background:transparent;}

.sub_menu5{width:100%;border-top:1px solid rgba(255,255,255,0.5);padding:0} 
.sub_menu5 ul{max-width: 1200px; margin: 0 auto;}
.sub_menu5 li{float:left;font-size:16px;width:100%;text-align:center;padding: 19px 0;background:transparent;}
.sub_menu5 .menu_last{width:0}
.sub_menu5 a li{color:#fff;}
.sub_menu5 a .on{border-bottom:4px solid #bfd3e8;background:transparent;}

#contents hgroup{padding:50px 0 45px;}
#contents_0204 hgroup{padding:50px 0 45px;}

.soon{width:100%;text-align:center;margin:0 auto;padding:8.5% 0}

/*sub_0101_intro*/
#body .product2{
    overflow:hidden;
    padding:40px 0 30px;
}
#body .product2 h1{
 text-align:center;
    font-weight:normal;
    margin-bottom:60px;
	font-size: 28px;
}
#body .product2 h1 span{
    display:inline-block;
    color:#004a8f;
    margin-right:10px;
    font-weight:600;
}
#body .product2 ul li{
    float:left;
    width:33%;
	padding: 3% 0.5%;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 -1px -1px 0;
}
#body .product2 ul li figure{
	transition:0.3s ease;
	text-align: center;
}
#body .product2 ul li figure:hover{
	opacity:0.7;
	transition:0.3s ease;
}
#body .product2 ul li figure figcaption{
    text-align:center;
    color:#363636;
    font-size:16px;
    font-weight:600;
    margin-top:5px;
    display:block;
}
#body .product2 ul li figure figcaption:hover{
	color:#004a8f;
}

/*sub_0101*/
#contents .red{color:#e6563e}
#contents .pages .txt_sub_0101{width:50%; float:right; padding-left:3%; box-sizing: border-box;}
#contents .pages .txt_sub_0101 dl dt{font-size:30px;color:#363636;font-family: 'Titillium Web', sans-serif;}
#contents .pages .txt_sub_0101 dl dt span.skyblue{color:#15dce8;font-weight:600}
#contents .pages .txt_sub_0101 dl dd:nth-of-type(1){font-size:20px;color:#363636;}
#contents .pages .txt_sub_0101 dl dd:nth-of-type(2){font-size:18px;color:#666;margin-top:15px;line-height:30px;}
#contents .pages .txt_sub_0101 dl dd ul{width:100%;margin-top: 6%;}
#contents .pages .txt_sub_0101 dl dd ul li{width:48%; margin-right: 1%;float:left;}

#contents .pages .product_sub_0101{width:100%;margin-top:3%;overflow: hidden}
#contents .pages .product_sub_0101 a ul{width:25%;float:left;text-align:center;margin: 0 0 2% 0;transition: ease 0.3s}
#contents .pages .product_sub_0101 a ul li {}
#contents .pages .product_sub_0101 a ul li span.title{color:#454545;font-size:18px;font-family: 'Titillium Web', sans-serif;}
#contents .pages .product_sub_0101 a ul li:nth-of-type(2){margin:10% 0 7% 0}
#contents .pages .product_sub_0101 a ul li:nth-of-type(3){width:75%;height:1px;background:#dbdbdb;margin: 0 auto;}
#contents .pages .product_sub_0101 a ul:hover{opacity:0.7;transition: ease 0.3s}

/*sub_0101_1*/
#contents .layout_product_t_3{padding:0 0 2% 0;width:100%;border-bottom:1px solid #ddd;height:auto;overflow:hidden}
#contents .txt_sub_0101_1{width:100%;text-align:center;margin:0 auto;overflow:hidden}
#contents .txt_sub_0101_1 ul{width:42%;margin:0 7% 1% 0;text-align:center;float:left;}
#contents .txt_sub_0101_1 dd{font-size:20px;font-weight:600;font-family: 'Titillium Web', sans-serif;color:#444;}
#contents .pages .product_sub_0101 a ul p{font-size:15px;color:#444;font-family: 'Titillium Web', sans-serif;padding:1% 0}

/*sub_0101_2*/
#contents .txt_sub_0101_2{width:100%;text-align:center;margin:0 auto;overflow:hidden}
#contents .txt_sub_0101_2 ul{width:100%;margin:0;text-align:center;float:left;}
#contents .txt_sub_0101_2 ul img{width:80%}

/*sub_0101_4*/
#contents .txt_sub_0101_4{width:100%;text-align:center;margin:0 auto;overflow:hidden}
#contents .txt_sub_0101_4 ul{width:21%;margin:0 4% 1% 0;text-align:center;float:left;}
#contents .txt_sub_0101_4 dd{font-size:20px;font-weight:600;font-family: 'Titillium Web', sans-serif;color:#444;}

/*sub_0101_6*/
#contents .txt_sub_0101_6{width:100%;text-align:center;margin:0 auto;overflow:hidden}
#contents .txt_sub_0101_6 ul{width:18%;margin:0 2% 1% 0;text-align:center;float:left;}
#contents .txt_sub_0101_6 dd{font-size:20px;font-weight:600;font-family: 'Titillium Web', sans-serif;color:#444;}

/*sub_0101_8*/
#contents .txt_sub_0101_8 dl{margin-top:50%;}
#contents .txt_sub_0101_8 dd{font-size:14px;line-height:28px;font-family: 'Noto Sans Korean', sans-serif;text-align:left;color:#666;font-weight:300;letter-spacing: -1px;}

/*sub_0101_9*/
#contents .txt_sub_0101_9{width:100%;text-align:center;margin:0 auto;overflow:hidden}
#contents .txt_sub_0101_9 ul{width:30%;margin:0 3% 1% 0;text-align:center;float:left;}
#contents .txt_sub_0101_9 dd{font-size:20px;font-weight:600;font-family: 'Titillium Web', sans-serif;color:#444;}

/*sub_0101_10*/
#contents .layout_product_t_4{width:50%;float:left;padding:3% 0}
#contents .layout_product_t_4 dl{padding:0 0 5% 0;overflow: hidden;}
#contents .layout_product_t_4 dt{width:33%;float:left;margin-right: 2%;}
#contents .layout_product_t_4 p{font-size:16px;color:#444;font-weight:600;padding:5% 0}
#contents .layout_product_t_4 dd{width:60%;float:left;margin-right:5%;}

.product-table_0101_10_1{
  width:100%;
  line-height: 17px;
  border-bottom:1px solid #939598;
}
.product-table_0101_10_1 thead tr th{
  padding:2% 0.5%;
  border-top:1px solid #dd5438;
  border-bottom:1px solid #dd5438;
  color:#dd5438;
  font-size:12px;
}
.product-table_0101_10_1 tbody tr th{}
.product-table_0101_10_1 tbody tr td{
  padding:1.5% 0.5%;
  text-align:center;
  font-size:12px;
}
.product-table_0101_10_1 tbody .gray{background:#f7f8f8}

/*sub_0102_1*/
#contents .layout_0102{background:#f5f5f5;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .txt_sub_0102{width:50%; float:right; padding-left:3%; box-sizing: border-box;}
#contents .txt_sub_0102 dl dt{font-size:62px;color:#363636;font-weight:100;font-family: 'Titillium Web', sans-serif;line-height:75px;}
#contents .txt_sub_0102 dl dd{font-size:17px;color:#666;margin-top:20px;margin-bottom:0px;line-height:30px;letter-spacing: -0.5px;}

#contents .layout_0102_1{background:#f9f9f9;padding:4% 0 ;width:100%;height:auto;overflow:hidden}
#contents .layout_0102_1 ul{width:100%}
#contents .layout_0102_1 li{width:33.3%;float:left;margin:0}

#contents .pages .product_sub_0102_2{width:100%;margin-top:10%;overflow: hidden}
#contents .pages .product_sub_0102_2 a ul{width:50%;float:left;margin: 0 0 7% 0;transition: ease 0.3s;position: relative;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(1){width:25%;float:left;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(2){width:25%;float:left;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(3){width:50%;float:left;position: absolute;top:32%;left:51%;}
#contents .pages .product_sub_0102_2 a ul li span.title{font-size:22px;color:#454545;font-weight:100;font-family: 'Titillium Web', sans-serif;float:left;width:100%;}
#contents .pages .product_sub_0102_2 a ul li span.contents{font-size:15px;color:#676767;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing: border-box;
padding:3%;margin-top: 15px;float:left;width:85%;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(1):hover{opacity:0.7;transition: ease 0.3s}
#contents .pages .product_sub_0102_2 a ul li span.title:hover{color:#004a8f;transition: ease 0.3s}
#contents .pages .product_sub_0102_2 a ul li span.contents:hover{color:#004a8f;transition: ease 0.3s}

/*sub_0102_2*/
#contents .layout_0102_2{background:#f9f9f9;padding:4% 0 ;width:100%;height:auto;overflow:hidden}
#contents .layout_0102_2 ul{width:50%;float:left;text-align:center}
#contents .layout_0102_2 li{width:33.3%;float:left;margin:0}

/*sub_0102_3*/
#contents .layout_0102_3{background:#f9f9f9;padding:4% 0 ;width:100%;height:auto;overflow:hidden}
#contents .layout_0102_3 ul{width:100%;float:left;text-align:center}
#contents .layout_0102_3 li{width:25%;float:left;margin:0}

#contents .layout_0102_3 .pages_3{margin:4% 0 0 0;overflow: hidden;}
#contents .layout_0102_3 .pages_3 li{width:33.3%;float:left;box-sizing:border-box}
#contents .layout_0102_3 .pages_3 li img{max-width:300px;}
#contents .layout_0102_3 .pages_4 li{width:100%;text-align:center}
#contents .layout_0102_3 .pages_4 li img{max-width:300px;}

#contents .pages_0102_5 li{width:33.3%;}
#contents .layout_notice{width:100%;}
#contents .layout_notice dl{width:46%;float:left;padding:2% 2% 0 2%;letter-spacing: -0.5px;}
#contents .layout_notice dt{font-size:20px;margin-bottom:10px;padding-left:10px;border-left:5px solid #52996d}
#contents .layout_notice dd{font-size:16px;color: #666;line-height: 30px;}

/*sub_0102_4*/
#contents .layout_0102_4{background:#f9f9f9;padding:3% 0 0 0;width:100%;height:auto;overflow:hidden}
#contents .layout_0102_4 dl{width:32%;overflow:hidden;margin-bottom:5%;float:left;}
#contents .layout_0102_4 dt{width:100%; float:left;}
#contents .layout_0102_4 dd{width:100%; float:left;}
#contents .layout_0102_4 dd ul{width:33%;float:left;}
#contents .layout_0102_4 dd ul li{font-size:17px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:33px;}


/*sub_0102_5*/
#contents .layout_0102_5{background:#f9f9f9;padding:4% 0 ;width:100%;height:auto;overflow:hidden}
#contents .layout_0102_5 ul{width:100%;float:left;text-align:center}
#contents .layout_0102_5 li{width:20%;float:left;margin:0}

#contents .txt_sub_0102_5{width:100%; float:right; padding-bottom:3%; box-sizing: border-box;}
#contents .txt_sub_0102_5 dl dt{font-size:62px;color:#363636;font-weight:100;font-family: 'Titillium Web', sans-serif;line-height:75px;}
#contents .txt_sub_0102_5 dl dd{font-size:17px;color:#666;margin-top:20px;margin-bottom:0px;line-height:30px;letter-spacing: -0.5px;}

#contents .layout_product_draw{width:100%;text-align:center;overflow:hidden}
#contents .layout_product_draw ul li{width:50%;float:left;padding: 2%; box-sizing: border-box;}


/*sub_product*/
.visual_1 .sub_menu1{width:100%;border-top:1px solid rgba(255,255,255,0.5);} 
.visual_1 .sub_menu1 ul{max-width: 1200px; margin: 0 auto;}
.visual_1 .sub_menu1 li{float:left;font-size:16px;width:14.2%;text-align:center;padding: 19px 0;background:transparent;}
.visual_1 .sub_menu1 a li{color:#fff;}
.visual_1 .sub_menu1 a .on{border-bottom:4px solid #bfd3e8;background:transparent;}

#contents .pages .product_title{font-size:30px;color:#363636;font-family:'Titillium Web', sans-serif;text-align:center;letter-spacing: -0.5px;margin:5% 0 3% 0}


/*toggle*/
#contents .layout_product_title2{font-size:20px;color:#444;font-weight:600;margin: 0 0 15px 0;}
#contents .layout_product_t_1{background:#f5f5f5;padding:4% 0 0 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product_t_1 dl{width:100%;overflow:hidden;margin-bottom:0;}
#contents .layout_product_t_1 dt{width:100%; float:left;}
#contents .layout_product_t_1 ul{width:100%;text-align:unset}
#contents .layout_product_t_1 li{width:16.5%;float:left;margin-bottom:4%;}
#contents .layout_product_t_1 dd:nth-of-type(1){width:30%; float:left;margin:0;}
#contents .layout_product_t_1 dd:nth-of-type(2){width:70%; float: left;}
#contents .layout_product_t_1 dd ul li{width:100%;font-size:17px;color:#666;background:url('../images/sub_t_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:33px;box-sizing: border-box;}

#contents .layout_product_t_1 dd:nth-of-type(2) dl{width:20%;min-height: 230px;float: left; text-align: center;margin-bottom:0;}
#contents .layout_product_t_1 dd:nth-of-type(2) dd{width: 100%;font-size:18px;color:#222;font-weight:600;float:left;padding:2% 0}
#contents .layout_product_t_1 dd dl p{font-size:14px;color:#444;}

#contents .layout_product_t_2{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product_t_2 dl dt{width:100%;margin:0 auto;text-align:center;border-bottom:1px solid #444444; padding:1.5% 0 3% 0}
#contents .layout_product_t_2 dl dd ul{width:100%;float:left;margin:3% 0 1% 0}
#contents .layout_product_t_2 dl dd ul li{width:25%;float:left;margin:0;}
#contents .layout_product_t_2 dl dd .model_4L{width:100%;float:left;margin:3% 0 1% 0}
#contents .layout_product_t_2 dl dd .model_4L li{width:33.3%;float:left;margin:0;}
#contents .layout_product_t_2 dl dd .red dt{width:25px;height:75px;float: left;background:#dd5539 !important;border:0;color:#fff;font-size:20px;font-weight:600}
#contents .layout_product_t_2 dl dd .yellow dt{width:25px;height:75px;background:#ecb000 !important;border:0;color:#fff;font-size:20px;font-weight:600}
#contents .layout_product_t_2 dl dd ul li dd{font-size:17px;color:#444;padding:0.5% 12%;font-weight:100}
#contents .layout_product_t_2 dl dd ul li dd .model_subject{font-size:20px;color:#444;font-weight:300}
#contents .layout_product_t_2 dl dd ul li dd .skyblue{color:#00a3e5}

#contents .layout_product_toggle_l{padding:0 0 2% 0;width:100%;border-top:1px solid #ddd;height:auto;overflow:hidden}
#contents .layout_product_toggle_title{font-size:26px;color:#5d5d5d;font-weight:600;letter-spacing:-1px;padding:3% 0 0 5%}
#contents .t_draw{overflow: hidden;}
#contents .t_draw dl dt{width:50%;float:left;text-align: center;padding-top: 8%;}
#contents .t_draw dl dd{width:50%;float:left;padding:0}

.product-table_0101_toggle{width:100%;line-height: 17px; border-bottom:1px solid #939598; margin: 3% 0 ;}
.product-table_0101_toggle thead tr th{padding:1.5% 0.5%;border-top:1px solid #1c5f9c;border-bottom:1px solid #1c5f9c;color:#1c5f9c;font-size:12px;line-height:16px;}
.product-table_0101_toggle tbody tr td{padding:1.5% 0.5%; text-align:center; font-size:12px;}

.skyblue{color:#00a3e5}
.s_txt{font-size:18px;}

/*hinge_clamp*/
#contents .pages .top_product_1{overflow:hidden}
#contents .pages .top_product_1 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_1 ul li{width:14%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_1 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .pages .top_product_2{overflow:hidden}
#contents .pages .top_product_2 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_2 ul li{width:16.5%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_2 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .pages .top_product_3{overflow:hidden}
#contents .pages .top_product_3 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_3 ul li{width:25%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_3 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .pages .top_product_4{overflow:hidden}
#contents .pages .top_product_4 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_4 ul li{width:10%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_4 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .pages .top_product_5{overflow:hidden}
#contents .pages .top_product_5 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_5 ul li{width:12.5%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_5 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .pages .top_product_6{overflow:hidden}
#contents .pages .top_product_6 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_6 ul li{width:33.3%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_6 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .pages .top_product_7{overflow:hidden}
#contents .pages .top_product_7 ul{width:90%;text-align:center;margin:0 auto;}
#contents .pages .top_product_7 ul li{width:20%;float:left;font-size:15px;text-align:center;margin:0}
#contents .pages .top_product_7 ul li dd{margin-top:10px;color:#666;font-family:'Titillium Web', sans-serif;}

#contents .layout_product_title{font-size:24px;color:#444;font-weight:600;font-family:'Titillium Web', sans-serif;margin: 0 0 15px 0;}
#contents .layout_product1{background:#f5f5f5;padding:4% 0 1% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product1 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product1 dt{width:50%; float:left;}
#contents .layout_product1 dd{width:50%; float:left;}
#contents .layout_product1 dd ul{width:50%;float:left;}
#contents .layout_product1 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product1 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product2{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2 dl dt{width:100%;margin:0 auto;text-align:center;border-bottom:1px solid #444444; padding:1.5% 0 3% 0}
#contents .layout_product2 dl dd ul{width:100%;float:left;margin:3% 0}
#contents .layout_product2 dl dd ul li{width:33.3%;float:left;margin:0;}
#contents .layout_product2 dl dd ul li dt{width:25px;height:75px;float: left;background:#005f9a;border:0;color:#fff;font-size:20px;font-weight:600}
#contents .layout_product2 dl dd ul li:nth-child(2n) dt{width:25px;height:75px;background:#52996d;border:0;color:#fff;font-size:20px;font-weight:600}
#contents .layout_product2 dl dd .green_box{background:#52996d !important;}
#contents .layout_product2 dl dd .blue_box{background:#005f9a !important;}
#contents .layout_product2 dl dd ul li dd{font-size:16px;color:#444;padding:0.5% 12%;font-weight:100}
#contents .layout_product2 dl dd ul li dd .model_subject{font-size:20px;color:#444;font-weight:300}
#contents .layout_product2 dl dd ul li dd .skyblue{color:#00a3e5} 

#contents .layout_product2_2{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_2 dl dt{width:100%;margin:0 auto;text-align:center;border-bottom:1px solid #444444; padding:1.5% 0 3% 0}
#contents .layout_product2_2 dl dd ul{width:100%;float:left;margin:3% 0}
#contents .layout_product2_2 dl dd ul li{width:25%;float:left;margin:0;}
#contents .layout_product2_2 dl dd ul li dt{width:25px;height:75px;float: left;background:#005f9a;border:0;color:#fff;font-size:20px;font-weight:600}
#contents .layout_product2_2 dl dd ul li:nth-child(2n) dt{width:25px;height:75px;background:#52996d;border:0;color:#fff;font-size:20px;font-weight:600}
#contents .layout_product2_2 dl dd ul li dd{font-size:16px;color:#444;padding:0.5% 12%;font-weight:100}
#contents .layout_product2_2 dl dd ul li dd .model_subject{font-size:20px;color:#444;font-weight:300}
#contents .layout_product2_2 dl dd ul li dd .skyblue{color:#00a3e5} 

#contents .layout_product3{background:#f5f5f5;padding:4% 0 1% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product3 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product3 dt{width:33%; float:left;text-align: center;}
#contents .layout_product3 dd{width:33%; float:left;}
#contents .layout_product3 dd ul{width:33%;float:left;}
#contents .layout_product3 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product3 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product_title4{font-size:30px;color:#7c939d;font-weight:400;font-family:'Titillium Web', sans-serif;text-align: left;margin:0;padding-top: 38px;}
#contents .layout_product4{background:#f5f5f5;padding:3% 0 0 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product4 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product4 dt{width:22%; margin-right:4%; float:left;text-align: center;}
#contents .layout_product4 dd{width:45%; float:left;}
#contents .layout_product4 dd ul{width:50%;float:left;}
#contents .layout_product4 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product4 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product5{background:#f5f5f5;padding:4% 0 1% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product5 dl{width:49%;overflow:hidden;margin-bottom:5%;float:left;}
#contents .layout_product5 dt{width:100%; float:left;text-align: center;}
#contents .layout_product5 dd{width:33%; float:left;}
#contents .layout_product5 dd ul{width:33%;float:left;}
#contents .layout_product5 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product5 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product6{background:#f5f5f5;padding:4% 0 1% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product6 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product6 dt{width:25%; float:left;}
#contents .layout_product6 dd{width:25%; float:left;}
#contents .layout_product6 dd ul{width:25%;float:left;}
#contents .layout_product6 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product6 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product7{background:#f5f5f5;padding:4% 0 1% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product7 dl{width:32%;overflow:hidden;margin-bottom:5%;float:left;}
#contents .layout_product7 dt{width:100%; float:left;}
#contents .layout_product7 dd{width:100%; float:left;}
#contents .layout_product7 dd ul{width:33%;float:left;}
#contents .layout_product7 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product7 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product8{background:#f5f5f5;padding:3% 0 0 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product8 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product8 dt{width:47%; float:left;text-align: center;}
#contents .layout_product8 dd{width:53%; float:left;}
#contents .layout_product8 dd ul{width:50%;float:left;}
#contents .layout_product8 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product8 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product9{background:#f5f5f5;padding:3% 0 0 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product9 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product9 dt{width:25%; float:left;text-align: center;}
#contents .layout_product9 dd{width:25%; float:left;}
#contents .layout_product9 dd ul{width:50%;float:left;}
#contents .layout_product9 dd ul li{font-size:16px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding:0 20px;line-height:33px;letter-spacing: -1px;}
#contents .layout_product9 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product10{background:#f5f5f5;padding:3% 0 0 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product10 dl{width:100%;overflow:hidden;margin-bottom:1.5%;}
#contents .layout_product10 dt{width:9%; margin: 0 3.5%; float:left;text-align: center;}
#contents .layout_product10 dd{margin:2% 0;overflow: hidden;}
#contents .layout_product10 dd ul{width:100%;float:left;}
#contents .layout_product10 dd ul li{font-size:16px;color:#666;line-height:33px;}
#contents .layout_product10 dd ul:nth-last-child(1) li{padding:0 0 0 20px;}

#contents .layout_product2_r_clamp{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_r_clamp ul{overflow:hidden}
#contents .layout_product2_r_clamp ul li{width:50%;float:left;text-align:center}
#contents .layout_product2_r_clamp .txt_r_clamp_1{width:47%;margin-right:4%;float:left;font-size:16px;color:#444;line-height:32px;padding:3% 0 2% 0;}
#contents .layout_product2_r_clamp .txt_r_clamp_2{width:47%;float:left;font-size:16px;color:#444;line-height:32px;padding:3% 0 2% 0;}
#contents .layout_product2_r_clamp .txt_r_clamp_3{width:100%;font-size:16px;color:#444;line-height:32px;padding:3% 0 2% 0;}

#contents .layout_product2_r_clamp2{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_r_clamp2 .img{width:100%;text-align:center}
#contents .layout_product2_r_clamp2 ul{overflow:hidden;float:left;width:35%;}
#contents .layout_product2_r_clamp2 ul li{width:100%;text-align:center}
#contents .layout_product2_r_clamp2 .txt_r_clamp_1{width:60%;margin:5% 0 0 4%;float:left;font-size:16px;color:#444;line-height:32px;padding:3% 0 2% 0;}

#contents .layout_product2_r_clamp3{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_r_clamp3 ul{overflow:hidden}
#contents .layout_product2_r_clamp3 ul li:nth-child(1){width:40%;float:left;text-align:center}
#contents .layout_product2_r_clamp3 ul li:nth-child(2){width:60%;float:left;text-align:center}
#contents .layout_product2_r_clamp3 .txt_r_clamp_1{width:100%;margin-right:4%;float:left;font-size:16px;color:#444;line-height:32px;padding:3% 0 2% 0;}

#contents .layout_product2_r_clamp3_2{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_r_clamp3_2 ul{overflow:hidden}
#contents .layout_product2_r_clamp3_2 ul li:nth-child(1){width:70%;float:left;text-align:center}
#contents .layout_product2_r_clamp3_2 ul li:nth-child(1) img{margin-top:6%;}
#contents .layout_product2_r_clamp3_2 ul li:nth-child(2){width:28%;float:left;text-align:center}
#contents .layout_product2_r_clamp3_2 .txt_r_clamp_1{width:100%;margin-right:4%;float:left;font-size:16px;color:#444;line-height:32px;padding:3% 0 2% 0;}

#contents .layout_product2_r_clamp4{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_r_clamp4 ul{overflow:hidden}
#contents .layout_product2_r_clamp4 ul li{width:100%;float:left;text-align:center;margin-bottom:4%;}
 
#contents .layout_product2_special{background:#fff;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_special ul{overflow:hidden;font-size:20px;color:#444;line-height:32px;padding:0 0 2% 0;}
#contents .layout_product2_special ul li{width:100%;float:left;text-align:center;margin-top:4%;}

#contents .layout_product2_etc{width:100%;overflow: hidden;}
#contents .layout_product2_etc dl{width:29%; float:left;margin:5% 2%;overflow:hidden}
#contents .layout_product2_etc dl dt{width:100%;float:left;font-size:15px;color:#444;line-height:29px;}
#contents .layout_product2_etc dl dd{width:100%;float:left;margin-top:10%;}

#contents .layout_product_cal{width:100%;overflow: hidden;margin-bottom:5%;}
#contents .layout_product_cal_title{font-size:22px;color:#444;font-weight: 600;font-family: 'Titillium Web', sans-serif;padding:1.5% 0}
#contents .layout_product_cal dl dt{width:35%;margin:3% 5% 0 0;float:left;}
#contents .layout_product_cal dl dd{width:60%;float:left;}
#contents .layout_product_cal dl dd ul li{font-size:16px;color:#444;line-height:26px;}
#contents .layout_product_cal dl dd ul li ul{padding:2% 0;color:#000;}
#contents .layout_product_cal dl dd ul li dl dt{width:100%;border-bottom:1px solid #999;font-size:16px;color:#004a8f;font-weight:600;padding:1% 0;margin-bottom:1.5%}
#contents .layout_product_cal dl dd ul li dl dd{font-size:14px;color:#888;width:33.3%;line-height:29px;}



/*sub_0202*/
#contents .pages .txt_sub_0202{width:100%}
#contents .pages .txt_sub_0202 dl{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:3% 1.5%;margin:2.5% 0;overflow: hidden;}
#contents .pages .txt_sub_0202 dl dt{font-size:20px;color:#666;float:left;width:80%}
#contents .pages .txt_sub_0202 dl dt span{font-size:34px;color:#004a8e;font-weight:600;}
#contents .pages .txt_sub_0202 dl dd{float:right;width:20%;display:block}
#contents .pages .txt_sub_0202 ul{font-size:15px;color:#666;line-height:26px;overflow:hidden;padding:2% 0}
#contents .pages .txt_sub_0202 ul li{width:47%;float:left;}
#contents .pages .txt_sub_0202 ul li:nth-of-type(1){margin-right:4%}
#contents .pages .txt_sub_0202 ul li span{font-size:20px;font-weight:400;padding-bottom:10px;}

/*sub_0203*/
#contents .pages .txt_sub_0203{text-align:center;}
#contents .pages .txt_sub_0203 dl dt{font-size:40px;color:#333333;font-weight:400;padding:2% 0}
#contents .pages .txt_sub_0203 dl dt .blue{color:#004a8e}
#contents .pages .txt_sub_0203 dl dd{font-size:20px;color:#666666;line-height:30px;padding-bottom:3%;}
#contents .pages .txt_sub_0203 img{display:block;margin: 0 auto;}
#contents .pages .m_txt_sub_0203{display:none}

/*sub_0204*/
#contents_0204{background:url(../images/sub_0204_bg.gif) 50% 0 no-repeat;background-size: cover}
#contents_0204 .pages .txt_sub_0204{text-align:center;font-size:17px;color:#666;padding:5% 0}
#contents_0204 .pages .txt_sub_0204 img{padding:5% 0;margin: 0 auto;display:block}
#contents_0204 .pages .txt_sub_0204 .chart{display:none}

/*sub_0205*/
#contents .pages .txt_sub_0205{display:block}
#contents .pages .txt_sub_0205 ul{width:100%}
#contents .pages .txt_sub_0205 ul li{float:left;margin-bottom:4%;}
#contents .pages .txt_sub_0205 ul li:nth-of-type(1),
#contents .pages .txt_sub_0205 ul li:nth-of-type(4)
{width:57.5%}
#contents .pages .txt_sub_0205 ul li:nth-of-type(2),
#contents .pages .txt_sub_0205 ul li:nth-of-type(3)
{width:41.8%}
#contents .pages .m_txt_sub_0205{display:none}

/*sub_0206*/
#contents .certificates {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
#contents .certificates ul li {
  width: 21%;
  float: left;
  margin: 2%;
}
#contents .certificates ul li figure figcaption {
  display: block;
  font-size: 15px;
  color: #666;
  padding: 20px 0 0 0;
  border-top: 1px solid #7a7a7a;
  border-bottom: 1px solid #7a7a7a;
  margin-top: 10px;
}

/*sub_0207*/
.location{margin-top:45px;}


/*sub_0208*/
.txt_sub_0208{text-align: center;}
.txt_sub_0208 img{margin:5% 0 0 0}
.txt_sub_0208 a .txt_sub_0208_button {color:#fff;font-size:16px;}
.txt_sub_0208 .txt_sub_0208_button{width:15%;padding:1%;background:#0056c3;border-radius:25px;margin:4% auto;transition:ease 0.3s}
.txt_sub_0208 a .txt_sub_0208_button:hover{background:#333;transition:ease 0.3s}

/*sub_0301*/
#contents .catalogue{width:100%;padding:8% 0 4% 0;overflow: hidden;text-align: unset;}
#contents .catalogue ul{width:50%;float:left;margin:0}
#contents .catalogue dl{width:100%}
#contents .catalogue dl dt{width:50%;float:left;}
#contents .catalogue dl dd{width:45%;margin-left:5%;float: left;margin-top: 54%;}
#contents .catalogue dl dd p{font-size:25px;line-height:24px;font-weight:600;color:#000;}
#contents .catalogue dl dd p .catalogue_txt_s{font-size:16px;font-weight:300;}
#contents .catalogue dl dd a .catalogue_button{width:100px;height:24px;border-radius:20px;background:#004b8f;color:#fff;
font-size:12px;text-align:center;line-height:24px;margin: 5% 0 0 0;transition:0.3s ease}
#contents .catalogue dl dd a .catalogue_button:hover{background:#333;transition:0.3s ease}

/*sub_0302_download*/
.layout_login{background:#fff;padding:3% 0 2% 0;width:100%;height:auto;overflow:hidden}
.img_down{width:100%;margin:50px 0;overflow: hidden;}
.img_down dl{width:48%;padding:0 1%;text-align:center;float:left;}
.img_down dt{}
.img_down dd{font-size:16px;font-weight:600;color:#999;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px;margin-top:20px;transition:ease 0.3s}
.img_down dd:hover{color:#004a8f;transition:ease 0.3s}
.login_icon{width: 50%;margin-right: 54px;overflow: hidden;float: left;}

/*sub_0401*/
#contents .address{margin:5% 0;}
#contents .address .subject{color:#fff;background:#149371;font-size:16px;text-align:center;font-weight:600;padding:15px 30px;margin-right: 1%;}
#contents .address ul{margin:0 0 1% 0;overflow: hidden;width:50%;float:left;}
#contents .address ul .subject{color:#fff;background:#149371;font-size:16px;text-align:center;font-weight:600;padding:15px 30px;margin-right: 1%;}
#contents .address li{width:99%;float:left;padding:3%;margin:0 2% 2% 0;border:1px solid #eee;box-sizing:border-box;letter-spacing:0.5px;transition:0.3s ease}
#contents .address li:hover{background:#004a8f;color:#fff;transition:0.3s ease}
#contents .address li:nth-child(2n){margin-right:0}
#contents .address li dt{width:30%;font-size:18px;margin-bottom:20px;float:left;}
#contents .address li dt span{margin-right:5px;color:#00a3e5}
#contents .address li dd{width:60%;font-size:15px;line-height:26px;float:left;border-left:1px solid #ccc;}
#contents .address li dd span{font-weight:600;margin-right:15px;}
#contents .address li dd .tel{margin-left:10%;}
#contents .address li dd .mail{margin-left:10%;}

/*popup*/

/* Block page scroll*/
.needpopup-opened,.needpopup-opened body {
  overflow: hidden;
}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body {
  height: auto;
}
.needpopup-opened.needpopup-scrolled body {
  position: fixed;
  width: 100%;
}
/* Popup wrapper
***********************************************/
.needpopup img{display:block;}
.needpopup_wrapper {
  display:block;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;

  visibility: hidden;
  overflow: auto;

  width: 100%;
  height: 100%;
  padding: 40px 0;

  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
  opacity: 0;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
.needpopup-opened .needpopup_wrapper {
  visibility: visible;
  opacity: 1;
}
.needpopup-overflow .needpopup_wrapper {}
/* Popup appearence
***********************************************/
.needpopup {
  position: relative;
  z-index: 998;
  top: 50%;
  left: 50%;
  display: none;
  width: 430px;
  max-width: 100%;
  height:auto;
  margin-left: -215px;
  border: 3px solid #000;

  -webkit-transform: scale(.1, .1);
      -ms-transform: scale(.1, .1);
          transform: scale(.1, .1);
}
.needpopup.opened {
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
          transition: opacity .5s ease, transform .5s ease;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);

  opacity: 1;
}
.needpopup.stacked {
  top: 0 !important;
  margin-top: 0 !important;
}
.needpopup-overflow .needpopup {
  left: 0;
  width: auto;
  margin-left: 0;
}
/* Popup remover
***********************************************/
.needpopup_remover {
  position: fixed;
  z-index: 998;
  top: 4%;
  right: 4%;
  font-size: 40px;
  line-height: .5;
  color: #fff;

  text-decoration: none;
}
.needpopup_remover:hover {
  color: #ccc;
}
.needpopup_remover:before {
  content: '×';
}
.wrapper {
	padding: 40px 60px;
}
a[data-needpopup-show] {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 10px 15px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	color: #000;
	background:;
  border-radius: 3px;
}
.needpopup {
  border-radius: 6px;
}
/*popup_end*/


#contents {}

#contents .pages {
    padding: 0;
}
#contents .pages hgroup {
    margin-bottom: 60px;
}
#contents .pages hgroup p {
    font-size: 18px;
}
#contents .pages hgroup h1 {
    font-size: 40px;
}

#contents .pages .history_tab{width:100%;}
#contents .pages .history_tab ul{height:60px;line-height:60px;text-align:center}
#contents .pages .history_tab a li{width:50%;background-color:#fff;border:1px solid #dbdbdb;box-sizing:border-box;color:#666;font-size:16px;float:left;}
#contents .pages .history_tab a .on{background-color:#004b8f;color:#fff;}

#contents .pages .history {
    padding: 0px;
}
#contents .pages .history .history-img {
    display: block;
    margin-bottom: 45px;
}
#contents .pages .history .history-img ul li {
    float: left;
    width: 31%;
    margin: 0 1%;
}
#contents .pages .history .history-img ul li img {
    display: block;
}
#contents .pages .history .content {
	padding: 5% 0;
	overflow: hidden;
    clear: both;
}
#contents .pages .history .content dl {
    width: 100%;
    display: table;
    border-spacing: 20px 0;
}
#contents .pages .history .content dl dt {
    text-align: center;
    display: table-cell;
    font-weight: 600;
    font-size: 20px;
    vertical-align: middle;
    width: 15%;
    border-bottom: none;
}
#contents .pages .history .content dl dt.last {
    border-bottom: 2px solid #111;
}
#contents .pages .history .content dl dd {
    width: 35%;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    border-top: 1px solid #bbb;
    border-bottom: none;
    margin-bottom: 0;
}
#contents .pages .history .content dl dd p {
    margin: 12px 0;
	line-height:22px;
}
#contents .pages .history .content dl dd p .year_blue{color:#000;font-weight:700;margin-right:10px}
#contents .pages .history .content dl dd.last {
    border-bottom: 1px solid #bbb;
}

#contents .pages .location .info {
    margin: 3% 0 5% 0;
}
#contents .pages .location .info dl {
    width: 100%;
    display: table;
    border-spacing: 20px 0;
}
#contents .pages .location .info dl dt {
    text-align: center;
    display: table-cell;
    font-size: 30px;
    width: 15%;
    vertical-align: middle;
    letter-spacing: -1px;
}
#contents .pages .location .info dl dd {
    border-top: 1px solid #bbb;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}
#contents .pages .location .info dl dd p {
    margin: 10px 0;
}
#contents .pages .location .info dl dd p span {
    margin: 0;
    width: 100px;
    display: inline-block;
}

#contents .pages .contact .form {
    overflow: hidden;
}
#contents .pages .contact .form dt {
    padding: 10px;
    font-weight: 600;
    display: inline-block;
    width: 13%;
    vertical-align: middle;
    font-size: 15px;
}
#contents .pages .contact .form dd {
    padding: 10px;
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}
#contents .pages .contact .form dd input[type="text"] {
    border: 1px solid #ddd;
}
#contents .pages .contact .form dd select {
    border: 1px solid #ddd;
    width: 200px;
}

footer {
	border-top:1px solid #ddd;
    padding: 40px 0;
	clear: both;
}
footer .footer-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

footer .footer-wrap .info h1 {
    margin-bottom: 42px;
}
footer .footer-wrap .info p {
    color: #555;
    font-size: 12px;
    margin-bottom: 5px;
}
footer .footer-wrap .info p.copyright {
    color: #333;
    margin-top: 20px;
}

.layout {
    max-width: 1200px;
    margin: 0 auto;
}
.product-detail .btn-group a{
    width:33%;
}



@media all and (max-width:1200px){
#body .sitemap .f-logo{display:none}
}

@media all and (max-width:970px){
#body .list .layout ul li .caption .go_button{display:none}
}

@media all and (max-width:960px){
.menu ul li a{font-size: 15px !important;letter-spacing:-1px;}
}


.trans_alpa{text-transform: uppercase;}