/* html, body {margin:0; padding:0;line-height:0;} */
header {
  width: 100%;
  background: #fff;
  position: fixed;
  z-index: 998;border:0px solid #000;
}
header .header-wrap {
  padding: 0px;border:0px solid #000;
}
header .header-wrap h1 {
margin:10px;border:0px solid #000;
}
header .header-wrap .m-toggle {
  margin-top:25px;
  background:#dadada;
  text-align:right;
  padding:10px;
}
header .header-wrap .btn-group{
text-align: center;
}
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:18%;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 {
  display: block;
  width:100%;
  background: #004a8f;
  color: #fff;
  font-size: 12px;
  padding:10px 0;
  text-align:center;

}
header .header-wrap .btn-group .youtube_button a {
  font-size:0px;
  padding:0px !important;border:0px solid #f00 !important;
  background:#fff;
  line-height:0px;
}
header .header-wrap .btn-group .youtube_button a img {
	height:37px;
}

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;
}

header .header-wrap .btn-group a.search-btn{
  display:none;
}
header .header-wrap .btn-group a.search-btn.on{
  background:#00a3e5;
}

header .header-wrap .btn-group .m-search-bar{
  display:inline-block;
  width:44%;
  border: 1px solid #e3e3e3;
  text-align:left;
  position:relative;
}
header .header-wrap .btn-group .m-search-bar input[type="text"]{
  width:100%;
  height:36px;
  padding:0 10px;
  border: none;
  box-sizing: border-box;
}
header .header-wrap .btn-group .search-bar{
  position: absolute;
  width: 200px;
  border: 1px solid #e3e3e3;
  z-index: 998;
  background: #fff;
}
header .header-wrap .btn-group .search-bar.on{
  display:block;
}
header .header-wrap .btn-group .search-bar input[type="text"]{
  height:42px;
}
header .header-wrap .m-lnb {
  display: none;
}
header .header-wrap .lnb {
  display: none;
  float: right;
  position: relative;
  width: 65%;
}
.m-lnb {
  display: none;
  border-top: 1px solid #2a2a2b;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  z-index: 999;
  top:185px;
}
.m-lnb ul li a {
  text-align: center;
  font-size: 15px;
  color: #fff;
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #2a2a2b;
}
#body .spot {
  overflow: hidden;
  padding-top: 187px;
}
#body .spot .bx-controls-direction{
  display:none;
}
#body .spot .caption {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 35%;
  color: #fff;
  margin-top: -3%;
}
#body .spot .caption .txt1 {
  font-size: 20px;
  color:#00a3e5;
  text-decoration: underline;
}
#body .spot .caption .txt2 {
  font-size: 25px;
  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:10% 0 7%;
}
#body .product h1{
  text-align:center;
  font-weight:normal;
  margin-bottom:5%;
  font-size:25px;
}
#body .product h1 span{
  display:inline-block;
  color:#004a8f;
  margin-right:10px;
  font-weight:600;
}
#body .product ul li{
  float:left;
  width:50%;
  margin:20px 0%;
  min-height:150px;
}

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

#body .product ul li figure{
	transition:0.3s ease;
}
#body .product ul li figure:hover{
	opacity:0.7;
	transition:0.3s ease;
}
#body .product ul li figure img{
  width:100%;
}
#body .product ul li figure figcaption{
  text-align:center;
  color:#363636;
  font-size:16px;
  font-weight:600;
  margin-top:30px;
  display:block;
}
#body .list{
  overflow:hidden;
  background:#ececec;
}
#body .list .layout ul li{
  width:50%;
  float:left;
  position:relative;
}
#body .list .layout ul li figure img{
  display:block;
  width:100%;
}
#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:30%;
}
#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:none;
}
#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;
}
#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;
  background-size:100% 100%;
  height:150px;
  padding-top:60px;
  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:none;
}
#body .company a{
  margin-top:24px;
  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:#3c3c3c;
  padding:35px 0;
  overflow:hidden;
  display:none;
}
#body .sitemap .f-logo{
  float:left;
  margin-right:30px;
}
#body .sitemap .f-logo p{
  color:#fff;
  font-weight:600;
  margin-top:18px;

}
#body .sitemap .category{
  float:left;
  overflow:hidden;
}
#body .sitemap .category .menu{
  border-left:1px solid #5a5a5a;
  padding-left:28px;
  height:296px;
  float:left;
  margin-right:11px;
}
#body .sitemap .category .menu.first{
  margin-right:0;
}
#body .sitemap .category .menu h2{
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  margin-bottom:19px;
}
#body .sitemap .category .menu ul{
  float:left;
  margin-right:20px;

}
#body .sitemap .category .menu ul li{}
#body .sitemap .category .menu ul li a{
  color:#999;
  font-size:13px;
  margin-bottom:10px;
  display:block;
}
#body .sitemap .category .menu 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: -11px;
  display:none;
}
#body .notice .pause{
  position: absolute;
  right: 0;
  top: 4px;
  display:none;
}

#body .notice .next{
  position: absolute;
  right: 0;
  top: 19px;
  display:none;
}
#body .notice h1{
  float: left;
  color: #444;
  padding-right: 20px;
  border-right: 1px solid #888;
  font-size: 15px;
  font-weight: normal;
  margin-left:20px;
}
#body .notice #scrollers{
  float:left;
  width:65%;
  margin-left:20px;
  top:1px;
}
#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*/

.margin_30px{margin-bottom:30px;}

.visual_1{
  background:url(../images/visual-img.jpg) 50% 0 no-repeat;
  height:auto;
}
.visual_1 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 10% 0;
}

.visual_2{
  background:url(../images/visual-img2.jpg) 50% 0 no-repeat;
  height:auto;
}
.visual_2 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 10% 0;
}

.visual_3{
  background:url(../images/visual-img3.jpg) 50% 0 no-repeat;
  height:auto;
}
.visual_3 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 10% 0;
}

.visual_4{
  background:url(../images/visual-img4.jpg) 50% 0 no-repeat;
  height:auto;
}
.visual_4 h1{
  text-align: center;
  color:#fff;
  font-size:35px;
  padding: 10% 0;
}

.front_bar_b{margin: 0 0 10px 0 !important;padding:0 0 0 10px !important;border-left: 5px solid #004b8f;}
.front_bar_g{margin: 0 0 10px 0 !important;padding:0 0 0 10px !important;border-left: 5px solid #52996d;}

/*sub_menu*/
/* #wrap {line-height:0;padding:0px;} */
#wrap .sub_menu1{width:100%;height:130px;padding-top: 187px;} 
#wrap .sub_menu1 ul{max-width:100%; margin: 0 auto;}
#wrap .sub_menu1 li{float:left;font-size:16px;width:33.3%;height:65px;text-align:center;padding: 20px 0;background:#f5f5f5;box-sizing: border-box;}
#wrap .sub_menu1 .menu_last{width:33.3%}
#wrap .sub_menu1 a li{color:#666666;}
#wrap .sub_menu1 .on{background:#004a8f;}
#wrap .sub_menu1 a .on{color:#fff}
/* #wrap header, #wrap .header-wrap, .m-lnb, .sub_menu4, #contents {line-height:160%;}   */

.sub_menu2{width:100%;height:195px;padding-top: 187px;} 
.sub_menu2 ul{max-width:100%; margin: 0 auto;}
.sub_menu2 li{float:left;font-size:14px;width:33.3%;height:65px;text-align:center;padding: 20px 0;background:#f5f5f5;box-sizing: border-box;}
.sub_menu2 .menu_last{width:33.3%}
.sub_menu2 a li{color:#666666;}
.sub_menu2 .on{background:#004a8f;}
.sub_menu2 a .on{color:#fff}

.sub_menu3{width:100%;height:65px;padding-top: 187px;} 
.sub_menu3 ul{max-width:100%; margin: 0 auto;}
.sub_menu3 li{float:left;font-size:16px;width:33.3%;height:65px;text-align:center;padding: 20px 0;background:#f5f5f5;box-sizing: border-box;}
.sub_menu3 .menu_last{width:33.3%}
.sub_menu3 a li{color:#666666;}
.sub_menu3 .on{background:#004a8f;}
.sub_menu3 a .on{color:#fff}

.sub_menu4{width:100%;height:130px;padding-top: 187px;} 
.sub_menu4 ul{max-width:100%; margin: 0 auto;}
.sub_menu4 li{float:left;font-size:16px;width:33.3%;height:65px;text-align:center;padding: 20px 0;background:#f5f5f5;box-sizing: border-box;}
.sub_menu4 .menu_last{width:33.3%}
.sub_menu4 a li{color:#666666;}
.sub_menu4 .on{background:#004a8f;}
.sub_menu4 a .on{color:#fff}

.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:100%;
	padding: 3% 0.5%;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 0 -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:100%; float:right; box-sizing: border-box;}
#contents .pages .txt_sub_0101 dl dt{font-size:24px;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:18px;color:#363636;}
#contents .pages .txt_sub_0101 dl dd:nth-of-type(2){font-size:16px;color:#666;margin-top:15px;line-height:26px;}
#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:10%;overflow: hidden}
#contents .pages .product_sub_0101 a ul{width:100%;float:left;text-align:center;margin: 5% 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:5% 0 4% 0}
#contents .pages .product_sub_0101 a ul li:nth-of-type(3){width:50%;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:100%;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_4*/
#contents .txt_sub_0101_4{width:100%;text-align:center;margin:0 auto;overflow:hidden}
#contents .txt_sub_0101_4 ul{width:100%;margin:0 7% 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:100%;margin:0 7% 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:5%;}
#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:100%;margin:0 7% 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:100%;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:100%;float:left;}
#contents .layout_product_t_4 p{font-size:16px;color:#444;font-weight:600;padding:3% 0}
#contents .layout_product_t_4 dd{width:100%;float:left;margin-right:5%;}
#contents .img_0101_10{text-align:center}

.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:100%; box-sizing: border-box;}
#contents .txt_sub_0102 dl dt{font-size:55px;color:#363636;font-weight:100;font-family: 'Titillium Web', sans-serif;line-height:60px;}
#contents .txt_sub_0102 dl dd{font-size:16px;color:#666;margin-top:20px;margin-bottom:20px;line-height:25px;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:100%;text-align:center;float:left;margin:10% 0}

#contents .pages .product_sub_0102_2{width:100%;margin-top:10%;overflow: hidden}
#contents .pages .product_sub_0102_2 a ul{width:100%;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;padding:3%;margin-top: 15px;float:left;width:100%;}
#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:100%;text-align:center}
#contents .layout_0102_2 li{width:100%;text-align:center;float:left;margin:5% 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%;text-align:center}
#contents .layout_0102_3 li{width:100%;text-align:center;float:left;margin:5% 0}
#contents .layout_notice{width:100%;}
#contents .layout_notice dl{width:100%;float:left;padding:2% 2% 5% 2%;letter-spacing: -0.5px;}
#contents .layout_notice dt{font-size:18px;margin-bottom:10px;padding-left:10px;border-left:5px solid #52996d}
#contents .layout_notice dd{font-size:14px;color: #666;line-height: 28px;}


/*sub_0102_4*/
#contents .layout_0102_4{background:#f9f9f9;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_0102_4 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#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:48%;float:left;text-align: left;}
#contents .layout_0102_4 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

/*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%;text-align:center}
#contents .layout_0102_5 li{width:100%;text-align:center;float:left;margin:5% 0}

#contents .txt_sub_0102_5 dl dt{font-size:55px;color:#363636;font-weight:100;font-family: 'Titillium Web', sans-serif;line-height:60px;}
#contents .txt_sub_0102_5 dl dd{font-size:16px;color:#666;margin-top:20px;margin-bottom:20px;line-height:25px;letter-spacing: -0.5px;}

#contents .layout_product_draw{width:100%;text-align:center}
#contents .layout_product_draw ul li{width:100%;}

/*sub_product*/
.visual_1 .sub_menu1{width:100%;height:130px;border-top:0px} 
.visual_1 .sub_menu1 ul{max-width:100%; margin: 0 auto;}
.visual_1 .sub_menu1 li{float:left;font-size:16px;width:33.3%;height:65px;text-align:center;padding: 20px 0;background:#f5f5f5;box-sizing: border-box;}
.visual_1 .sub_menu1 a li{color:#666666;}
.visual_1 .sub_menu1 .on{background:#004a8f;border-top:0px}
.visual_1 .sub_menu1 a .on{color:#fff}

#contents .pages .product_title{font-size:24px;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:17px;color:#444;font-weight:600;margin: 0 0 15px 0;}
#contents .layout_product_t_1{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product_t_1 dl{width:100%;overflow:hidden;margin-bottom:5%;}
#contents .layout_product_t_1 dt{width:100%; float:left;}
#contents .layout_product_t_1 ul{width:100%;text-align: center;}
#contents .layout_product_t_1 li{width:50%;float:left;}

#contents .layout_product_t_1 dd:nth-of-type(1){width:100%; float:left;margin:10% 0;}
#contents .layout_product_t_1 dd:nth-of-type(2){width:100%; float: left;}
#contents .layout_product_t_1 dd ul li{width:100%;font-size:16px;color:#666;background:url('../images/sub_t_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:28px;box-sizing: border-box;}

#contents .layout_product_t_1 dd:nth-of-type(2) dl{width:33.3%;min-height: 240px;float: left; text-align: center;margin-bottom:2%;}
#contents .layout_product_t_1 dd:nth-of-type(2) dd{width: 100%;font-size:16px;color:#222;font-weight:600;float:left;padding: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}
#contents .layout_product_t_2 dl dd ul li{width:100%;float:left;margin: 5% 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;margin: 0;float: left;}

#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_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:100%;float:left;text-align: center;padding: 10% 0}
#contents .t_draw dl dd{width:100%;float:left;padding: 10% 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*/

.layout_wait{border-top: 1px solid #dddddd;width: 100%;height: auto;overflow: hidden;padding:50px 0 60px 0;text-align:center;}
.layout_wait .wait{font-size:19px;font-weight:600;color:#666;margin-bottom:20px;}
.layout_wait .wait_button{width:40%;font-size:14px;font-weight:400;color:#fff;background:#004a8f;border-radius: 25px;padding:15px;margin:0 auto;transition:0.5s ease;}
.layout_wait .wait_button:hover{background:#000;transition:0.5s ease;}

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

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

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

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

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

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

#contents .pages .top_product_7 ul{width:100%;text-align:center;margin:0 auto;}
#contents .pages .top_product_7 ul li{width:20%;float:left;font-size:10px;text-align:center;margin: 0 1%;}
#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:20px;color:#444;font-weight:600;font-family:'Titillium Web', sans-serif;margin:10% 0 6% 0;text-align: left;}
#contents .layout_product1{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product1 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product1 dt{width:90%; float:left;}
#contents .layout_product1 dd{width:100%; float:left;}
#contents .layout_product1 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product1 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#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:100%;float:left;margin: 5% 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 ul li dd{font-size:17px;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:100%;float:left;margin: 5% 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:17px;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:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product3 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product3 dt{width:100%; float:left;}
#contents .layout_product3 dd{width:100%; float:left;}
#contents .layout_product3 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product3 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product_title4{font-size:20px;color:#444;font-weight:600;font-family:'Titillium Web', sans-serif;margin:10% 0 6% 0;text-align: left;}
#contents .layout_product4{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product4 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product4 dt{width:100%; float:left;}
#contents .layout_product4 dd{width:100%; float:left;}
#contents .layout_product4 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product4 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product5{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product5 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product5 dt{width:100%; float:left;}
#contents .layout_product5 dd{width:100%; float:left;}
#contents .layout_product5 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product5 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product6{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product6 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product6 dt{width:100%; float:left;}
#contents .layout_product6 dd{width:100%; float:left;}
#contents .layout_product6 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product6 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product7{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product7 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product7 dt{width:100%; float:left;}
#contents .layout_product7 dd{width:100%; float:left;}
#contents .layout_product7 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product7 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product8{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product8 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product8 dt{width:100%; float:left;}
#contents .layout_product8 dd{width:100%; float:left;}
#contents .layout_product8 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product8 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product9{background:#f5f5f5;padding:5% 0 5% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product9 dl{width:100%;overflow:hidden;margin-bottom:5%;margin:0 auto;text-align: center;}
#contents .layout_product9 dt{width:100%; float:left;}
#contents .layout_product9 dd{width:100%; float:left;}
#contents .layout_product9 dd ul{width:48%;float:left;text-align: left;}
#contents .layout_product9 dd ul li{font-size:14px;color:#666;background:url('../images/sub_mark.png');
									background-position: left top 9px;background-repeat: no-repeat;padding-left:24px;line-height:26px;}

#contents .layout_product2_r_clamp{background:#f9f9f9;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_r_clamp ul li{width:100%;float:left;text-align:center}
#contents .layout_product2_r_clamp .txt_r_clamp_1{width:100%;margin-right:0%;float:left;font-size:14px;color:#444;line-height:29px;padding:3% 0 2% 0;}
#contents .layout_product2_r_clamp .txt_r_clamp_2{width:100%;float:left;font-size:14px;color:#444;line-height:29px;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 ul li{width:100%;float:left;text-align:center}
#contents .layout_product2_r_clamp2 .txt_r_clamp_1{width:100%;margin-right:0%;float:left;font-size:14px;color:#444;line-height:29px;padding:3% 0 2% 0;}
#contents .layout_product2_r_clamp2 .txt_r_clamp_2{width:100%;float:left;font-size:14px;color:#444;line-height:29px;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 li{width:100%;float:left;text-align:center}
#contents .layout_product2_r_clamp3 .txt_r_clamp_1{width:100%;margin-right:0%;float:left;font-size:14px;color:#444;line-height:29px;padding:3% 0 2% 0;}
#contents .layout_product2_r_clamp3 .txt_r_clamp_2{width:100%;float:left;font-size:14px;color:#444;line-height:29px;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 li{width:100%;float:left;text-align:center}
#contents .layout_product2_r_clamp3_2 ul li:nth-child(1) img{margin-top:0}
#contents .layout_product2_r_clamp3_2 .txt_r_clamp_1{width:100%;margin-right:0%;float:left;font-size:14px;color:#444;line-height:29px;padding:3% 0 2% 0;}
#contents .layout_product2_r_clamp3_2 .txt_r_clamp_2{width:100%;float:left;font-size:14px;color:#444;line-height:29px;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 li{width:100%;float:left;text-align:center}

#contents .layout_product2_etc{width:100%;overflow: hidden;}
#contents .layout_product2_etc dl{width:100%; 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_product2_special{background:#fff;padding:4% 0 2% 0;width:100%;height:auto;overflow:hidden}
#contents .layout_product2_special ul{overflow:hidden;font-size:16px;color:#444;line-height:29px;padding:0 0 2% 0;}
#contents .layout_product2_special ul li{width:100%;float:left;text-align:center;margin-top:4%;}

.skyblue{color:#00a3e5;}
#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:100%;margin:3% 0 0 0;float:left;}
#contents .layout_product_cal dl dd{width:100%;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:100%;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:5% 3%;overflow: hidden;margin:2.5% 0}
#contents .pages .txt_sub_0202 dl dt{font-size:18px;color:#666;float:left;line-height:30px;}
#contents .pages .txt_sub_0202 dl dt span{font-size:28px;color:#004a8e;font-weight:600;line-height: 60px;}
#contents .pages .txt_sub_0202 dl dd{display:none}
#contents .pages .txt_sub_0202 ul{font-size:15px;color:#666;line-height:26px;overflow:hidden;padding:4% 0}
#contents .pages .txt_sub_0202 ul li span{font-size:20px;font-weight:400;}

/*sub_0203*/
#contents .pages .txt_sub_0203{text-align:center;}
#contents .pages .txt_sub_0203 dl dt{font-size:30px;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:16px;color:#666666;line-height:24px;padding-bottom:3%;}
#contents .pages .txt_sub_0203 img{display:none}

#contents .pages .m_txt_sub_0203{display:block;text-align:center;}
#contents .pages .m_txt_sub_0203 dl:nth-of-type(1) dt{width:100%;height:80px;line-height:80px;background:url(../images/sub_0203_2.png) 50% 0 no-repeat;background-size: cover;
														color:#fff;font-size:28px;font-weight:300;letter-spacing:3px;padding:0;margin-top:5%;}
#contents .pages .m_txt_sub_0203 dl:nth-of-type(2) dt{width:100%;height:80px;line-height:80px;background:url(../images/sub_0203_3.png) 50% 0 no-repeat;background-size: cover;
														color:#fff;font-size:28px;font-weight:300;letter-spacing:3px;padding:0;margin-top:10%;}
#contents .pages .m_txt_sub_0203 dl dd{border:1px solid #d4d4d4;box-sizing:border-box;font-size:22px;color:#666;line-height:38px;padding:5%}

/*sub_0204*/
#contents_0204 .pages {padding: 10px 20px;}
#contents_0204 .pages .txt_sub_0204{text-align:center;font-size:17px;color:#666;padding:0}
#contents_0204 .pages .txt_sub_0204 img{display:none}
#contents_0204 .pages .txt_sub_0204 .chart{display:block;text-align: initial;background:none;height:auto;margin:40px 0 20px 0}
#contents_0204 .pages .txt_sub_0204 .chart h4{width:100%;background-color:#004a8f;padding:30px 0;margin:0 auto;text-align:center;color:rgb(255,255,255);margin-bottom:15px;font-size:20px;}
#contents_0204 .pages .txt_sub_0204 .chart h4:nth-of-type(2){width:100%;background-color:#4d8de4;padding:30px 0;margin:0 auto;text-align:center;color:rgb(255,255,255);font-size:20px;}
#contents_0204 .pages .txt_sub_0204 .chart dl{overflow:hidden;width:100%;margin-top:20px}
#contents_0204 .pages .txt_sub_0204 .chart dl.ceo dt{height:auto;line-height:26px;float:left;width:31%;margin-right:3.3%;background-color:rgb(128,125,120);padding:5% 3%;
box-sizing:border-box;color:rgb(255,255,255);font-size:18px;}
#contents_0204 .pages .txt_sub_0204 .chart dl.ceo dt:nth-of-type(3){margin-right:0}
#contents_0204 .pages .txt_sub_0204 .chart dl{width: 100%;border:1px solid rgb(217,217,217);box-sizing: border-box;font-size:16px;}
#contents_0204 .pages .txt_sub_0204 .chart dl dt{width:100%;background:#b1bcc2;color:#fff;font-size:17px;font-weight:600;padding:3%;box-sizing: border-box;}
#contents_0204 .pages .txt_sub_0204 .chart dl dd{width:100%;padding:3%;box-sizing: border-box;}
#contents_0204 .pages .txt_sub_0204 .chart dl dd ul li{line-height:36px;border-bottom: 1px solid #ddd;padding: 1% 0;color:#222;font-weight:400}
#contents_0204 .pages .txt_sub_0204 .chart dl dd ul li ul{color:#666;font-weight:300}
#contents_0204 .pages .txt_sub_0204 .chart .chart_last{border-bottom:0}

/*sub_0205*/
#contents .pages .txt_sub_0205{display:none}
#contents .pages .m_txt_sub_0205{display:block}
#contents .pages .m_txt_sub_0205 dl img{width:100%;margin-bottom: -6px;}
#contents .pages .m_txt_sub_0205 dl{border:1px solid #d4d4d4;box-sizing:border-box;width:100%;float:left;margin-bottom:15%;}
#contents .pages .m_txt_sub_0205 dl dt{font-size:30px;font-weight:600;color:#fff;font-family:'Titillium Web', sans-serif;padding:3%;border-bottom:1px solid #d2d2d2;background:#004b8f}
#contents .pages .m_txt_sub_0205 dl dd{font-size:16px;color:#666;line-height:30px;padding:3%}
#contents .pages .m_txt_sub_0205 dl:nth-of-type(3) dt,
#contents .pages .m_txt_sub_0205 dl:nth-of-type(4) dt
{font-size:28px;font-weight:600;color:#fff;font-family:'Noto Sans Korean', sans-serif;padding:3%;border-bottom:1px solid #d2d2d2;background:#555}

/*sub_0206*/
#contents .certificates {
  overflow: hidden;
  margin-bottom: 40px;
}
#contents .certificates ul li {
  margin: 20px 10px;
}
#contents .certificates ul li figure {
  text-align: center;
}
#contents .certificates ul li figure img {
  width: 100%;
}
#contents .certificates ul li figure figcaption {
  display: block;
  font-size: 16px;
  color: #666;
  padding: 10px 0 0 0;
  border-top: 1px solid #7a7a7a;
  border-bottom: 1px solid #7a7a7a;
  margin-top: 10px;
}

/*sub_0207*/
.location{margin-top:5%;}

/*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:50%;padding:3%;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:2% 0;overflow: hidden;text-align: center;}
#contents .catalogue ul{width:100%;margin:5% 0;overflow: hidden;float:none;}
#contents .catalogue dl{width:100%}
#contents .catalogue dl dt{width:100%;float:none;}
#contents .catalogue dl dd{width:100%;margin-left:0%;float: left;margin-top:2%;}
#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:40%;height:40px;border-radius:40px;background:#004b8f;color:#fff;
font-size:12px;text-align:center;line-height:40px;margin: 2% auto;transition:0.3s ease}
#contents .catalogue dl dd a .catalogue_button:hover{background:#333;transition:0.3s ease}



/*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: 0}
#contents .address ul{margin:5% 0 1% 0;overflow: hidden;}
#contents .address ul .subject{color:#fff;background:#149371;font-size:16px;text-align:center;font-weight:600;padding:15px 30px;margin-right: 0}
#contents .address li{width:100%;float:left;padding:5% 3%;margin:0 4% 0 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:25%;font-size:14px;margin-bottom:0px;float:left;}
#contents .address li dt span{margin-right:20px;color:#00a3e5}
#contents .address li dd{width:65%;font-size:14px;line-height:24px;float:left;border-left:1px solid #ccc;}
#contents .address li dd span{font-weight:600;margin-right:10px;}
#contents .address li dd .tel{margin-left:10%;}
#contents .address li dd .mail{margin-left:10%;font-size:14px;}

/*popup*/
.needpopup_wrapper {display:none;}
.needpopup img{display:none;}
/*popup_end*/



#contents {
  padding-bottom: 30px;
}
#contents hgroup{
  padding: 8% 0;
  border-bottom:1px solid #dbdbdb;
  text-align:center;  
}
#contents hgroup h2{
  color:#00a3e5;
  font-size:40px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  line-height: 42px;  
  margin-bottom: 6px;
}
#contents hgroup p{
  color:#666;
  font-size:13px;
  font-weight: 600;
  letter-spacing: -.2px;
  font-family: 'Titillium Web', sans-serif;
}


#contents_0204 hgroup{
  border-bottom:1px solid #dbdbdb;
  text-align:center;
  padding:40px;
}
#contents_0204 hgroup h2{
  color:#00a3e5;
  font-size:36px;
  letter-spacing: -.2px;
  font-family: 'Titillium Web', sans-serif;
}
#contents_0204 hgroup p{
  color:#666;
  font-size:13px;
  font-weight: 600;
  letter-spacing: -.2px;
  font-family: 'Titillium Web', sans-serif;
}


#contents .pages {
  padding: 10px 20px;
}
#contents .pages hgroup {
  margin-bottom: 20px;
  text-align: center;
}
#contents .pages hgroup p {
  color: #333;
  font-size: 14px;
}
#contents .pages hgroup h1 {
  font-size: 25px;
  color: #152940;
}

#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: 20px;
}
#contents .pages .history .history-img {
  display: none;
}
#contents .pages .history .history-img ul li {
  float: left;
}
#contents .pages .history .history-img ul li img {
  display: block;
}
#contents .pages .history .content dl dt {
  border-top: 2px solid #111;
  border-bottom: 2px solid #111;
  color: #555;
  padding: 10px;
  font-weight: 600;
  font-size: 20px;
}
#contents .pages .history .content dl dd {
  padding: 20px 10px;
  font-size: 15px;
  color: #555;
  border-bottom: 1px solid #bbb;
  margin-bottom: 35px;
}
#contents .pages .history .content dl dd p {
  margin: 5px 0;
}
#contents .pages .location .info {
  margin-top: 25px;
}
#contents .pages .location .info dl dt {
  border-top: 2px solid #111;
  border-bottom: 2px solid #111;
  color: #555;
  padding: 10px;
  font-weight: 600;
  font-size: 20px;
}
#contents .pages .location .info dl dd {
  padding: 20px 10px;
  font-size: 15px;
  color: #555;
  border-bottom: 1px solid #bbb;
  margin-bottom: 35px;
}
#contents .pages .location .info dl dd p {
  margin: 10px 0;
}
#contents .pages .location .info dl dd p span {
  margin: 5px 0;
  display: block;
  color: #222;
  font-weight: 600;
}

#contents .pages .contact .form dt {
  padding: 10px;
  font-weight: 600;
}
#contents .pages .contact .form dd {
  padding: 10px;
}
#contents .pages .contact .form dd input[type="text"] {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  width: 95%;
}
#contents .pages .contact .form dd input[type="text"]:focus {
  border: 1px solid #152940;
  background: #f8f8f8;
}
#contents .pages .contact .form dd textarea {
  border: 1px solid #ddd;
  width: 95%;
  padding: 10px;
}
#contents .pages .contact .form dd select {
  border: 1px solid #ddd;
  color: #555;
  padding: 10px;
  width: 98%;
}
#contents .pages .contact .btn-group {
  text-align: center;
  margin-top: 20px;
}
#contents .pages .contact .btn-group .btn_submit {
  display: inline-block;
  padding: 10px 30px;
  cursor: pointer;
}
#contents .pages .contact .btn-group .btn_submit.type1 {
  border: 1px solid #000;
  color: #fff;
  background: #000;
}
#contents .pages .contact .btn-group .btn_submit.type2 {
  border: 1px solid #000;
  color: #000;
  background: #fff;
}

footer {
  border-top:1px solid #ddd;
  padding: 20px;
  background: #fff;
  overflow: hidden;
}
footer .footer-wrap {
  max-width: 980px;
  margin: 0 auto;
}
footer .footer-wrap .info h1 {
  margin-bottom: 42px;
}
footer .footer-wrap .info p {
  color: #676767;
  font-size: 12px;
  margin-bottom: 10px;
}
footer .footer-wrap .info p.copyright {
  color: #333;
  margin-top: 20px;
}
footer .footer-wrap .sitemap {
  float: right;
  width: 60%;
  display: none;
}
footer .footer-wrap .sitemap ul {
  float: left;
  width: 25%;
}
footer .footer-wrap .sitemap ul li a {
  color: #555;
  display: block;
  padding: 5px 10px;
}
footer .footer-wrap .sitemap ul li a:hover {
  font-weight: 600;
  text-decoration: underline;
  color: #fff;
}
footer .footer-wrap .sitemap ul li.heading a {
  color: #888;
  margin-bottom: 10px;
  font-weight: 600;
}
.prd li a {
  display: none;
}
.prd li a#bo_cate_on {
  display: block;
}
.product-detail{}
.product-detail h1{
  color:#363636;
  padding:25px 0;
  font-size:25px;
  border-top:2px solid #ddd;
  border-bottom:1px solid #ddd;
}
.product-detail .btn-group{
  margin:20px 0;
  text-align: center;
}
.product-detail .btn-group a{
  display:inline-block;
  width:100%;
  text-align:center;
  border:1px solid #e2e2e2;
  margin:5px 0;
  padding:15px 0;
  font-size:17px;
  text-decoration: none !important;
  color:#666 !important;
}
.product-detail .btn-group a:first-child{margin-left:0}
.product-detail .btn-group a i{
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -1px;
}
.responsive-wrap{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.product-table{
  width:100%;
  min-width:800px;
  border-top:2px solid #004b8f;
  line-height: 16px;
  margin-bottom:1%;
  font-size:12.3px;
}
.product-table tr:hover {background-color:#f5f5f5;}
.product-table th:hover {background-color:#f5f5f5;}

.product-table thead tr th{
  background:#f7f7f7;
  padding:2px 5px;
  border:1px solid #e5e5e5;
}
.product-table tbody tr th{}
.product-table tbody tr td{
  padding:2px 5px;
  border:1px solid #e5e5e5;
  text-align:center;
}

.product-table2{
  width:100%;
  min-width:800px;
  margin:3% 0;
}
.product-table2 thead tr th{
  background:#f7f7f7;
  padding:10px;
  border:1px solid #e5e5e5;
}
.product-table2 tbody tr th{}
.product-table2 tbody tr td{
  padding:2px 10px;
  border:1px solid #e5e5e5;
  text-align:center;
}


.product_title5{    margin: 3% 0 0 0;
    border-top: 1px solid #ddd;
    padding-top: 50px;
	font-size: 24px;
    color: #444;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
	padding-bottom:20px;
	text-align:left
}
	.product_title5 span{color:#004a8f;font-size:30px}



@media all and (max-width:758px){
header .header-wrap .btn-group .search-bar{display:none}
}

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

#contents .pages .product_sub_0102_2{width:100%;margin-top:10%;overflow: hidden}
#contents .pages .product_sub_0102_2 a ul{width:100%;float:left;margin: 0 0 15% 0;transition: ease 0.3s;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(1){width:50%;float:left;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(2){width:50%;float:left;}
#contents .pages .product_sub_0102_2 a ul li:nth-of-type(3){width:100%;float:left;position:static;}
#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;}
#contents .pages .product_sub_0102_2 a ul li span.contents{font-size:16px;color:#676767;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:3%;margin-top: 15px;float:left;}
#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}
}