/*css*/
@import url("reset.css");
@import url("old_common.css");
@import url("common.css");
@import url("main.css");
@import url("contents.css");
@import url("swiper.min.css");
@import url("tipuesearch.css");

.mainCon { background-color:#eee;}

#container {
    padding-top: 140px;
}

/* sub common */
.subArea { width:100%; max-width:1280px; margin-left:auto; margin-right:auto; overflow:hidden; }

.subVisual { width: 100%; overflow: hidden; position: relative; }
.subVisual img { width: 100%; }
.subVisual span { 
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	line-height: 14px;
	padding: 5px;
}


/* sub paging */
.subPaging { max-width: 232px; margin-left: auto; margin-right: auto; }
.subPaging li { float: left; }
.subPaging li:first-child,
.subPaging li:nth-child(2) { margin-right: 20px; }

.subPaging li a { width: 64px; height: 64px; overflow:hidden; display: inline-block; background-repeat:no-repeat; background-position:left center;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in; 
  -moz-transition:all .2s ease-in; 
  -o-transition:all .2s ease-in; 
  -ms-transition:all .2s ease-in; }
.subPaging li a.prevPage { background-image: url('../../images/sub/prevPage.png'); }
.subPaging li a.homePage { background-image: url('../../images/sub/homePage.png'); }
.subPaging li a.nextPage { background-image: url('../../images/sub/nextPage.png'); }
.subPaging li a.prevPage:hover,
.subPaging li a.prevPage:active { background-image: url('../../images/sub/prevPage_hover.png'); }
.subPaging li a.homePage:hover,
.subPaging li a.homePage:active { background-image: url('../../images/sub/homePage_hover.png'); }
.subPaging li a.nextPage:hover,
.subPaging li a.nextPage:active { background-image: url('../../images/sub/nextPage_hover.png'); }

/* breadCrumb */
.breadCrumb { width: 100%; padding:20px 0; border-bottom: 1px dotted #999; letter-spacing: -0.7px; overflow: hidden;}
.breadCrumbW { width: 100%; padding:20px 0; border-bottom: 1px dotted #fff; letter-spacing: -0.7px; }
.breadCrumbW>li:first-child { float: left; font-size: 15px; color: #fff }
.breadCrumbW>li:last-child { float: right; }
.breadCrumb>li:first-child { float: left; font-size: 15px; }
.breadCrumb>li:last-child { float: right; }

/* print + url */
.url_print { text-align:right; }
.url_print li a.icoUrlW { background-image: url('../../images/sub/url_iconW.png'); }
.url_print li a.icoPrintW { background-image: url('../../images/sub/print_iconW.png'); }
.url_print li{ float:left; margin-left:5px; }
.url_print li a { overflow:hidden; height:23px; padding-left:26px; display:inline-block; margin-left:10px; background-repeat:no-repeat; background-position:left center;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in; 
  -moz-transition:all .2s ease-in; 
  -o-transition:all .2s ease-in; 
  -ms-transition:all .2s ease-in;
}
.url_print li a.icoUrl { background-image: url('../../images/sub/url_icon.png'); }
.url_print li a.icoPrint { background-image: url('../../images/sub/print_icon.png'); }
.url_print li a img { vertical-align:middle; margin-right:3px; }

.url_print li a.icoUrl:hover, 
.url_print li a.icoUrl:active { background-image: url('../../images/sub/url_icon_hover.png'); }
.url_print li a.icoPrint:hover, 
.url_print li a.icoPrint:active { background-image: url('../../images/sub/print_icon_hover.png'); }
.url_print li a:hover span, 
.url_print li a:active span { color:#00aeef; }

/*=======subPage=======*/
.cTableTxt { border-collapse:collapse; }
.cTableTxt tbody th { width:80px; padding-right:10px; vertical-align:top; }

.photo2Type1 { overflow:hidden; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:48%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type1>li.pt2L { margin-right:1%; }
.photo2Type1>li.pt2R { margin-left:1%; }

.photo2Type2 { overflow:hidden; }
.photo2Type2:after { display:block; content:""; clear:both; height:0; }
.photo2Type2>li { width:49.5%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type2>li.pt2L { margin-right:0.5%; }
.photo2Type2>li.pt2R { margin-left:0.5%; }

.photo2Type3 { overflow:hidden; }
.photo2Type3:after { display:block; content:""; clear:both; height:0; }
.photo2Type3>li { width:32.333333333%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type3>li.pt2L { margin-right:1%; }
.photo2Type3>li.pt2C { margin-right:1%; }

.photo2Type4 { overflow:hidden; }
.photo2Type4:after { display:block; content:""; clear:both; height:0; }
.photo2Type4>li { width:48%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type4>li.pt2L { margin-right:2%; }
.photo2Type4>li.pt2R { margin-left:2%; }

.photo2Type5 { overflow:hidden; }
.photo2Type5:after { display:block; content:""; clear:both; height:0; }
.photo2Type5>li { float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type5>li.pt2L { margin-right:1.5%; width:59.5%; }
.photo2Type5>li.pt2R { width:39%;}

.photo3Type1 { overflow:hidden; }
.photo3Type1:after { display:block; content:""; clear:both; height:0; }
.photo3Type1>li { width:32%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type1>li.pt3L { margin-right:2%; }
.photo3Type1>li.pt3R { margin-left:2%; }

.photo3Type2 { overflow:hidden; }
.photo3Type2:after { display:block; content:""; clear:both; height:0; }
.photo3Type2>li { width:30%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type2>li.pt3L { margin-right:5%; }
.photo3Type2>li.pt3R { margin-left:5%; }

.photo3Type6 { overflow:hidden; }
.photo3Type6:after { display:block; content:""; clear:both; height:0; }
.photo3Type6>li {float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type6>li.pt3L { width:44%; margin-right:1%; }
.photo3Type6>li.pt3C { width:8%; }
.photo3Type6>li.pt3R { width:44%; margin-left:1%; }

.photo4Type1 { overflow:hidden; }
.photo4Type1:after { display:block; content:""; clear:both; height:0; }
.photo4Type1>li { width:23.5%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo4Type1>li.pt4 { margin-right:2%; }

.photo4Type2 { overflow:hidden; }
.photo4Type2:after { display:block; content:""; clear:both; height:0; }
.photo4Type2>li { width:23%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo4Type2>li.pt4a { margin-right:2%; }
.photo4Type2>li.pt4b { margin-right:2%; }
.photo4Type2>li.pt4c { margin-right:2%; }
.photo4Type2>li.pt4d { margin-right:2%; }

.w46ml2mr2:after { content: ''; clear: both; display: block; }
.w46ml2mr2>li { float: left; width: 46%; margin-left: 2%; margin-right: 2%; }

.con_tableImg1{ display: none; }
.tbp520 { display: none; }
.mTxtAj { text-align: center; }

@media all and (max-width:560px){

  #container {
    padding-top: 70px;
  }


  .photo2Type1>li { width:100%; float:left; 
	  transition:all .3s ease-in;
	  -webkit-transition:all .3s ease-in;
	  -moz-transition:all .3s ease-in;
	  -o-transition:all .3s ease-in;
	  -ms-transition:all .3s ease-in;
	}
  .photo2Type1>li.pt2L { margin-right:0; }
  .photo2Type1>li.pt2R { margin-left:0; }

  .photo2Type2>li.pt2L { margin-right:0; }
  .photo2Type2>li.pt2R { margin-left:0; }
  .photo2Type2>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo2Type2>li.pt2R img.con3_6_pt2R {display: none;}

  .photo2Type3>li { width:100%; 
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo2Type3>li.pt2L { margin-right:0; }
  .photo2Type3>li.pt2C { margin-left:0; }

  .photo2Type4>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo2Type4>li.pt2L { margin-right:0; }
  .photo2Type4>li.pt2R { margin-left:0; }

   .photo3Type1>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
 	 }
  .photo3Type1>li.pt3L { margin-right:0; }
  .photo3Type1>li.pt3R { margin-left:0; }

  .photo2Type5>li.pt2L { margin-right:0; width:100%; }
  .photo2Type5>li.pt2R { margin-left:0; width:100%; }

  .photo2Type5>li { display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }

  
  	.photo3Type2>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
 	 }
	.photo3Type2>li.pt3L { margin-right:0; }
	.photo3Type2>li.pt3R { margin-left:0; }

	.photo3Type6>li { display: block; float: none;
    transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
 	 }
	.photo3Type6>li.pt3L { width:100%;  margin-right:0; }
	.photo3Type6>li.pt3C { width:100%;  }
	.photo3Type6>li.pt3R { width:100%;  margin-left:0; }

  .photo4Type1>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo4Type1>li.pt4 { margin-right:0; }

  .photo4Type2>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo4Type2>li.pt4a { width:100%; margin-right:0; }
  .photo4Type2>li.pt4b { width:100%; margin-right:0; }
  .photo4Type2>li.pt4c { width:100%; margin-right:0; }
  .photo4Type2>li.pt4d { width:100%;  margin-left:0; }

  .con3_2_infoTit span {display: none;}
  .con3_2_infoTit {position: relative; background-color:#ffffff; padding:5px 5px; max-width:450px; margin: 0 auto; margin-top:-10px;}

  .con4_1_padding {padding-top:10px;}
  .con4_3_arrow { transform: rotate(90deg); margin-top:10px;}

  .sub6_benefit { margin-top: -12px; }
}