@charset "utf-8";

/* COMMON */


/* MAIN */
#visual {}
#visual .swiper-container ,#visual .swiper-wrapper,#visual .swiper-slide{ }

#visual .swiper-slide .inner { position:absolute; left:0; top:100%; opacity:0; width:100%; -webkit-transition: top 2s,opacity 2s; /* Safari */ transition: top 2s,opacity 2s; }

#visual .swiper-slide.swiper-slide-active .inner { top:35%; opacity:1; }

#visual .swiper-container-horizontal > .swiper-pagination-progress { top:auto; bottom:0;  }
#visual .swiper-container-horizontal > .swiper-pagination-progress .swiper-pagination-progressbar { background-color:#2092da; }
@media(max-width:768px){
	#visual { height:auto; padding-top:0;}
	
	#visual .swiper-container ,#visual .swiper-wrapper,#visual .swiper-slide{  }
	
	#visual .swiper-container {  }
	#visual .swiper-slide .inner  img { width:100% }
}


#history { }
#history .hs-item { position:relative; padding-left:30%; }		
#history .hs-item .list-wrap { position:relative; padding:40px 0; border-left:1px solid #002331; }
#history .hs-item .list-wrap .year { display:block; position:absolute; left:-150px; top:30px; font-size:30px; color:#222; }
#history .hs-item .list-wrap ul.list { position:relative;  padding-left:30px; }
#history .hs-item .list-wrap ul.list:before { display:block; content:""; position:absolute; left:-7px;; top:0px; width:14px; height:14px; background-color:#fff; border:2px solid #002331; border-radius:50%; }
#history .hs-item .list-wrap ul.list li { position:relative; margin-bottom:10px; font-size:1.1em; padding-left:15px; }
#history .hs-item .list-wrap ul.list li:before { display:block; content:""; position:absolute; left:0; top:10px; width:5px; height:1px; background-color:#002331; }		

#history .hs-item .abs-img,#history .hs-item .abs-icon { position:absolute;  }


#history .hs-item .abs-img {  top:0;  }
#history .hs-item .abs-icon { left:30%; top:50%; border:none;}


@media(min-width:991px){
	#history .hs-item .abs-img { top:60px; right:50%; }
	#history .hs-item .abs-img.right { top:-120px; left:50%; }
}

@media(max-width:991px){
	#history .hs-item { position:relative; padding-left:30px; }
	#history .hs-item .list-wrap .year { position:relative; top:0; left:0; padding-left:30px; font-size:20px; margin-bottom:20px; }
	
	#history .hs-item .abs-img { left:auto; right:0; width:120px; height:120px; border-radius:50%; overflow:hidden; border:5px solid #ccc; }			
	#history .hs-item .abs-icon { left:auto; right:0;}
	
	#history .hs-item .abs-img img { width:100%; }
}

.vrt-middle-bar { position:relative; text-align:center; }
.vrt-middle-bar .inner { position:relative; display:inline-block; padding:0 20px; background-color:#fff; }
.vrt-middle-bar:before { display:block; content:""; position:absolute; left:0; top:50%; width:100%; height:3px; background-color:#2f876e; z-index:0; }


.list-item-label { position:relative; padding:60px 15px 30px; }
.list-item-label .deco-label { display:inline-block; position:absolute; left:50%; top:-45px; margin-left:-45px; width:90px; height:90px; background-image:url(../data/deco/label.png); text-align:center; line-height:90px;  }

.list-bullet li { position:relative; padding-left:10px; margin-bottom:10px; }
.list-bullet li:after { display:inline-block; content:""; position:absolute; left:0; top:8px; width:2px; height:8px; background-color:#24825e; }

.list-bullet-import li { position:relative; padding-left:20px; margin-bottom:10px; }
.list-bullet-import li:after { display:inline-block; content:""; position:absolute; left:0; top:8px; width:8px; height:9px; background-image:url(../data/deco/bullet_import.png); }

.bullet-circle-item { position:relative; padding-left:10px; }
.bullet-circle-item:after { display:inline-block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#8d725c; }

@media(max-width:991px){
	.list-bullet li:after { top:5px }
	.list-bullet-import li:after { top:4px }
	.bullet-circle-item:after { top:6px }
	
}

.basic-title { position:relative; padding-left:25px; }
.basic-title span.sub { display:block; position:absolute; left:25px; top:-25px; }
.basic-title:after { display:inline-block; content:""; position:absolute; left:0; top:50%; width:9px; height:9px; margin-top:-4px; background-color:#a0d19c; border-radius:50%;  }


.lt-style01 {  }
.lt-style01 .title-area .title { margin:0; font-size:1.2em; line-height:60px; letter-spacing:2px; }
.lt-style01 .title-area .title i { font-size:.8em; }

.lt-style01 .list-area { height:60px; overflow:hidden; }
.lt-style01 .list-area .latest-list a { display:block; font-size:1.2em; line-height:60px; color:#fff; }
.lt-style01 .list-area .latest-list a span.date { float:right; }

.lt-style01 .nav-area { padding-top:10px; }
.lt-style01 .nav-area a { color:#fff; font-size:30px; color:#fff;  }
.lt-style01 .nav-area a:hover { color:#337ab7; }

@media(max-width:991px){
	.lt-style01 .title-area .title { text-align:center; font-size:2em; }
	.lt-style01 .nav-area { display:none; }
}

.box-abs-content { position:relative; }
.box-abs-content .abs-content { position:absolute; left:0; bottom:0; width:100%; padding:15px; background-color:rgba(28,162,229,.9); color:#fff; }
.box-abs-content .abs-content .bg-area { height: }

.hei-100 { height:100%; }


.col-tab { position:relative; top:-180px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.col-tab .tab-list { background-color:rgba(0,0,0,.6); }
.col-tab .tab-list ul { margin-bottom:0; }
.col-tab .tab-list ul:after { display:block; content:""; clear:both; }
.col-tab .tab-list ul li { float:left; width:210px;  }
.col-tab .tab-list ul li a { position:relative; display:block; padding:30px 0; text-align:center; color:#fff; }


.col-tab .tab-list ul li:hover a,.col-tab .tab-list ul li.active a { background-color:#fff; color:#333; }

.col-tab .tab-list ul li.active a:after { display:block; content:""; position:absolute; left:25%; bottom:0; width:50%; height:2px; background-color:#2a5698; }

.col-tab .tab-con { position:relative; background-color:#fff; }
.col-tab .tab-con .tcon { display:none; }

.col-tab .tab-con .tcon.active { display:block; }

.col-tab .tab-con .tcon .title-area {  padding-left:50px; }
.col-tab .tab-con .tcon .title-area .title { font-weight:200; letter-spacing:-2px; font-size:1.4em; }
.col-tab .tab-con .tcon .title-area .more-btn { display:inline-block; padding:3px 12px; border:1px solid #7f9ac1; color:#7f9ac1; font-weight:200; }

.col-tab .tab-con .tcon .lt-list { margin:0; }
.col-tab .tab-con .tcon .lt-list li { position:relative; padding-left:40px; padding-right:20px; }
.col-tab .tab-con .tcon .lt-list li:after { display:block; content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd; }

.col-tab .tab-con .tcon .lt-list li .subject { font-size:1.3em; margin:0; margin-bottom:10px; }
.col-tab .tab-con .tcon .lt-list li .date { color:#999; margin-bottom:20px; }
.col-tab .tab-con .tcon .lt-list li .cmt { color:#666; }

.col-tab .tab-con .tcon .subject {  }

@media(max-width:991px){
	.col-tab { top:0; margin:30px 0; }	
	.col-tab .tab-list ul li { width:33.333%; }
	
	.col-tab .tab-list ul li a { padding:20px 0; }
	
	
	.col-tab .tab-con .tcon .title-area { display:none; }
	
	.col-tab .tab-con .tcon .lt-list li { padding:15px 10px; border-top:1px solid #ddd; }
	.col-tab .tab-con .tcon .lt-list li:first-child { border:none; }
	
	.col-tab .tab-con .tcon .lt-list li:after { display:none; }
	
	.col-tab .tab-con .tcon .lt-list li:nth-child(3) { display:none; }
	
}


.row-tab {  }
.row-tab .tab-list ul  { margin-bottom:0; }
.row-tab .tab-list li { border:1px solid #cccdcd; border-top:0;  background-color:#f2f2f2; }
.row-tab .tab-list li:first-child { border-top:1px solid #cccdcd; }

.row-tab .tab-list li a { display:block; color:#333; text-align:center; line-height:70px; }
.row-tab .tab-list i { display:none; }


.row-tab .tab-con { padding:15px; border:1px solid #cccdcd; }

.row-tab .tab-con .tcon { display:none; }
.row-tab .tab-con .tcon.active { display:block; }

.row-tab .tab-con .tcon .lt-list  { margin-bottom:0; }

.row-tab .tab-con .tcon .lt-list li a { display:block; border:1px solid #ddd; }

.row-tab .tab-con .tcon .lt-list li a .subject { font-size:1em; margin:0; padding:15px; border-bottom:1px solid #ddd; }
.row-tab .tab-con .tcon .lt-list li a .date { color:#999; font-size:.9em; padding:5px 15px; margin-bottom:0; }

.custom-border .inner { border-bottom:1px solid #ddd; }
.custom-border div:first-child .inner { border-color:#2a5698; }

@media(max-width:768px){
	.custom-border .inner { border:0; }
	.custom-border > div:nth-child(1),.custom-border > div:nth-child(2) { border-bottom:1px solid #ddd; }
	.custom-border > div:nth-child(1),.custom-border > div:nth-child(3) { border-right:1px solid #ddd; }
	
}

@media(min-width:991px){	
	
	.row-tab .tab-con { border-left:0; }
	
	.row-tab .tab-list li:hover,.row-tab .tab-list li.active { border-right-color:#fff; background-color:#fff; }
}

@media(max-width:991px){	
	.row-tab { margin-bottom:10px; }
	
	.row-tab .tab-list li { display:none; background-color:#fff; position:relative; }
	
	.row-tab .tab-list li:hover,.row-tab .tab-list li.active { display:block; background-color:#f2f2f2; border-top:1px solid #cccdcd; }
	
	.row-tab .tab-list li a { line-height:50px; font-size:1.2em; }
	
	.row-tab .tab-list i { display:inline-block; position:absolute; right:15px; top:18px; color:#aaa; z-index:10; }
	
	.row-tab .tab-list  { height:50px; overflow:hidden; }
	.row-tab .tab-list.open { height:200px; }
	
	.row-tab .tab-list.open li { display:block; }
	
	.row-tab .tab-con .tcon .lt-list li:nth-child(3) { display:none; }
}


.slide-up-box {	overflow: hidden; position:relative; padding:0; }
		
.slide-up-box .inner { position:relative; display:block; min-height:480px; padding:0 15px; }
.slide-up-box .inner .content { position:relative; z-index:1; color:#fff; }
.slide-up-box .inner .title-area { padding-top:40px; }
.slide-up-box .inner .title-area .deco { display:block; font-size:.9em; opacity:.5; font-weight:300; }
.slide-up-box .inner .title-area strong { display:block; font-size:1.7em; margin:0; }

.slide-up-box .inner .bg-area { position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-size:cover; }
		
.slide-up-box .inner .hover { position:absolute; bottom:-200px; left:0; width:100%; height:200px; padding:0 15px; background-color:rgba(255,255,255,.8); color:#363636; z-index:1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; }
.slide-up-box .inner .hover .cmt { padding:15px 0; margin-bottom:0; border-top:1px solid rgba(0,0,0,.3); }

.slide-up-box .inner .more { position:absolute; left:0; bottom:0; width:100%; padding:0 15px; z-index:1; color:#fff; -webkit-transition: all .3s linear; -o-transition: all .3s linear;  }
.slide-up-box .inner .more span { display:block;  padding:15px 0 30px; border-top:1px solid rgba(255,255,255,.3); font-size:1.3em; font-weight:300; }
.slide-up-box .inner .more:after { display:block; content:"+"; position:absolute; right:15px; top:5px; font-size:2em; }

.slide-up-box .inner:hover .hover { bottom:0; }
.slide-up-box .inner:hover .more { bottom:-60px; }

@media(max-width:991px){
	.slide-up-box .inner { min-height:200px; }
}		

.img-larger-box { position:relative; display:block; }
.img-larger-box .inner {  }

.img-larger-box .bg-area { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background-position:center center; background-size:100%;   transition:all 1s ease;	 -webkit-transition:all 1s ease;	-moz-transition:all 1s ease; }

@media(min-width:991px){
	.img-larger-box:hover .bg-area { background-size:120%; }
}

@media(max-width:991px){
	.img-larger-box .bg-area { background-size:cover; }
}		

.product-bg { background-image:url(../data/product/bg.jpg); }