@charset "utf-8";

/*** @latest 2020.06.26 OSY ***/

.thesis01 {width:100%; height:100%; box-sizing:border-box; padding:15px 0 0; margin:0 auto; float:left; overflow:hidden; position:relative;}
.thesis01 .swiper-container {position:relative;box-sizing:border-box;/* width:93%; *//* margin:0 3.5%; */width: 100%;height:100%;}
.thesis01 .swiper-container .swiper-wrapper {box-sizing:border-box; position:relative; clear:both; text-align:center;}
.thesis01 .swiper-container .swiper-wrapper .swiper-slide {box-sizing:border-box; vertical-align:middle; display:inline-block; position:relative; text-align:center; 
															-webkit-transition:background 0.5s, padding 0.5s;
															transition:background 0.5s, padding 0.5s;}
.thesis01 .swiper-container .swiper-wrapper .swiper-slide:only-child {width:100% !important;}
.thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:not(:only-child):after {/* content:""; width:7px; height:7px; background:#ccc; 
										border-radius:100%; position:absolute; right:0; margin-top:-4px; opacity:0.7; margin-right:-3px; */}





/* slide btn */
.thesis01 .btnbox.slideBtn {box-sizing:border-box; top:0;}

.thesis01 .swiper-button-next,
.thesis01 .swiper-button-prev {overflow:hidden; width:35px; text-indent:-9999px; pointer-events:auto !important; position:absolute; top:50%;}
.thesis01 .swiper-button-prev {background:url(../img/slideprev.png) no-repeat; background-position:center left; left:0;}
.thesis01 .swiper-button-next {background:url(../img/slidenext.png) no-repeat; background-position:center right; right:0;}
.thesis01 .swiper-button-next:hover,
.thesis01 .swiper-button-prev:hover {animation:blinkfx 1s infinite ease alternate-reverse;}

.thesis01 .swiper-button-next.swiper-button-disabled, 
.thesis01 .swiper-button-prev.swiper-button-disabled {opacity:1;}

.thesis01 .swiper-pagination {display:none;}
	@keyframes blinkfx {
	    0% {background-position:center;}
	    100% {}
	}

.hiddenBtn {display:none;}

	@media (min-width:800px){
		.layout_03 .thesis01 .swiper-button-next,
		.layout_03 .thesis01 .swiper-button-prev,
		.layout_04 .thesis01 .swiper-button-next,
		.layout_04 .thesis01 .swiper-button-prev,
		.layout_height_L .thesis01 .swiper-button-next,
		.layout_height_L .thesis01 .swiper-button-prev {width:13px; height:20px; background-size:cover !important; margin-top:-15px;}
	}
	@media (max-width:799px){
		.thesis01 .swiper-container {width:90%; margin:0 5%;}
		.thesis01 .swiper-wrapper > div:hover {padding:0;}
		.thesis01 .swiper-wrapper > div:hover img {opacity:0.8;}

		.thesis01 .swiper-button-prev {background-size:10px; background-position:left center; width:20px;}
		.thesis01 .swiper-button-next {background-size:10px; background-position:right center; width:20px;}
	}











.thesis01 .schrBox {width:100%;padding: 0 20px;float:left;position:relative;text-align:center;box-sizing:border-box;}
.thesis01 .schrBox:hover .imgbox img {border:1px solid #666; box-sizing:border-box; box-shadow:4px 4px 3px rgba(0,0,0,0.3); -webkit-transition:box-shadow 0.5s; transition:box-shadow 0.3s;}
.thesis01 .schrBox:hover .btnbox a {border:1px solid #333; color:#000;}

.thesis01 .schrBox .imgbox {width:100%;max-width: 160px;overflow:hidden;box-sizing:border-box;position:relative;display:inline-block;padding:0 5px 5px 0;}
.thesis01 .schrBox .imgbox a {display:block; height:100%; position:relative;}
.thesis01 .schrBox .imgbox img {border:1px solid #eaeaea;top:0;left:0;box-sizing:border-box;max-width:100%;max-height:90%;height: 100%;box-sizing:border-box;}
.thesis01 .schrBox .imgbox img:hover {box-shadow:2px 2px 4px rgba(0,0,0,0.5);}

.thesis01 .schrBox .txtbox {width:100%; padding:10px 0 0; box-sizing:border-box; float:left; text-align:center;}
.thesis01 .schrBox .tit {
					  color:#333;
					  letter-spacing:-0.5px;
					  width:100%;
					  float:left;
					  overflow:hidden;
					  text-overflow:ellipsis;
					  box-sizing:border-box;
					  margin-bottom:10px;
					  white-space:normal;
					  -webkit-line-clamp:2;
					  -webkit-box-orient:vertical;
					  display:-webkit-box;
					  height:42px;
					  }
.thesis01 .schrBox .btnbox {display:inline-block; width:100%;}
.thesis01 .schrBox .btnbox a {position:relative; letter-spacing:-0.5px; border:1px solid #eaeaea; box-sizing:border-box; display:inline-block; clear:both; min-width:70%; background:#fff;
						   	 height:35px; line-height:35px; padding:0 10px; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thesis01 .schrBox .btnbox a:hover {border:1px solid #333;  background:#333; color:#fff;}
.thesis01 .schrBox .btnbox a:last-child {margin-bottom:0;}


/* no-data */
.thesis01 .no_data {width:100% !important; padding-right:0 !important; display:none;}
.thesis01 .no_data .imgbox {display:none;}
.thesis01 .no_data .txtbox {padding:0 !important; width:100% !important; text-align:center !important;}
.thesis01 .no_data .tit {font-weight:400; margin-bottom:0; font-size:18px;}
.thesis01 .no_data .thesisBtnbox {display:none;}
	@media (min-width:800px){
		.layout_height_H2 .thesis01 .no_data .tit {line-height:420px; height:auto !important;}
		.layout_height_H .thesis01 .no_data .tit {line-height:320px; height:auto !important;}
		.layout_height_M .thesis01 .no_data .tit {line-height:220px; height:auto !important;}
		.layout_height_L .thesis01 .no_data .tit {line-height:120px; height:auto !important;}
	}
	@media (max-width:799px){
		.thesis01 .no_data .tit {font-size:16px;}
	}




/* layout height setting */
.layout_01 .thesis01 {padding-bottom:15px;}

	@media (min-width:800px){
		.layout_height_M .thesis01 .schrBox .imgbox {height:100px;}
		.layout_height_L .thesis01 .schrBox .imgbox {height:120px;}
		.layout_height_H2 .thesis01 .schrBox .imgbox {height:200px; margin-bottom:10px;}
		.layout_height_H .thesis01 .schrBox .imgbox {height:150px; margin-bottom:10px;}
		.layout_height_H2 .thesis01 .schrBox .btnbox a {height:40px; line-height:40px;}
		.layout_height_H .thesis01 .schrBox .btnbox a {height:40px; line-height:40px;}
		.layout_height_M .thesis01 .schrBox .tit {white-space:nowrap;display:inline-block;height: 21px;}
		.layout_height_L .thesis01 .schrBox .tit {margin-bottom:5px; font-size:17px; height:38px;}
		.layout_04 .thesis01 .schrBox .tit {font-size:17px; height:38px;}
		.layout_03.layout_height_M .thesis01 .schrBox .btnbox a,
		.layout_03.layout_height_L .thesis01 .schrBox .btnbox a,
		.layout_04.layout_height_M .thesis01 .schrBox .btnbox a,
		.layout_04.layout_height_L .thesis01 .schrBox .btnbox a {font-size:15px; width:100%; padding:0 5px;}
		.layout_block4 .layout_height_L .thesis01 .schrBox .tit {margin-bottom:5px;}
		.layout_03.layout_height_L .thesis01 .schrBox .imgbox img,
		.layout_04.layout_height_L .thesis01 .schrBox .imgbox img {height:auto; max-height:100%; min-height:50px;}

		.layout_01 .thesis01 .schrBox .imgbox {width:30%; float:left;}
		.layout_01 .thesis01 .schrBox .imgbox img {height:130px; max-width:85%;}
		.layout_01 .thesis01 .schrBox .txtbox  {width:70%; float:left; text-align:left; padding:10px 0 0 10px;}
		.layout_01 .thesis01 .schrBox .btnbox a {float:left; clear:both; height:35px; min-width:45%; line-height:35px; padding:0 10px; margin-bottom:5px; border:1px solid rgba(0,0,0,0.1);}
		.layout_height_M .thesis01 .schrBox .txtbox {padding-top: 5px;}
		.layout_height_L .thesis01 .schrBox .imgbox {width:30%; float:left;}
		.layout_height_L .thesis01 .schrBox .txtbox {width:70%; float:left; text-align:left; padding:0 0 0 10px;}
		.layout_height_L .thesis01 .schrBox .btnbox a {float:left; clear:both; height:35px; min-width:90%; line-height:35px; padding:0 10px;margin-bottom:5px;border:1px solid rgba(0,0,0,0.1);}
	
		.layout_01 .thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:after {top:50%;}
		.layout_height_H2 .thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:after {top:75px;}
		.layout_height_H .thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:after {top:75px;}
		.layout_height_M .thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:after {top:50px;}
		.layout_height_L .thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:after {display:none;}
	}

	@media (min-width:800px) and (max-width:899px){
		.layout_02.layout_height_H2 .thesis01 .schrBox .tit,
		.layout_06.layout_height_H2 .thesis01 .schrBox .tit
		.layout_02.layout_height_H .thesis01 .schrBox .tit,
		.layout_06.layout_height_H .thesis01 .schrBox .tit {height:36px;}
		.layout_block3 .layout_03.layout_height_H2 .thesis01 .schrBox .tit,
		.layout_block3 .layout_03.layout_height_H .thesis01 .schrBox .tit {height:36px;}
		.layout_block3 .layout_04.layout_height_L .thesis01 .schrBox .btnbox a {font-size:14px; width:100%; padding:0 5px;}
	}
	
	@media (min-width:800px) and (max-width:1299px){
		.layout_block3 .layout_03 .thesis01 .schrBox .btnbox a {font-size:15px; width:100%; height:auto; line-height:20px; padding:5px 5px;}
	}
	@media (min-width:991px) and (max-width:1299px){
		.layout_block4 .layout_04 .thesis01 .schrBox .btnbox a {font-size:15px; width:100%; height:auto; line-height:20px; padding:5px 5px;}
		
	}
	@media (min-width:1050px) and (max-width:1299px){
		.layout_block3 .layout_04 .thesis01 .schrBox .btnbox a {font-size:15px; width:100%; height:auto; line-height:20px; padding:5px 5px;}
		.layout_block3_2 .layout_04.layout_height_H2 .thesis01 .schrBox .btnbox a,
		.layout_block3_2 .layout_04.layout_height_H .thesis01 .schrBox .btnbox a {font-size:15px; width:100%; height:auto; line-height:20px; padding:9px 5px;}
	}

	@media (min-width:1050px){
		.layout_01 .thesis01 .schrBox .imgbox {height:140px;}
		.layout_block3 .layout_04.layout_height_L .thesis01 .schrBox .imgbox img,
		.layout_block4 .layout_04.layout_height_L .thesis01 .schrBox .imgbox img {max-height:40px;}
	}
	@media (min-width:800px) and (max-width:1050px){
		.layout_block3 .layout_04.layout_height_L .thesis01 .schrBox .imgbox img {height:72px;}
	}
	@media (min-width:1050px) and (max-width:1199px){
		.layout_block3 .layout_04.layout_height_L .thesis01 .schrBox .btnbox,
		.layout_block4 .layout_04.layout_height_L .thesis01 .schrBox .btnbox {position:absolute; left:0; top:45px; padding:0 15px 5px; box-sizing:border-box;}
	}


	@media (min-width:600px){
		.layout_block3 .layout_04.layout_height_L .thesis01 .schrBox .btnbox a,
		.layout_block4 .layout_height_L .thesis01 .schrBox .btnbox a {width:100%; height:auto; line-height:20px; padding:3px 5px;}
	}
	@media (max-width:899px){
		.thesis01 .schrBox .tit {height:36px;}
	}
	@media (max-width:799px){
		.thesis01 .schrBox .imgbox {/* max-width: 45%; */ height: 150px;}
		.thesis01 .schrBox .imgbox img {/* max-height:160px; *//* position: absolute; *//* top: -9999px; */}
		.thesis01 .swiper-container .swiper-wrapper .swiper-slide-active:after {top:80px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .thesis01 .schrBox .tit {height:36px;}

		.layout_block4 .layout_height_H2 .thesis01 .schrBox .imgbox,
		.layout_block4 .layout_height_H .thesis01 .schrBox .imgbox {height:150px; margin-bottom:10px;}
		.layout_block4 .layout_height_H2 .thesis01 .schrBox .btnbox a,
		.layout_block4 .layout_height_H .thesis01 .schrBox .btnbox a {height:40px; line-height:40px; width:100%;}
		.layout_block4 .layout_height_H2 .thesis01 .schrBox:first-child:last-child .imgbox,
		.layout_block4 .layout_height_H .thesis01 .schrBox:first-child:last-child .imgbox {width:100%;}
		.layout_block4 .layout_height_H2 .thesis01 .schrBox:first-child:last-child .txtbox,
		.layout_block4 .layout_height_H .thesis01 .schrBox:first-child:last-child .txtbox {width:100%; text-align:center;}

		.layout_block4 .layout_height_M .thesis01 .schrBox .imgbox {height:100px;}
		.layout_block4 .thesis01 .schrBox .imgbox img {max-height:100%;}
		.layout_block4 .layout_height_M .thesis01 .schrBox .tit {white-space:nowrap; display:inline-block; height:20px !important;}
		.layout_block4 .layout_height_L .thesis01 .schrBox .tit {margin-bottom:5px;}

		.layout_block4 .layout_height_L .thesis01 .schrBox .imgbox {width:30%; float:left;}
		.layout_block4 .layout_height_L .thesis01 .schrBox .txtbox {width:70%; float:left;}
		
	}
	@media (max-width:599px){
		.thesis01 {padding-bottom:15px;}

		.thesis01 .swiper-container .swiper-wrapper .swiper-slide:only-child .schrBox .imgbox {width:30%; float:left;}
		.thesis01 .swiper-container .swiper-wrapper .swiper-slide:only-child .schrBox .txtbox {width:70%; float:left; text-align:left; padding-left:20px;}
	}

