@charset "utf-8";

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  position: relative;
}
* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

.bbsTop{margin-bottom:10px}
.bbsTop::after{display:block;clear:both;content:''}
.bbsTop .boardPage{float:left;padding-top:10px;font-size:14px;color:#666}
.bbsTop .boardPage span{color:#d96100;vertical-align:top}
.bbsTop .boardSearch{position:relative;float:right;padding-right:63px;box-sizing:border-box}
.bbsTop .boardSearch select{height:33px;border:1px solid #dbdbdb}
.bbsTop .boardSearch .serInput{height:33px;border:1px solid #dbdbdb}
.bbsTop .boardSearch .btn{position:absolute;top:0;right:0;width:58px;height:35px;color:#fff;background:#898989;border:0}

.seminarCon1{padding-top:30px;border-top:2px solid #80a2c5;border-bottom:1px solid #d1d1d1}
.seminarCon1 ul{margin:0 -12px}
.seminarCon1 ul::after{display:block;clear:both;content:''}
.seminarCon1 ul li{float:left;margin-bottom:30px;padding:0 12px;width:33.33%;box-sizing:border-box}
.seminarCon1 ul li a{position:relative;display:block}
.seminarCon1 ul li a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;border:5px solid #1060c0;box-sizing:border-box;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.seminarCon1 ul li .img{height:170px;overflow:hidden}
.seminarCon1 ul li .img img{width:100%;height:100%}
.seminarCon1 ul li .con{position:relative;padding:15px 20px;border:1px solid #dfdfdf;border-width:0 1px 1px}
.seminarCon1 ul li .con .tit{display:block;margin-bottom:20px;height:40px;font-size:15px;font-weight:bold;line-height:1.3; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.seminarCon1 ul li .con .hit{padding-left:20px;font-size:13px;color: #333;line-height:1;background:url('../../../web/images/contents/ic_hit.png') no-repeat left center}
.seminarCon1 ul li .con .data{position:absolute;right:20px;bottom:15px;font-size:13px;color:#333;line-height:1}
.seminarCon1 ul li a:hover{text-decoration:none}
.seminarCon1 ul li a:hover::after{opacity:1}
.seminarCon1 ul li:nth-child(3n+1){clear:left}

.tbTypeA tbody tr td.line{border-left: 1px solid rgb(193, 193, 193);}


.seminarCon2{line-height:1.4}
.seminarCon2 .img{margin-bottom:35px;}
.seminarCon2 .img img{width:100%}
.seminarCon2 h4{margin-top:70px}
.seminarCon2 .infor{margin-bottom:15px}
.seminarCon2 .infor li{position:relative;padding:10px 10px 10px 110px;min-height:45px;color:#666;border-top:1px solid #e4e4e4;box-sizing:border-box}
.seminarCon2 .infor li .name{position:absolute;top:11px;left:0;padding-left:22px;width:100px;font-size:14px;color:#3e3e3e;font-weight:bold;box-sizing:border-box;}
.seminarCon2 .infor li .name::after{position:absolute;top:0;right:0;content:':'}
.seminarCon2 .infor li .name::before{position:absolute;top:50%;left:13px;content:'';margin-top:-1px;width:3px;height:3px;background:#4472b4}
.seminarCon2 .infor li.row{padding-left:0}
.seminarCon2 .infor li.row .name{position:relative;top:0;width:auto}
.seminarCon2 .btnDown{display:inline-block;width:158px}
.seminarCon2 .btnDown a{position:relative;display:block;padding:0 10px;font-size:13px;color:#2a5ca6;line-height:29px;background:url('../../../web/images/contents/ic_down.png') no-repeat right 6px center;background-size:15px;border:1px solid #437ac9;border-radius:2px}
.seminarCon2 .btnDown a::after{position:absolute;top:50%;right:27px;margin-top:-6px;width:0;height:13px;content:'';border-left:1px dotted #929292}
.seminarCon2 .box{padding:24px;border:4px solid #d8e4f4}
.seminarCon2 .box::after{display:block;clear:both;content:''}
.seminarCon2 .box .btnGo{float:right;display:inline-block;width:200px}
.seminarCon2 .box .btnGo a{display:block;padding:0 15px;color:#fff;line-height:48px;background:#2a5ca6 url('../../../web/images/contents/ic_blink.png') no-repeat right 15px center;background-size:12px;border-radius:3px}
.btnGo a:focus-visible{border: 4px solid #f00;box-sizing:border-box;}
.seminarCon2 .box .listTypeC{float:left;margin:12px 0 0;vertical-align:bottom}
.seminarCon2 .movie{position:relative;padding-top:60%}
.seminarCon2 .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.bbsViewA > tbody > tr > td.ttable{padding:50px 0}
.bbsViewA > tbody > tr > td.ttable h4{position:relative;padding-left:10px;font-size:15px;color:#333;font-weight:bold}
.bbsViewA > tbody > tr > td.ttable h4::before{position:absolute;top:50%;left:0;content:'';margin-top:-1px;width:3px;height:3px;background:#4472b4}

.seminarTab{position:relative;margin-bottom:28px;padding:0 55px 0;height:64px;overflow:hidden}
.seminarTab ul{}
.seminarTab ul::after{display:block;clear:both;content:''}
.seminarTab ul li{float:left;padding-top:4px;width:125px;height:64px;}
.seminarTab ul li:first-child a::before{display:none}
.seminarTab ul li a {position:relative;display:block;font-size:16px;color:#fff;line-height:60px;text-align:center;background:#3460a2}

.seminarTab ul li a:focus-visible, .seminarTab ul li a:focus {outline: none; border: 0;}


.seminarTab ul li.swiper-slide-next a:focus-visible:before,
.seminarTab ul li.swiper-slide-next a:focus-within:before,
.seminarTab ul li.swiper-slide-next a:focus:before,
.seminarTab ul li a:focus-visible:before,
.seminarTab ul li a:focus-within:before,
.seminarTab ul li a:focus:before {position: absolute; top: 9px; left: 3px; content: ""; display: block; width: calc(100% - 6px); height: calc(100% - 6px); background-color: rgba(254, 0, 245, 0.05); outline: 3px dashed #fe00f5; z-index: 1000000}

.seminarTab ul li a::before{position:absolute;top:50%;left:0;margin-top:-6px;width:0;height:13px;content:'';border-left:1px dotted #8db3ea}
.seminarTab ul li.active{padding-top:0;}
.seminarTab ul li.active a{color:#15407f;line-height:64px;font-weight:bold;background:#1bd5f0}
.seminarTab ul li.active a:focus-visible, .seminarTab ul li.active a:focus {outline: none; border: 0;}
.seminarTab ul li.active a:focus-visible:before,
.seminarTab ul li.active a:focus-within:before,
.seminarTab ul li.active a:focus:before {position: absolute; top: 9px; left: 3px; content: ""; display: block; width: calc(100% - 6px); height: calc(100% - 6px); background-color: rgba(254, 0, 245, 0.05); outline: 3px dashed #fe00f5;}

.seminarTab ul li.active + li a::before{display:none}
.seminarTab button{position:absolute;bottom:0;width:55px;height:60px;text-indent:-999px;overflow:hidden;background:#18396a}
.seminarTab button:focus-visible, .seminarTab button:focus {outline: none; border: 0;}
.seminarTab button:focus-visible:before,
.seminarTab button:focus-within:before,
.seminarTab button:focus:before {position: absolute; top: 3px; left: 3px; content: ""; display: block; width: calc(100% - 6px); height: calc(100% - 6px); background-color: rgba(254, 0, 245, 0.05); outline: 3px dashed #fe00f5;}






.seminarTab button::after{position:absolute;top:50%;left:50%;content:'';margin:-5px 0 0 -5px;width:10px;height:10px;border:1px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.seminarTab button.btnLt{left:0;}
.seminarTab button.btnRt{right:0;}
.seminarTab button.btnLt::after{border-width:2px 0 0 2px}
.seminarTab button.btnRt::after{border-width: 0 2px 2px 0}
.seminarTab .flex-direction-nav a{position:absolute;bottom:0;width:55px;height:60px;text-indent:-999px;overflow:hidden;background:#18396a}
.seminarTab .flex-direction-nav a::after{position:absolute;top:50%;left:50%;content:'';margin:-5px 0 0 -5px;width:10px;height:10px;border:1px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.seminarTab .flex-direction-nav a.flex-prev{left:0}
.seminarTab .flex-direction-nav a.flex-next{right:0}
.seminarTab .flex-direction-nav a.flex-prev::after{border-width:2px 0 0 2px}
.seminarTab .flex-direction-nav a.flex-next::after{border-width: 0 2px 2px 0}

#slider{position:relative;padding:0 50px}
#slider a{display:block}
#slider a:focus-visible, #slider a:focus {border: 2px solid #000;}
#slider img{width:100%}
#slider .flex-direction-nav li a{position:absolute;top:50%;display:block;margin-top:-40px;width:35px;height:80px;background:rgba(255,255,255,0.2);text-indent:-999px;overflow:hidden;border:1px solid #ddd}
#slider .flex-direction-nav li a::after{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;content:'';border:1px solid #1d1d26;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#slider .flex-direction-nav li a.flex-prev{left:0;}
#slider .flex-direction-nav li a.flex-next{right:0;}
#slider .flex-direction-nav li a.flex-prev::after{margin-left:-5px;border-width:2px 0 0 2px}
#slider .flex-direction-nav li a.flex-next::after{margin-left:-15px;border-width:0 2px 2px 0}
#slider .flex-direction-nav li a.flex-disabled{display:none}
#carousel{margin-top:23px;padding:0 50px}
#carousel .flex-direction-nav{display:none}
#carousel ul::after{display:block;clear:both;content:''}
#carousel ul li{position:relative}
#carousel ul li img{width:100%}
#carousel ul li a{position:relative;display:block}
/* #carousel ul li a:focus-visible, #carousel ul li :focus {border: 4px solid #f00;} */
#carousel ul li a:focus-visible, 
#carousel ul li a:focus {outline: none; border: 0;}
#carousel ul li a:focus-visible:after,
#carousel ul li a:focus-within:after,
#carousel ul li a:focus:after {position: absolute; top: 3px; left: 3px; content: ""; display: block; width: calc(100% - 6px); height: calc(100% - 6px); background-color: rgba(254, 0, 245, 0.05); outline: 3px dashed #fe00f5;}


#carousel ul li a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;border:4px solid #1060c0;box-sizing:border-box;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#carousel ul li.flex-active-slide a::after{opacity:1}

.photoPop{display:none;position:fixed;top:0;left:0;padding:0 80px 0 20px;width:100%;height:100%;text-align:center;box-sizing:border-box;background:rgba(0,0,0,0.7);z-index:9999}
.photoPop .box{position:relative;display:inline-block;top:50%;transform:translateY(-50%);border:1px solid #000;box-shadow:10px 10px 20px rgba(0,0,0,0.5)}
.photoPop .box.seminar{max-width:1000px;}
.photoPop .box img{display:block;max-width:100%}
.photoPop .box .photoClose{position:absolute;top:-1px;right:-65px;width:65px;height:65px;text-indent:-999px;overflow:hidden;background:url('../../../web/images/contents/ic_p_close.png') no-repeat;background-size:100%}

#wrapper.wrfix{height: 100%; overflow-y: hidden;}

@media (max-width:700px) { 
	
	.seminarCon2 .movie iframe{height:100% !important}

}

@media (max-width:640px) { 
	
	.seminarCon1 ul{margin:0 -5px}
	.seminarCon1 ul::after{display:block;clear:both;content:''}
	.seminarCon1 ul li{margin-bottom:20px;padding:0 5px;width:50%;}
	.seminarCon1 ul li:nth-child(3n+1){clear:none}
	.seminarCon1 ul li:nth-child(2n+1){clear:left}
	.seminarCon1 ul li .img{height:100px}
	.seminarCon1 ul li .con{padding:10px}
	.seminarCon1 ul li .con .data{right:10px;bottom:10px}
	.seminarCon1 ul li .con .tit{margin-bottom:15px;font-size:14px}
	
	.bbsTop{text-align:center}
	.bbsTop .boardPage{display:none}
	.bbsTop .boardSearch{float:none;display:inline-block}

	.seminarTab{margin-bottom:20px;padding:0 35px;height:42px}
	.seminarTab ul li{padding-top: 2px;width:65px;height:42px}
	.seminarTab ul li a{font-size:13px;line-height:40px}
	.seminarTab ul li.active a{line-height:42px}
	.seminarTab button{width:35px;height:40px}
	.seminarTab button::after{margin:-3px 0 0 -3px;width:6px;height:6px}

	.seminarCon2 h4{margin-top:40px}
	.seminarCon2 .img{margin-bottom:20px}

	.seminarCon2 .infor li{padding:10px}
	.seminarCon2 .infor li .name{position:relative;top:0;display:block;margin:0 0 5px -15px;font-size:13px}
	.seminarCon2 .infor li .name::after{display:none}
	.seminarCon2 .infor li.row .name{margin-left:-5px}

	.seminarCon2 .box{padding:15px}
	.seminarCon2 .box .listTypeC{float:none;margin:0 0 10px;word-break:break-all}
	.seminarCon2 .box .btnGo{float:none;display:block;margin:0 auto;width:150px}
	.seminarCon2 .box .btnGo a{line-height:40px}

	.bbsViewA > tbody > tr > td.ttable{padding:30px 0}
	.bbsViewA > tbody > tr > td.ttable h4{font-size:14px}

	#slider{padding:0}
	#slider .flex-direction-nav{display:none}
	#slider .flex-direction-nav li a{border:0;background:none;}
	#slider .flex-direction-nav li a::after{margin:-7px 0 0 -7px;width:14px;height:14px;border-color:#fff}

	#carousel{padding:0}
	
	.photoPop{padding:0 20px 0 20px}
	.photoPop .box .photoClose{right:-1px;top:-40px;width:40px;height:40px}

}