@charset "utf-8";
img {max-width:100%;}

   /*웹게재용 스타일*/
	.a_wrap {font-size:16px; font-family:"NanumSquare",sans-serif; line-height:26px;}

@media print {
	#sub {width:1020px;-webkit-print-color-adjust:exact;}
}


#wrap {position:relative;padding-top:110px;overflow:hidden;}

#header {position:absolute;left:0;top:0;width:100%;background:#fff;z-index:200;box-sizing:border-box;padding:0 10px;}
#header .inner {max-width:1200px;height:110px;margin:0 auto;position:relative;z-index:10;}
#header .logo {position:absolute;left:0;top:50%;margin-top:-40px;}
#header .logo a {display:block;text-indent:-9999px;width:127px;height:80px;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:contain;background-position:0 50%;}
#header .gnb {position:relative;top:30px;margin:0 75px 0 127px;text-align:center;font-size:0;}
#header .gnb > li {display:inline-block;position:relative;width:140px;}
#header .gnb > li > a {display:block;text-align:center;height:80px;line-height:80px;font-size:18px;font-weight:500;color:#000;}
#header .gnb > li > a > span {display:inline-block;position:relative;padding:0 10px;position:relative;}
#header .gnb > li > a > span:before {content:"";display:block;width:0;height:3px;background:#c39939;position:absolute;top:50%;left:50%;margin-top:20px;opacity:0;transition:0.3s;}
#header .gnb > li > ul {display:none;position:absolute;left:0;top:100%;width:100%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2);height:500px;padding-top:15px;text-align:left;}
#header .gnb > li > ul > li > a {display:block;font-size:15px;padding:7px 0 7px 13px;color:#fff;}
#header .gnb > li > ul > li > ul > li > a {display:block;font-size:13px;color:#fff;padding:3px 0 3px 13px;}
#header .gnb > li > ul > li > ul > li > a:before {content:"- ";}
#header .gnb > li:first-child > ul {border-left:1px solid rgba(255,255,255,0.2);}
#header .lang {position:absolute;right:0;top:10px;font-size:0;}
#header .lang li {display:inline-block;position:relative;}
#header .lang li ~ li {margin-left:10px;padding-left:11px;}
#header .lang li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#ccc;}
#header .lang li a {display:block;font-size:14px;color:#999;}
#header .lang li.active a {color:#000;}

#header .sch {box-sizing:border-box;width:38px;height:38px;box-sizing:border-box;position:absolute;right:0;top:50px;background:#eee;border:1px solid #eee;font-size:18px;color:#000;border-radius:50%;}
#header .mnu {display:none;box-sizing:border-box;width:38px;height:38px;box-sizing:border-box;position:absolute;right:0;top:50%;margin-top:-19px;background:#eee;border:1px solid #eee;font-size:20px;color:#000;border-radius:50%;}
#header .search {position:absolute;left:0;top:100%;box-sizing:border-box;padding-top:30px;width:100%;display:none;}
#header .search .wrap {max-width:500px;margin:0 auto;position:relative;}
#header .search input[type=text] {display:block;width:100%;height:50px;background:#fff;border:none;box-sizing:border-box;font-size:18px;padding-left:20px;}
#header .search button {position:absolute;right:0;top:0;width:50px;height:50px;color:#000;border:none;font-size:24px;}

.menu-on #header .mnu i:before {content:"\e937";}
.sch-on #header .sch i:before {content:"\e937";}

#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#c39939;}
#header .gnb > li:hover > a > span:before,
#header .gnb > li.active > a > span:before {opacity:1;width:100%;left:0;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {background:#ae915a;color:#fff;}
#header .gnb > li > ul > li > ul > li:hover > a,
#header .gnb > li > ul > li > ul > li.active > a {color:#e9c47a;text-decoration:underline;}

@media all and (min-width:1001px){
	#header {height:110px;overflow:hidden;transition:0.3s;}
	#header:before {content:"";display:block;position:absolute;left:0;top:110px;width:100%;height:500px;box-sizing:border-box;background:#143459;}
	.menu-on #header {height:500px;}
	.menu-on #header .gnb > li > ul {display:block;}
	.sch-on #header {height:220px;}
	.sch-on #header .search {display:block;}
}

@media all and (max-width:1100px){
	#header .gnb > li {width:120px;}
}

@media all and (max-width:1000px){
	#wrap {padding-top:50px;}
	#header {position:fixed;box-shadow:0 1px 1px rgba(0,0,0,0.15);padding:0;}
	#header .inner {height:50px;}
	#header .logo {margin-top:-20px;left:10px;}
	#header .logo a {width:63.5px;height:40px;}
	#header .gnb {display:none;}
	#header .sch {right:50px;}
	#header .sch i:before {content:"\e036";}
	#header .mnu {display:block;right:10px;}
	#header .sch,
	#header .mnu {top:50%;margin-top:-17px;width:34px;height:34px;font-size:18px;}

	#header .lang {display:none;}

	#header .search {top:50px;background:#143459;padding:10px;box-shadow:0 3px 3px rgba(0,0,0,0.15);}
	.sch-on #header .search {display:block;}
}

#nav {position:fixed;left:0;top:0;width:100%;height:0;z-index:1000;overflow:hidden;transition-delay:0.3s;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;transition:0.5s;}
#nav .inner {position:relative;left:20%;top:0;width:80%;height:100%;background:#fff;overflow:auto;z-index:10;opacity:0;transition:0.5s;}
#nav h2 {display:block;text-indent:-9999px;width:63.5px;height:40px;top:50%;margin-top:-20px;position:absolute;left:10px;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:contain;background-position:0 50%;}
#nav .head {height:50px;position:relative;}
#nav .lang {overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#nav .lang li {float:left;width:50%;box-sizing:border-box;}
#nav .lang li ~ li {border-left:1px solid #ddd;}
#nav .lang li a {display:block;height:30px;line-height:30px;background:#f3f3f3;color:#000;text-align:center;}
#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block;font-size:20px;padding:10px 15px;position:relative;color:#000;}
#nav .gnb > li > a:before {content:"\f107";font-family:axicon;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;color:#999;}
#nav .gnb > li > ul {background:#f3f3f3;padding:10px 0;border-top:1px solid #ddd;display:none;}
#nav .gnb > li > ul > li > a {display:block;padding:5px 15px;font-size:18px;}
#nav .gnb > li > ul > li > ul > li > a {display:block;padding:3px 15px 3px 20px;font-size:16px;}
#nav .gnb > li > ul > li > ul > li > a:before {content:"- ";}
#nav .close {position:absolute;top:0;right:0;z-index:100;width:50px;height:50px;border:none;background:#000;color:#fff;font-size:20px;opacity:0;transition:0.5s;}
#nav .gnb > li.active > a {color:#e36955;}
#nav .gnb > li.active > a:before {content:"\f106";color:#000;}
#nav .gnb > li.active > ul {display:block;}

@media all and (max-width:1000px){
	.menu-on #nav {height:100%;transition-delay:0s;}
	.menu-on #nav .bg,
	.menu-on #nav .inner,
	.menu-on #nav .close {opacity:1;}
}

#vis .inner {max-width:1600px;margin:0 auto;position:relative;}
#vis .vis {overflow:hidden;position:relative;box-sizing:border-box;}
#vis .vis .img {position:absolute;left:0;top:0;width:60%;height:100%;background-repeat:no-repeat;background-size:cover;}
#vis .vis .wrap {margin:0 auto;width: 40%;height:550px;}
#vis .vis .box {display:block;background:#344178;box-sizing:border-box;position:absolute;right:0px;bottom:0px;width:40%;height: 100%;}
#vis .vis .box div{font-size: 20px;color:white;}
#vis .vis .box .txt_wrap{width: 90%;margin: 30px auto 0;}
#vis .vis .box .txt_wrap div{margin-bottom: 10px;}
#vis .vis .box .txt_wrap .subject{line-height: 35px;display:block;font-size:24px;overflow:hidden;font-weight:500;color:#fff;letter-spacing:-0.05em;}
#vis .vis .box .txt_wrap .division{font-size: 15px;color: #84a3cf;margin-bottom: 5px;}
#vis .vis .box .txt_wrap .date{font-size: 15px;color: #84a3cf;}
#vis .vis .box .txt_wrap .content{
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	}
#vis .slick-arrow {position:absolute;display:block;text-align:left;font-size:0;border:none;text-indent:-9999px;overflow:visible;z-index:30;}
#vis .slick-arrow.slick-prev,#vis .slick-arrow.slick-next{display: none;background: transparent;}

#vis .slick-dots {font-size:0;z-index:100;text-align:center;margin-top:15px;}
#vis .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
#vis .slick-dots li button {box-sizing:border-box;width:14px;height:14px;border-radius:7px;background:#fff;border:1px solid #bcbcbc;text-indent:-9999px;}
#vis .slick-dots .slick-active button {border-color:#0c2070;width:30px;background:#0c2070;}

@media all and (max-width:1000px){
	#vis .vis {height:auto;padding:0;}
	#vis .vis .wrap {height:auto;width: 100%;}
	#vis .vis .img {padding-top:54%;height:0;position:relative;width: 100%;}
	#vis .vis .box {position:relative;width:100%;height:auto;left:0;bottom:0;padding:10px 15px 0;width: 100%;}
	#vis .vis .box .txt_wrap{margin: 0; padding:20px 0;}
	#vis .vis .box .subject {font-size:20px; height:auto;}
	#vis .vis .box .content {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;padding-bottom: 5px;}
	#vis .vis .box .sum {font-size:15px;line-height:1.5em;height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0;}
	#vis .vis .box .detail span {width:100px;height:30px;line-height:30px;font-size:15px;}
	#vis .slick-arrow {display:none !important;}
}

#project {background:linear-gradient(to right, #293669 0%,#277480 100%);padding:25px 10px;margin-top:35px;}
#project .inner {max-width:1240px;margin:0 auto;position:relative;padding-left:160px;}
#project h3 {position:absolute;left:0;top:11px;color:#fff;font-weight:bold;font-size:18px;padding-top:12px;}
#project h3:before {content:"";display:block;position:absolute;left:0;top:0;width:30px;height:2px;background:#fff;}
#project .area ul {font-size:0;}
#project .area ul li {display:inline-block;vertical-align:top;margin:5px 10px 5px 0;}
#project .area ul li a {display:block;height:40px;line-height:40px;background:#fff;font-size:15px;color:#333;padding:0 20px; width:330px; text-align:center;}

@media all and (max-width:1000px){
	#project {padding:20px 15px;margin-top:15px;}
	#project .inner {padding-left:0;}
	#project h3 {position:relative;top:0;}
	#project .area {margin-top:10px;}
	#project .area ul li {margin:4px 8px 4px 0;}
	#project .area ul li a {padding:0 10px;height:34px;line-height:34px;}
}

#board {border-bottom:1px solid #ddd;}
#board:after {content:'';display:block;clear:both;}

#publication .inner {max-width:1600px;height: 680px;margin:0 auto;position:relative;}
#publication .tit {position:relative;margin-bottom:15px;}
#publication .tit h3 {color:#000;font-size:26px;font-weight:500;}
#publication .tit .more {display:block;width:19px;height:19px;position:absolute;right:0;top:50%;margin-top:-9.5px;background:url(../images/pub-more.gif) no-repeat;text-indent:-9999px;}
#publication .inner .pub_con{width: 32%;font-size: 20px;float: left;}
#publication .inner .pub_con:nth-child(2){margin:0 2%;}
#publication .inner .pub_con img{width: 100%;height: 250px;margin-bottom: 10px;}
#publication .inner .pub_con div{margin-bottom: 10px;}
#publication .inner .pub_con .division,#publication .inner .pub_con .content{font-size: 18px;line-height: 20px;}
#publication .inner .pub_con .title{color:color: #2359a5;
    font-size: 19px;
    font-weight: 700;}
#publication .inner .pub_con .title:hover{text-decoration:underline #2359a5;text-underline-position: under;}
#publication .inner .pub_con .date{font-size: 15px;}

@media all and (max-width:1000px){
	#publication .inner{width: 90%;}
	#publication .inner .pub_con{width: 100%;font-size: 17px;}
	#publication .inner .pub_con:nth-child(2){margin:0;}
}


/* #display {padding:0 10px;} */
#display > .inner {max-width:1600px; min-height: 620px;margin:0 auto;position:relative;}
#display > .inner:before {content:"";display:block;position:absolute;right:100%;top:0;}
/* #display .wrap {margin:0 -25px;} */
#display .wrap:after {content:"";display:block;clear:both;}
#display .wrap > div {float:left;box-sizing:border-box;box-sizing:border-box;}
#display .tit {position:relative;margin-bottom:15px;}
#display .tit h3 {color:#000;font-size:26px;font-weight:500;}
#display .tit h3 em {font-weight:300;}
#display .tit .more {display:block;width:19px;height:19px;position:absolute;right:0;top:50%;margin-top:-9.5px;background:url(../images/pub-more.gif) no-repeat;text-indent:-9999px;}
#display .tit .more.more2 {background:url(../images/event-more.gif) no-repeat;right:10px;}

#display .news {width:32%;}
#display .news .list{background: rgb(255 255 255);}
#display .news .list .box{padding:1px 10px;}
/* #display .news .list .box ~ .box {margin-top:25px;} */
#display .news .list .box:first-child{background:#405f7d;}
#display .news .list .box:first-child p.sum{color:#e1e1e1;font-size:14px;}
#display .news .list .box:first-child p{color:#fff}
#display .news .list .box:first-child a{color:#fff}
/* #display .news .list .box ~ .box {margin-top:25px;} */
#display .news .list .box .subject a {line-height:1.3em;overflow:hidden;max-height:4em;font-size:18px;color:#2359a5;font-weight:500;height:20px;width:100%;;overflow:hidden;text-overflow:ellipsis;
display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
}
#display .news .list .box .date {font-size:13px;color:#464646;position:relative;margin:0px;}
#display .news .list .box .date:before {font-family:axicon;position:absolute;left:0;top:0;}
#display .news .list .box:first-child .subject a {font-size:17px;color:#ffffff}
#display .news .list .box:first-child .sum {font-size:16px;color:#464646;line-height:1.4em;max-height: 5.5em;overflow:hidden;margin-top:10px;}

#display .multi {width:32%;margin: 0 2%;}
#display .multi .list{border:1px solid gray;box-sizing: border-box;height: 500px;}
#publication .inner .pub_con iframe{
		width: 100% !important;
		height: 250px;
	}

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

@media all and (max-width:1000px){
	#display {width: 100%;overflow:hidden;padding:0;position:relative;margin:0 0 35px;float: left;}
	#display .inner{height: auto;}
	#display > .inner:before {display:none;}
	#display .wrap {margin:0 auto;width: 90%;}
	#display .wrap:after {content:"";display:block;clear:both;}
	#display .wrap > div {padding:20px 0;float:none !important;width:auto !important;}
	#display .tit h3 {font-size:18px;}
	#display .tit .more {width:20px;height:20px;margin-top:-5px;background-size:100% 100%;}
	#display .pub {position:relative;min-height:0;background:#f3f7fb;margin:0 -10px;padding:20px !important;}
	#display .pub:before {display:none;}
	#display .pub .in {padding-right:0;}
	#display .pub .tit {margin-bottom:10px;}
	#display .news {padding: 0;}
	#display .news .list .box:first-child {margin-bottom:20px; padding-top:10px;}
	.subject{padding:0px;margin-top:0px;}


	#display .multi{margin-left: 0% !important;}
	#display .multi .list .box .img {height:0;padding-top:56.25%;}
	#display .multi .list{border:1px solid gray;box-sizing: border-box;height: 350px;}
	

}

@media all and (max-width: 600px){
	#vis .vis .box .txt_wrap .subject{font-size:15px; font-weight:400; line-height:1.4em;}
	#vis .vis .box .txt_wrap .division{font-size:14px;}
	#vis .vis .box .txt_wrap .date{font-size:14px;}
	#vis .vis .box .txt_wrap .content{
	font-size: 14px;
	line-height:23px;
	
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
	}
	
	#publication .tit h3{margin-top:30px; font-size:24px; font-weight:700;}
	#publication .inner .pub_con .division,#publication .inner .pub_con .content{font-size: 14px;line-height: 18px;}
	#publication .inner .pub_con .date{font-size:14px;}
	#publication .inner .pub_con{margin-bottom:20px;}
	#publication .inner .pub_con:nth-child(2){margin-bottom:20px;}
	#display .tit h3{font-size:24px; font-weight:700;}
}

#display .partner {width: 32%; float: right !important;}
#display .partner .inner {width: 100%;margin:0 auto;}
#display .partner .area {margin:0 -6px;font-size:0;}
#display .partner .box {box-sizing:border-box;width:100%;padding:0 6px;display:inline-block;}
#display .partner .box a {display:block;height:130px;box-sizing:border-box;border:1px solid #ddd;white-space:nowrap;padding:0 10px;position:relative;}
#display .partner .box a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#display .partner .box a > * {display:inline-block;vertical-align:middle;}
#display .partner .box .img {width: 100%;text-align: center;float: left;margin: 20px 0 10px;}
#display .partner .box .info {white-space:normal;float: left;text-align: center;width: 100%;}
#display .partner .box .info .subject {font-size:16px;font-weight:normal;color:#000;display:block;}
#display .partner .box .info .sum {font-size:14px;color:#888;display:block;margin-top:2px;}
#display .partner .box.last a {border-color:#2e459f;background:#2e459f;color:#fff;text-align:center;padding:0;}
#display .partner .box.last a:before {content:"";display:block;width:70px;height:11px;background:url(../images/partner-arr.png) no-repeat;position:absolute;right:50px;bottom:20px;}
#display .partner .box.last .direct {font-size:16px;line-height:1.3em;white-space:normal;position:relative;z-index:10;display:inline-block;width:190px;text-align:left;}



@media all and (max-width: 1300px){
	#display .partner{
		width: calc(100% - (36% + 470px));
	}
}

@media all and (max-width: 1200px){
	
	#display .news{
		width: 48%;
	}
	
	#display .multi{
		width: 48%;
		margin-right: 0px;
		margin-left: 4%;
	}
	
	#display .partner{
		margin-top: 20px;
		width: 100%;
		float: none;
	}
	#display .partner .box{
		float: left;
		width: 25%;
	}
}

@media all and (max-width:1000px){
	#display .partner {padding:10px;}
	#display .partner .area {margin:0 -5px;}
	#display .partner .box {width:50%;padding:0 5px;display:inline-block;margin-bottom:10px;}
	#display .partner .box a {height:85px;}
	#display .partner .box .img {margin-right:5px;}
	#display .partner .box .img img {height:22px;}
	#display .partner .box .info .subject {font-size:15px;letter-spacing:-0.05em;}
	#display .partner .box .info .sum {display:none;}
	#display .partner .box.last a {padding:0 10px;}
	#display .partner .box.last a:before {width:35px;height:5.5px;right:15px;bottom:15px;background-size:contain;}
	#display .partner .box.last .direct {font-size:16px;line-height:1.3em;width:100%;}
}


#link {border-top:1px solid #ddd;padding:35px 10px;font-size:0;text-align:center;background:#fafafa;}
#link .inner {max-width:1240px;margin:0 auto;}
#link li {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;}
#link a {display:inline-block;}
#link a > * {display:inline-block;vertical-align:middle;}
#link a span {font-size:16px;color:#333;display:inline-block;position:relative;padding:0 15px 0 8px;font-weight:500;}
#link a span:before {content:"\f105";display:block;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;}

#gotop {z-index:300;position:fixed;right:30px;bottom:30px;border:none;background:none;transition:0.3s;transform:translate3d(0,-30px,0);opacity:0;}
#gotop.fix {opacity:1;transform:translate3d(0,0,0);}

@media all and (max-width:1000px){
	#link {padding:15px 10px;}
	#link ul {margin-bottom:-10px;}
	#link li {width:50%;margin-bottom:10px;}
	#link a img {width:25px;}
	#link a span {font-size:16px;padding:0 15px 0 8px;}

	#gotop {right:20px;bottom:20px;width:30px;}
}

#footer {padding:30px 0;background:#303d53;float: left;margin-top: 30px;width: 100%;}
#footer .inner {max-width:1240px;margin:0 auto;position:relative;padding:0 290px 0 210px;}
#footer h2 {position:absolute;left:0;bottom:10px;}

#footer .fnb {font-size:0;}
#footer .fnb li {display:inline-block;vertical-align:top;position:relative;}
#footer .fnb li ~ li {margin-left:12px;padding-left:13px;}
#footer .fnb li ~ li:before {content:"";display:block;width:1px;height:12px;background:#857a75;position:absolute;left:0;top:50%;margin-top:-6px;}
#footer .fnb li a {display:block;font-size:14px;color:#d9b797;}

#footer address {font-size:0;color:#fff;margin:20px 0;}
#footer address span {font-size:14px;line-height:1.5em;margin-right:15px;}
#footer .copy {font-size:13px;color:#fff;}


#footer .sns {position:absolute;right:0;top:0;white-space:nowrap;}
#footer .sns li {display:inline-block;vertical-align:top;}
#footer .sns li ~ li {margin-left:9px;}

#footer .sub_list{
	position: absolute;
	right: 0;
	top: 60px;
}

#footer .sub_list li{
	display: inline-block;
}

#footer .sub_list li a{
	width: 100%;
	color: rgba(255, 255, 255, 0.9);
	line-height: 40px;
	display: inline-block;
	font-size: 15px;
}

#footer .sub_list li a img{
	margin-right: 8px;
	width: 40px;
	height: auto;
}


@media all and (max-width:1000px){
	#footer {text-align:center;padding:30px 0;margin:0;}
	#footer .inner {padding:0;}
	#footer h2 {position:relative;bottom:0;}
	#footer h2 img {width:70px;}
	#footer .fnb {margin-top:15px;}
	#footer .fnb li ~ li {margin-left:9px;padding-left:10px;}
	#footer .fnb li ~ li:before {height:10px;margin-top:-5px;}
	#footer .fnb li a {font-size:14px;}

	#footer address {margin:15px 0;}
	#footer address span {margin:0 5px;}

	#footer .sns {position:relative;margin-top:15px;}
	#footer .sns li {width:25px;}
	#footer .sns li ~ li {margin-left:7px;}
	
	#footer .sub_list{
		position: static;
		margin-top: 15px;
	}
}


#pjt .head {background:url(../images/pjt-vis.jpg) no-repeat 50% 0;background-size:cover;padding:30px 10px 38px;}
#pjt .head .inner {max-width:1120px;margin:0 auto;position:relative;}
#pjt .head h3 {position:relative;font-size:24px;font-weight:500;color:#fff;margin-bottom:25px;padding-top:10px;text-align:center;}
#pjt .head h3:before {content:"";display:block;width:30px;position:absolute;left:50%;margin-left:-15px;top:0;background:#fff;height:2px;}
#pjt .head .area {font-size:0;margin:0 -10px -20px;}
#pjt .head .area li {display:inline-block;vertical-align:top;margin-bottom:20px;padding:0 10px;box-sizing:border-box;width:33.33333%;text-align:center;}
#pjt .head .area li a {display:block;white-space:nowrap;padding:0 10px;height:80px;color:#fff;font-weight:500;}
#pjt .head .area li a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#pjt .head .area li a span {display:inline-block;vertical-align:middle;font-size:18px;line-height:1.2em;white-space:normal;}
#pjt .head .area li:nth-child(6n+1) a {background:#1950a5;}
#pjt .head .area li:nth-child(6n+2) a {background:#1575b2;}
#pjt .head .area li:nth-child(6n+3) a {background:#6866bc;}
#pjt .head .area li:nth-child(6n+4) a {background:#179cb8;}
#pjt .head .area li:nth-child(6n+5) a {background:#2ea19d;}
#pjt .head .area li:nth-child(6n+6) a {background:#c3a260;}

#pjt .con {background:#e7edf2;padding:40px 10px 80px;}
#pjt .con .inner {max-width:1180px;margin:0 auto;font-size:0;}
#pjt .con .area {margin:0 -10px;}
#pjt .con .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 10px;width:25%;margin-bottom:20px;}
#pjt .con .box a {display:block;box-sizing:border-box;height:100px;border:1px solid #d3d6d9;box-shadow:0 10px 8px rgba(0,0,0,0.08);white-space:nowrap;padding:0 14px;background:#fff;position:relative;}
#pjt .con .box a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#pjt .con .box a .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
/* fix.
#pjt .con .box a strong {font-size:16px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
#pjt .con .box a em {font-size:13px;min-height:1em;line-height:1em;color:#888;display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
*/
#pjt .con .box a strong {font-size:16px;font-weight:500;color:#333;text-overflow:ellipsis;display:block;}
#pjt .con .box a em {font-size:13px;min-height:1em;line-height:1em;color:#888;display:block;margin-top:7px;text-overflow:ellipsis;}

#pjt .con .box a:hover {background:#2e459f;border-color:#2e459f;}
#pjt .con .box a:hover strong,
#pjt .con .box a:hover em {color:#fff;}
#pjt .con .box a:hover:before {content:"";display:block;width:35px;height:11px;position:absolute;background:url(../images/pjt-arr.png) no-repeat;background-size:contain;right:19px;bottom:19px;}


@media all and (max-width:1000px){
	#pjt .head {padding:20px 10px;}
	#pjt .head h3 {font-size:18px;margin-bottom:15px;padding-top:10px;}
	#pjt .head .area {margin:0 -5px -10px;}
	#pjt .head .area li {margin-bottom:10px;padding:0 5px;width:50%;}
	#pjt .head .area li a {padding:0 5px;height:60px;}
	#pjt .head .area li a span {font-size:16px;}

	#pjt .con {padding:30px 10px;}
	#pjt .con .area {margin:0 -5px;}
	#pjt .con .box {width:100%;margin-bottom:10px;}
	#pjt .con .box a {height:80px;box-shadow:0 5px 5px rgba(0,0,0,0.08);padding:0 10px;}
	#pjt .con .box a:hover:before {display:none;}
}


#svis {background:url(../images/svis1.jpg) no-repeat 50% 50%;background-size:cover;padding:0 10px;}
#svis .inner {max-width:1200px;margin:0 auto;height:220px;position:relative;}
#svis h2 {height:220px;line-height:220px;text-align:center;color:#fff;font-size:40px;font-weight:500;}
#svis .navi {position:absolute;bottom:18px;right:0;color:#fff;font-size:14px;}
#svis .navi > * {display:inline-block;vertical-align:middle;}
#svis .navi em {padding:0 5px;}
#svis .snb ~ .navi {bottom:75px;}
#svis .snb {display:table;width:100%;table-layout:fixed;position:absolute;left:0;bottom:0;}
#svis .snb li {display:table-cell;}
#svis .snb li ~ li a:before {content:"";display:block;width:1px;height:30px;position:absolute;left:0;top:50%;margin-top:-15px;background:#ddd;}
#svis .snb li a {display:block;background:rgba(255,255,255,0.92);font-size:16px;color:#333;text-align:center;height:60px;line-height:60px;position:relative;}
#svis .snb li:hover a,
#svis .snb .active a {background:#ae915a;color:#fff;}
#svis .snb ~ h2 {height:160px;line-height:160px;}

.sub2 #svis {background-image:url(../images/svis2.jpg);}
.sub3 #svis {background-image:url(../images/svis3.jpg);}
.sub4 #svis {background-image:url(../images/svis4.jpg);}
.sub5 #svis {background-image:url(../images/svis5.jpg);}
.sub6 #svis {background-image:url(../images/svis6.jpg);}

#sub {padding:50px 10px 100px;}
#sub > .inner {max-width:1200px;margin:0 auto;min-height:30vh;}

@media all and (max-width:1000px){
	#svis .inner {height:100px;}
	#svis h2 {height:100px !important;line-height:100px !important;font-size:24px;}
	#svis .navi {bottom:7px !important;font-size:13px;right:10px;}
	#svis .snb {display:none;}

	#sub {padding:30px 10px;}
}


.__topArea {display:table;width:100%;margin-bottom:20px;}
.__topArea > * {display:table-cell;vertical-align:middle;}
.__topArea .tit {font-size:30px;font-weight:500;color:#333;}
.__topArea .__search {text-align:right;}

.__cate {font-size:0;}
.__cate li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
.__cate li ~ li {margin-left:13px;padding-left:14px;}
.__cate li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}
.__cate li a {display:block;font-size:16px;font-weight:500;color:#333;}
.__cate .active a {color:#e36955;text-decoration:underline;}

.__search {font-size:0;}
.__search select,
.__search input[type=text],
.__search button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;font-size:14px;}
.__search select,
.__search input[type=text] {border:1px solid #ddd;background:#fff;padding-left:10px;}
.__search select {width:110px;margin-right:5px;}
.__search input[type=text] {width:220px;}
.__search button {width:70px;background:#222;border:0;color:#fff;margin-left:5px;}

.__searchAll {font-size:0;background:#f0f0f0;padding:20px 10px;text-align:center;}
.__searchAll input[type=text],
.__searchAll button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;font-size:14px;}
.__searchAll input[type=text] {border:1px solid #282b3a;background:#fff;padding-left:10px;width:420px;}
.__searchAll button {width:50px;background:#435173;border:0;color:#fff;font-size:22px;}

@media all and (max-width:1000px){
	.__topArea {display:block;margin-bottom:15px;}
	.__topArea > * {display:block;}
	.__topArea .__search {text-align:center;}
	.__topArea .tit {font-size:20px;margin-bottom:10px;}

	.__cate {text-align:center;}
	.__cate li ~ li {margin-left:7px;padding-left:8px;}
	.__cate li a {font-size:13px;}
	.__cate + .__search {margin-top:10px;}

	.__search {font-size:0;}
	.__search select,
	.__search input[type=text],
	.__search button {height:40px;font-size:15px;}
	.__search select,
	.__search input[type=text] {padding-left:5px;}
	.__search select {width:80px;margin-right:2px;}
	.__search input[type=text] {width:calc(100% - 149px);}
	.__search button {width:65px;margin-left:2px;}
	
	.__searchAll {padding:10px;}
	.__searchAll input[type=text] {width:calc(100% - 50px);}
	.__searchAll button {width:50px;}
}

.__botArea {margin-top:30px;position:relative;min-height:36px;}
.__botArea .cen {text-align:center;}
.__botArea .lef {position:absolute;left:0;top:0;}
.__botArea .rig {position:absolute;right:0;top:0;}

.__paging {font-size:0;text-align:center;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:36px;
	height:36px;
	line-height:35px;
	border:1px solid #ddd;
	text-align:center;
	color:#888;
	z-index:0;
	margin:0 2.5px;
	position:relative;
}
.__paging .num {font-size:14px;}
.__paging .arr i {font-size:18px;display:block;line-height:34px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#435173;color:#fff;background:#435173;font-weight:500;}

.__grayBox {background:#f3f7fb;font-size:16px;line-height:1.6em;color:#555;padding:30px;}

@media all and (max-width:1000px){
	.__botArea {margin-top:20px;display:block;}
	.__botArea > div ~ div {margin-top:15px;}
	.__botArea .lef,
	.__botArea .rig {position:relative;}

	.__paging .arr,
	.__paging .num {width:30px;height:30px;line-height:28px;margin:0 1px;}
	.__paging .num {font-size:13px;}
	.__paging .arr i {font-size:16px;line-height:28px;}

	.__grayBox {padding:20px;font-size:15px;line-height:1.5em;}
}



.__webzineList {border-top:1px solid #222;font-size:0;}
.__webzineList .box {border-bottom:1px solid #e4e4e4;display:table;width:100%;table-layout:fixed;}
.__webzineList .box > * {display:table-cell;box-sizing:border-box;vertical-align:middle;}
.__webzineList .box .num {width:60px;padding:20px 0;font-size:16px;text-align:center;color:#555;border-right:1px solid #e4e4e4;}
.__webzineList .box .num > span {display:inline-block;width:48px;height:24px;line-height:24px;color:#fff;text-align:center;background:#ae915a;border-radius:12px;font-size:15px;}
.__webzineList .box .img {width:110px;padding:20px 0 20px 20px;}
.__webzineList .box .info {padding:20px;}
.__webzineList .box .info .ico {margin-bottom:10px;}
.__webzineList .box .info .ico > * {margin-right:10px;}
.__webzineList .box .info .subject a {display:block;font-size:17px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.__webzineList .box .info .desc {font-size:0;margin-top:10px;}
.__webzineList .box .info .desc li {position:relative;font-size:14px;color:#888;display:inline-block;}
.__webzineList .box .info .desc li ~ li {margin-left:13px;padding-left:14px;}
.__webzineList .box .info .desc li ~ li:before {content:"";display:block;width:1px;height:12px;background:#aaa;position:absolute;left:0;top:50%;margin-top:-6px;}
.__webzineList .box .info .desc li i,
.__webzineList .box .info .desc li span {display:inline-block;vertical-align:middle;}
.__webzineList .box .info .desc li i {margin-right:5px;}

.__ico {display:inline-block;vertical-align:middle;box-sizing:border-box;height:24px;line-height:22px;width:102px;color:#fff;background:#b89e69;border:1px solid #b89e69;font-size:13px;text-align:center;}
.__down {display:inline-block;vertical-align:middle;box-sizing:border-box;height:24px;line-height:22px;padding:0 14px;color:#333;background:#fff;border:1px solid #bbb;font-size:13px;text-align:center;}
.__down:after {content:"\e83e";font-family:axicon;display:inline-block;margin-left:2px;position:relative;bottom:-1px;}

@media all and (max-width:1000px){
	.__webzineList {border-top:1px solid #222;font-size:0;}
	.__webzineList .box .num {display:none;}
	.__webzineList .box .img {width:70px;padding:10px;}
	.__webzineList .box .info {padding:10px 0;}
	.__webzineList .box .info .ico {margin-bottom:5px;}
	.__webzineList .box .info .ico > * {margin-right:5px;}
	.__webzineList .box .info .subject a {font-size:16px;}
	.__webzineList .box .info .desc {margin-top:5px;}
	.__webzineList .box .info .desc li ~ li {margin-left:9px;padding-left:10px;}
	.__webzineList .box .info .desc li ~ li:before {height:10px;margin-top:-5px;}

	.__ico {height:20px;line-height:18px;width:104px;font-size:12px;}
	.__down {height:20px;line-height:18px;padding:0 10px;font-size:12px;}
}

.__tit1 {margin-bottom:20px;}
.__tit1 h3 {font-size:36px;font-weight:bold;color:#333;}

.__tit2 {margin-bottom:20px;}
.__tit2 h3 {font-size:26px;font-weight:bold;color:#333;}

@media all and (max-width:1000px){
	.__tit1 {margin-bottom:10px;}
	.__tit1 h3 {font-size:24px;}
	
	.__tit2 {margin-bottom:10px;}
	.__tit2 h3 {font-size:18px;}
}


.__boardView {border-top:1px solid #222;border-bottom:1px solid #e4e4e4;}
.__boardView .head {background:#fcfcfd;padding:20px;border-bottom:1px solid #e4e4e4;font-size:0;}
.__boardView .head .ico {margin-bottom:7px;}
.__boardView .head .subject {font-size:20px;font-weight:bol500;color:#000;line-height:1.3em;}
.__boardView .head .desc {margin-top:15px;font-size:0;}
.__boardView .head .desc li {font-size:14px;color:#777;vertical-align:top;box-sizing:border-box;position:relative;display:inline-block;}
.__boardView .head .desc li ~ li {margin-left:13px;padding-left:14px;}
.__boardView .head .desc li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}

.__boardView .head .isbn {margin-top:15px;font-size:14px;color:#777;line-height:1.4em;}
.__boardView .head .file {margin-top:15px;}
.__boardView .head .file li ~ li {margin-top:5px;}
.__boardView .head .file li a {display:inline-block;position:relative;font-size:15px;color:#444;padding-right:23px;box-sizing:border-box;max-width:100%}
.__boardView .head .file li a:before {content:"\e83e";position:absolute;color:#ff7173;bottom:0;right:0;font-family:axicon;}
.__boardView .head .file li a:hover {color:#ff7173;text-decoration:underline;}
.__boardView .head .__sns {text-align:right;margin-top:0;}
.__boardView .head .sort {margin-top:15px;color:#777;}
.__boardView .head .sort li {position:relative;padding-left:1.5em;line-height:1.4em;font-size:14px;}
.__boardView .head .sort li ~ li {margin-top:7px;}
.__boardView .head .sort li i {display:block;position:absolute;left:0;top:0.15em;}

.__boardView .head .common {margin-top:15px;color:#777;}
.__boardView .head .common li {position:relative;line-height:1.4em;font-size:14px;}
.__boardView .head .common li ~ li {margin-top:7px;}

.__boardView .head .link {margin-top:15px;}
.__boardView .head .link li {font-size:14px;color:#777;}
.__boardView .head .link li a {color:#006dbd;vertical-align:top;}
.__boardView .head .buy {margin-top:15px;}
.__boardView .head .buy a {display:inline-block;width:130px;height:30px;line-height:30px;color:#fff;background:#444;font-size:15px;text-align:center;}
.__boardView .head .buy a i {display:inline-block;vertical-align:middle;margin-right:5px;}
.__boardView .head .buy a span {font-weight:500;vertical-align:top;display:inline-block;}

.__boardView .head.all {padding:20px;}
.__boardView .head.all .img,
.__boardView .head.all .info {display:inline-block;vertical-align:top;box-sizing:border-box;}
.__boardView .head.all .img {width:160px;}
.__boardView .head.all .info {width:calc(100% - 160px);padding-left:40px;}

.__boardView .con {padding:30px 20px;font-size:15px;line-height:1.6em;}
.__boardView .con .cont {min-height:200px;}
.__boardView .con .cont iframe,
.__boardView .con .cont table {max-width:100% !important;}
.__boardView .con .cont img {height:auto !important;}
.__boardView .con .cont .iframe {max-width:720px !important;margin:0 auto;margin-bottom:20px;}
.__boardView .con .cont .__dotlist.issue > li ~ li {margin-top:30px;}
.__boardView .con .cont .__dotlist.issue > li > strong {font-size:15px;color:#222;font-weight:bold;}

.__boardView .tag {position:relative;margin:20px;}
.__boardView .tag:before {content:"\e085";position:absolute;color:#999;top:0;left:0;font-family:axicon;font-size:18px;}
.__boardView .tag .in {font-size:15px;line-height:1.4em;height:2.9em;overflow:hidden;padding-left:30px;}
.__boardView .tag .in span {display:inline-block;margin-right:10px;color:#30598f;cursor:pointer;padding:0 2px;}
.__boardView .tag .in span:before {content:"#";}
.__boardView .tag .in span:hover {background:#30598f;color:#fff;}

.__boardPn {border-top:1px solid #e4e4e4;margin-top:-1px;}
.__boardPn dl {border-bottom:1px solid #e4e4e4;position:relative;padding-left:90px;}
.__boardPn dl dt {position:absolute;left:0;top:0;width:90px;height:100%;text-align:center;font-size:0;background:#fafafa;}
.__boardPn dl dt:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__boardPn dl dt a {display:inline-block;vertical-align:middle;font-size:14px;color:#777;}
.__boardPn dl dt a > * {display:inline-block;vertical-align:middle;}
.__boardPn dl dt a i {margin-right:5px;}
.__boardPn dl dd a {display:block;padding:15px 12px;font-size:15px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.__sns {font-size:0;}
.__sns li {display:inline-block;}
.__sns li ~ li {margin-left:4px;}
.__sns li > * {display:inline-block;width:32px;height:32px;text-align:center;color:#fff;border-radius:50%;}
.__sns li i {font-size:18px;line-height:32px;display:block;}
.__sns .face > * {background:#3b5998;}
.__sns .twit > * {background:#1da1f2;}
.__sns .print > * {background:#9c9c9d;}

@media all and (max-width:1000px){
	.__boardView .head {padding:10px !important;}
	.__boardView .head .ico {margin-bottom:5px;}
	.__boardView .head .subject {font-size:16px;}
	.__boardView .head .desc {margin-top:10px;font-size:12px;}
	.__boardView .head .desc li ~ li {margin-left:8px;padding-left:9px;}
	.__boardView .head .isbn {margin-top:10px;color:#777;}
	.__boardView .head .file {margin-top:10px;}
	.__boardView .head .file li ~ li {margin-top:3px;}
	.__boardView .head .__sns {margin-top:10px;}
	.__boardView .head .sort {margin-top:10px;}
	.__boardView .head .sort li {line-height:1.3em;}
	.__boardView .head .sort li ~ li {margin-top:3px;}
	.__boardView .head .link li {line-height:1.3em;}

	.__boardView .head.all .img {width:60px;}
	.__boardView .head.all .info {width:calc(100% - 60px);padding-left:10px;}

	.__boardView .con {padding:20px 10px;font-size:14px;line-height:1.5em;}
	.__boardView .con .cont .__dotlist.issue > li ~ li {margin-top:20px;}
	.__boardView .con .cont .__dotlist.issue > li > strong {font-size:15px;}

	.__boardView .tag {margin:20px 10px;}
	.__boardView .tag:before {top:2px;font-size:14px;}
	.__boardView .tag .in {font-size:13px;padding-left:18px;}

	.__sns li ~ li {margin-left:2px;}
	.__sns li > * {width:24px;height:24px;}
	.__sns li i {font-size:14px;line-height:24px;}
	
	.__boardPn dl {padding-left:70px;}
	.__boardPn dl dt {width:60px;}
	.__boardPn dl dt a {font-size:13px;}
	.__boardPn dl dt a i {margin-right:3px;}
	.__boardPn dl dd a {padding:10px 5px;font-size:13px;}
}

.__btn1 {display:inline-block;width:90px;height:40px;box-sizing:border-box;border:1px solid #0c2070;line-height:38px;background:#fff;color:#0c2070;text-align:center;font-size:16px;}
.__btn1 ~ .__btn1 {margin-left:5px;}
.__btn1.gray {background:#a1a8b9;border-color:#a1a8b9;color:#fff;}
.__btn1.blue {background:#0c2070;border-color:#0c2070;color:#fff;}

.__btn2 {display:inline-block;width:210px;height:54px;box-sizing:border-box;border:1px solid #5fa4e7;line-height:52px;background:#5fa4e7;color:#fff;text-align:center;font-size:18px;font-weight:bold;}
.__btn2.type2 {background:#104e8b;border-color:#104e8b;}

.__tab {margin-bottom:30px;font-size:0;}
.__tab a {display:inline-block;font-size:17px;font-weight:500;color:#333;padding-bottom:7px;border-bottom:1px solid transparent;}
.__tab a ~ a {margin-left:30px;}
.__tab a:hover {color:#c39939;}
.__tab .active {border-bottom-color:#c39939;color:#c39939;}

._tabBox {display:none;}
._tabBox.active {display:block;}

@media all and (max-width:1000px){
	.__tab {margin-bottom:15px;font-size:0;}
	.__tab a {font-size:16px;padding-bottom:5px;}
	.__tab a ~ a {margin-left:20px;}
	
	.__btn2 {width:160px;height:46px;line-height:44px;font-size:16px;}

}

.__jeasHead {background:#f3f7fb;padding:20px 30px;}
.__jeasHead:after {content:'';display:block;clear:both;}
.__jeasHead .img {float:left;width:162px;box-sizing:border-box;}
.__jeasHead .info {float:left;width:calc(100% - 162px);box-sizing:border-box;padding-left:40px;}
.__jeasHead .info .subject {font-size:26px;font-weight:bold;color:#333;}
.__jeasHead .info .sum {font-size:15px;line-height:1.6em;margin-top:16px;}
.__jeasHead .info .sum a {font-weight:bold;text-decoration:underline;color:#333;}

.__jeasTbl {width:100%;table-layout:fixed;border-top:1px solid #333;}
.__jeasTbl tr > * {box-sizing:border-box;}
.__jeasTbl tr th {font-size:18px;text-align:left;padding:25px;width:170px;color:#333;}
.__jeasTbl tr td {border-bottom:1px solid #333;font-weight:bold;color:#888;font-size:15px;padding:25px 15px;}
.__jeasTbl tr td span {display:inline-block;width:180px;color:#333;}

@media all and (max-width:1000px){
	.__jeasHead {background:#f3f7fb;padding:20px 30px;}
	.__jeasHead:after {content:'';display:block;clear:both;}
	.__jeasHead .img {float:left;width:162px;box-sizing:border-box;}
	.__jeasHead .info {float:left;width:calc(100% - 162px);box-sizing:border-box;padding-left:40px;}
	.__jeasHead .info .subject {font-size:26px;font-weight:bold;color:#333;}
	.__jeasHead .info .sum {font-size:14px;line-height:1.6em;margin-top:16px;}
	.__jeasHead .info .sum a {font-weight:bold;text-decoration:underline;color:#333;}

	.__jeasTbl {width:100%;table-layout:fixed;border-top:1px solid #333;}
	.__jeasTbl tr > * {box-sizing:border-box;}
	.__jeasTbl tr th {font-size:18px;text-align:left;padding:25px;width:170px;color:#333;}
	.__jeasTbl tr td {border-bottom:1px solid #333;font-weight:bold;color:#888;font-size:15px;padding:25px 15px;}
	.__jeasTbl tr td span {display:inline-block;width:180px;color:#333;}
}

@media all and (max-width:1000px){
	.__jeasHead {padding:10px;}
	.__jeasHead .img {width:80px;}
	.__jeasHead .info {width:calc(100% - 80px);padding-left:15px;}
	.__jeasHead .info .subject {font-size:18px;}
	.__jeasHead .info .sum {font-size:14px;line-height:1.5em;margin-top:10px;}

	.__jeasTbl tr th {font-size:16px;padding:10px 5px;width:80px;}
	.__jeasTbl tr td {font-size:15px;padding:10px 5px;}
	.__jeasTbl tr td span {display:block;width:auto;margin-bottom:5px;}
}

.__issueHead {background:#f3f7fb;padding:20px 30px;}
.__issueHead .head {position:relative;margin-bottom:25px;}
.__issueHead .head:after {content:'';display:block;clear:both;}
.__issueHead .head h3 {font-size:0;float:left;}
.__issueHead .head h3 strong {font-size:26px;color:#333;}
.__issueHead .head h3 span {font-size:20px;color:#7f9fbf;display:inline-block;position:relative;margin-left:15px;padding-left:16px;}
.__issueHead .head h3 span:before {content:"";display:block;width:1px;height:16px;background:#aaa;position:absolute;left:0;top:50%;margin-top:-8px;}
.__issueHead .head .sel {float:right;}
.__issueHead .head .sel select {display:inline-block;height:35px;font-size:14px;}
.__issueHead .head .sel select ~ select {margin-left:5px;}
.__issueHead .con:after {content:'';display:block;clear:both;}
.__issueHead .con .img {float:left;width:160px;box-sizing:border-box;}
.__issueHead .con .info {float:left;width:calc(100% - 160px);box-sizing:border-box;padding-left:40px;font-size:14px;line-height:1.6em;}

.__issueList {border-top:1px solid #333;}
.__issueList .box {display:block;border-bottom:1px solid #ddd;padding:20px 0;}
.__issueList .box .subject {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:bold;color:#333;line-height:1.4em;height:1.4em;}
.__issueList .box .desc {margin-top:10px;font-size:0;}
.__issueList .box .desc li {font-size:14px;color:#888;vertical-align:top;box-sizing:border-box;position:relative;display:inline-block;}
.__issueList .box .desc li ~ li {margin-left:13px;padding-left:14px;}
.__issueList .box .desc li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}

@media all and (max-width:1000px){
	.__issueHead {padding:10px;}
	.__issueHead .head {margin-bottom:15px;}
	.__issueHead .head h3 {float:none;}
	.__issueHead .head h3 strong {font-size:18px;}
	.__issueHead .head h3 span {font-size:16px;margin-left:10px;padding-left:11px;}
	.__issueHead .head .sel {float:none;margin-top:5px;}
	.__issueHead .head .sel select {height:30px;}
	.__issueHead .con .img {width:80px;}
	.__issueHead .con .info {width:calc(100% - 80px);padding-left:15px;}

	.__issueList .box {padding:15px 0;}
	.__issueList .box .desc {margin-top:7px;}
	.__issueList .box .desc li {font-size:13px;}
	.__issueList .box .desc li ~ li {margin-left:8px;padding-left:9px;}
}


.__jeasGigo {border:5px solid #f0f0f0;padding:25px;}
.__jeasGigo .__dtbl {table-layout:fixed;}
.__jeasGigo .__dtbl .td {vertical-align:middle;}
.__jeasGigo .__dtbl .img {width:200px;text-align:center;}
.__jeasGigo .__dtbl .info {padding:20px 40px;font-size:14px;line-height:1.6em;border-left:1px solid #ddd;}

@media all and (max-width:1000px){
	.__jeasGigo {padding:10px;}
	.__jeasGigo .__dtbl .img {display:none;}
	.__jeasGigo .__dtbl .info {padding:0;border-left:none;}
}

.__roll {max-width:900px;margin:30px auto 0;position:relative;font-size:0;}
.__roll .slick-dots {font-size:0;position:absolute;width:100%;left:0;z-index:100;bottom:20px;text-align:center;}
.__roll .slick-dots li {display:inline-block;vertical-align:top;margin:0 5px;}
.__roll .slick-dots li button {box-sizing:border-box;width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,0.8);border:none;text-indent:-9999px;}
.__roll .slick-dots .slick-active button {background:#000;}
.__roll .slick-arrow {
	position:absolute;
	top:50%;
	margin-top:-18px;
	width:36px;
	height:36px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:0;
	border:none;
	background:none;
	text-indent:-9999px;
	overflow:visible;
	line-height:0;
	transition:0.3s;
	z-index:100;
}
.__roll .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;text-indent:0;line-height:36px;text-align:center;font-size:36px;}
.__roll .slick-arrow.slick-prev {left:20px;}
.__roll .slick-arrow.slick-next {right:20px;}
.__roll .slick-arrow.slick-prev:after {content:"\f1b0";}
.__roll .slick-arrow.slick-next:after {content:"\f1b1";}

@media all and (max-width:1000px){
	.__roll .slick-dots {bottom:15px;}
	.__roll .slick-arrow:after {font-size:24px;}
	.__roll .slick-arrow.slick-prev {left:10px;}
	.__roll .slick-arrow.slick-next {right:10px;}
}

.__study {font-size:16px;line-height:1.6em;background:#f3f7fb;padding:30px;}
.__study .box ~ .box {margin-top:30px;}
.__study .box h3 {font-size:18px;font-weight:bold;color:#006dbd;margin-bottom:10px;}
.__study .box  strong {color:#333;font-weight:500;}
.__study .box .study_title {font-size:19px; color:#0066ff !important;}
.__study .box .teacher:after {content:'';display:block;clear:both;}
.__study .box .teacher > div {float:left;box-sizing:border-box;}
.__study .box .teacher .img {width:125px;}
.__study .box .teacher .info {width:calc(100% - 125px);padding-left:20px;}
.__study .box .lecture .tbl {margin-top:10px;width:100%;}
.__study .box .lecture .tbl td {border:1px solid #ddd;background:#fff;padding:0 10px; height:44px;}
.__study .box .lecture .tbl td:first-child {width:100px;background:#f9f9f9;text-align:center;}
.__study .box .lecture ~ .lecture {margin-top:30px;}
.__study .box .btn {font-size:18px;display:inline-block;font-weight:bold;border-bottom:1px solid #006dbd;color:#006dbd;}

@media all and (max-width:1000px){
	.__study {font-size:15px;padding:10px;}
	.__study .box .teacher .img {width:70px;}
	.__study .box .teacher .info {width:calc(100% - 70px);padding-left:15px;}
	.__study .box .lecture .tbl td {padding:5px;}
	.__study .box .lecture .tbl td:first-child {width:80px;}
}

.__letterHead {border:1px solid #ddd;background:#fafafa;padding:20px 10px;text-align:center;font-size:0;margin-bottom:20px;}
.__letterHead > div {display:inline-block;vertical-align:middle;}
.__letterHead .info {text-align:left;font-size:15px;line-height:1.6em;color:#555;margin:0 45px 0 25px;}
.__letterHead .btn a {display:inline-block;width:190px;height:40px;line-height:40px;color:#fff;background:#17a7b4;font-size:16px;font-weight:500;}
.__letterHead .btn a:after {content:"\f105";font-family:axicon;display:inline-block;margin-left:10px;}

@media all and (max-width:1000px){
	.__letterHead {padding:15px;text-align:center;}
	.__letterHead > div {display:block;}
	.__letterHead .img {display:none;}
	.__letterHead .info {text-align:left;font-size:15px;line-height:1.6em;color:#555;margin:0 0 15px;}
}

.__tblWrite {border-top:1px solid #333;table-layout:fixed;width:100%;}
.__tblWrite tr > * {box-sizing:border-box;padding:15px;font-size:16px;border-bottom:1px solid #ddd;}
.__tblWrite tr th {background:#f3f3f3;width:150px;color:#333;font-weight:normal;border-right:1px solid #ddd;}
.__tblWrite .input01 {max-width:100%;height:40px;border:1px solid #ddd;font-size:14px;width:100%;}
.__tblWrite tr td label {display:inline-block;margin-right:20px;}
.__tblWrite tr td label span {vertical-align:top;padding-left:5px;}
.__tblWrite tr td textarea {height:150px;line-height:1.5em;box-sizing:border-box;border:1px solid #ddd;padding:10px;width:100%;color:#888;}
.__tblWrite tr td .agree {margin-top:10px;}

@media all and (max-width:1000px){
	.__tblWrite tr > * {padding:10px;font-size:15px;}
	.__tblWrite tr th {width:80px;}
}

.__recruitHead {margin-bottom:20px;border:1px solid #ddd;box-sizing:border-box;display:table;}
.__recruitHead > div {display:table-cell;vertical-align:middle;vertical-align:middle;}
.__recruitHead .img {width:340px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__recruitHead .info {padding:20px;}
.__recruitHead .info h3 {font-size:24px;color:#333;margin-bottom:15px;}
.__recruitHead .info .area dl {position:relative;padding-left:15px;}
.__recruitHead .info .area dl ~ dl {margin-top:15px;}
.__recruitHead .info .area dl:before {content:"";display:block;position:absolute;left:0;top:5px;width:7px;height:8px;background:url(../images/ico-recruit.gif) no-repeat;background-size:contain;}
.__recruitHead .info .area dl dt {font-size:17px;font-weight:500;color:#c39939;}
.__recruitHead .info .area dl dd {font-size:14px;line-height:1.5em;margin-top:7px;}

@media all and (max-width:1000px){
	.__recruitHead .img {display:none;}
	.__recruitHead .info {padding:15px;}
	.__recruitHead .info h3 {font-size:18px;}
	.__recruitHead .info .area dl {padding-left:10px;}
	.__recruitHead .info .area dl:before {top:7px;width:4px;height:5px;}
	.__recruitHead .info .area dl dt {font-size:16px;}
	.__recruitHead .info .area dl dd {font-size:14px;margin-top:7px;}
}

.__network {max-width:1065px;margin:0 auto;}
.__network .area {margin:0 -10px;font-size:0;}
.__network .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 10px;margin-bottom:20px;width:20%;}
.__network .box a {display:block;box-sizing:border-box;position:relative;border:1px solid #ddd;}
.__network .box a img {display:block;width:100%;}
.__network .box a:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(46,69,159,0.95);display:none;}
.__network .box a:after {content:"\e005";position:absolute;left:0;top:50%;text-align:center;width:100%;color:#fff;font-size:20px;line-height:1em;margin-top:-0.5em;font-family:axicon;display:none;}
.__network .box a:hover:before,
.__network .box a:hover:after {display:block;}

@media all and (max-width:1000px){
	.__network .area {margin:0 -5px;}
	.__network .box {padding:0 5px;margin-bottom:10px;width:33.33333%;}
	.__network .box a:after {font-size:18px;}
}

.__privacy {border:1px solid #ddd;font-size:16px;line-height:1.6em;padding:30px;}
.__privacy .txt01 {margin-bottom:7px;margin-top:20px;font-weight:500;color:#333;}
.__privacy .txt02 {font-size:15px;}

@media all and (max-width:1000px){
	.__privacy {padding:15px;}
}


.__searchAll {font-size:0;background:#f0f0f0;padding:20px 10px;text-align:center;}
.__searchAll input[type=text],
.__searchAll button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;font-size:14px;}
.__searchAll input[type=text] {border:1px solid #222;background:#fff;padding-left:10px;width:420px;}
.__searchAll button {width:50px;background:#222;border:0;color:#fff;font-size:22px;}


@media all and (max-width:1000px){
	.__searchAll {padding:10px;}
	.__searchAll input[type=text] {width:calc(100% - 50px);}
	.__searchAll button {width:50px;}
}


.__counting {margin-top:35px;font-size:16px;}
.__counting strong {font-size:24px;color:#e36955;}
.__counting span {font-weight:bold;font-size:24px;color:#00a0e9;}

.__titArea {display:table;width:100%;margin-bottom:10px;margin-top:50px;}
.__titArea > * {display:table-cell;vertical-align:middle;}
.__titArea .tit {font-size:0;}
.__titArea .tit > * {display:inline-block;vertical-align:middle;}
.__titArea .tit strong {font-size:24px;color:#222;}
.__titArea .tit span {font-size:20px;font-weight:bold;color:#00a0e9;margin-left:12px;padding-left:13px;position:relative;}
.__titArea .tit span:before {content:"";display:block;width:1px;height:16px;position:absolute;left:0;top:50%;margin-top:-8px;background:#888;}
.__titArea .more {text-align:right;}
.__titArea .more a {display:inline-block;box-sizing:border-box;width:80px;height:30px;line-height:30px;text-align:center;color:#fff;background:#888;font-size:14px;}
.__titArea .more a > * {display:inline-block;vertical-align:middle;}
.__titArea .more a i {margin-left:10px;}

@media all and (max-width:1000px){
	.__counting {margin-top:15px;font-size:14px;}
	.__counting strong {font-size:18px;}
	.__counting span {font-size:18px;}

	.__titArea {margin-bottom:5px;margin-top:30px;}
	.__titArea .tit strong {font-size:18px;}
	.__titArea .tit span {font-size:16px;margin-left:7px;padding-left:8px;}
	.__titArea .more a {width:60px;height:22px;line-height:22px;font-size:13px;}
	.__titArea .more a i {margin-left:7px;}
}

.__detailSch {background:#edf1f4;padding:15px 20px;margin:20px 0 30px;}
.__detailSch h3 {font-size:15px;font-weight:500;color:#333;margin-bottom:15px;}
.__detailSch .wrap {margin:0 -10px;}
.__detailSch ul {display:table;width:100%;table-layout:fixed;}
.__detailSch ul li {display:table-cell;padding:0 10px;font-size:0;white-space:nowrap;box-sizing:border-box;font-size:14px;}
.__detailSch ul li * {display:inline-block;vertical-align:middle;}
.__detailSch strong {width:4.2em;display:inline-block;font-weight:normal;}
.__detailSch select,
.__detailSch input[type=text] {height:40px;padding-left:5px;border:1px solid #ddd;background:#fff;display:inline-block;width:100%;max-width:100%;box-sizing:border-box;}
.__detailSch input._date {background-image:url(../images/ico-cal.png);background-position:100% 50%;background-repeat:no-repeat;}
.__detailSch .area {width:165px;}
.__detailSch .during {width:160px;}
.__detailSch .date {width:260px;}
.__detailSch .date input {width:calc(50% - 7px);}
.__detailSch .date span {width:14px;text-align:center;font-size:10px;}
.__detailSch .result strong {width:5.2em;}
.__detailSch .btn {width:90px}
.__detailSch .btn button {width:100%;height:40px;background:#555;border:none;color:#fff;font-size:15px;}

@media all and (max-width:1000px){
	.__detailSch {padding:15px;}
	.__detailSch .wrap {margin:0;}
	.__detailSch ul {display:block;}
	.__detailSch ul li {Display:block;padding:0;width:100% !important;}
	.__detailSch ul li ~ li {margin-top:10px;}
	.__detailSch .date span {width:11px;}
}

.__greeting:after {content:'';display:block;clear:both;}
.__greeting > div {box-sizing:border-box;float:left;}
.__greeting .head {width:100%;margin-bottom:50px;}
.__greeting .img {width:210px;}
.__greeting .info {width:calc(100% - 210px);padding-left:60px;}
.__greeting .info .txt {font-size:15px;line-height:1.6em;}
.__greeting .info .rig {text-align:right;margin-top:40px;}
.__greeting .info .rig .sum {font-size:20px;color:#222;font-weight:500;}
.__greeting .info .rig .name {font-size:18px;margin-top:7px;}
.__greeting .info .rig .date {font-size:14px;color:#888;margin-top:10px;}

@media all and (max-width:1000px){
	.__greeting .head {float:none;margin-bottom:30px;}
	.__greeting .img {float:none;text-align:center;width:auto;}
	.__greeting .img img {width:110px;}
	.__greeting .info {width:auto;padding:0;margin-top:20px;}
}

.__pdfList {border-bottom:1px solid #ddd;}
.__pdfList .area {margin:0 -10px;font-size:0;}
.__pdfList .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 10px;margin-bottom:40px;}
.__pdfList .box a,
.__pdfList .box a span {display:block;}
.__pdfList .box a .img {padding-top:112.2807%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__pdfList .box a .txt {text-align:center;margin-top:7px;font-size:17px;line-height:1.4em;}
.__map area:focus{border:none;outline:none;outline-style:none;-moz-outline-style:none;}
.__map img,
.__map img a {outline:none !important;border:none !important;}


@media all and (max-width:1000px){
	.__pdfList .area {margin:0 -5px;}
	.__pdfList .box {width:50%;padding:0 5px;margin-bottom:20px;}
	.__pdfList .box a .txt {margin-top:5px;font-size:15px;}
}

.__movList {border-bottom:1px solid #ddd;}
.__movList .area {margin:0 -15px;font-size:0;}
.__movList .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.33333%;padding:0 15px;margin-bottom:40px;}
.__movList .box .txt {display:block;margin-top:7px;font-size:17px;line-height:1.4em;}

@media all and (max-width:1000px){
	.__movList .area {margin:0 -5px;}
	.__movList .box {width:50%;padding:0 5px;margin-bottom:20px;}
	.__movList .box .txt {margin-top:5px;font-size:15px;}
}

.__history {position:relative;max-width:1000px;margin:0 auto;padding-left:33px;}
.__history:before {content:"";display:block;position:absolute;left:3px;top:0;height:100%;background:#ddd;width:2px;}
.__history .box {padding-left:95px;position:relative;}
.__history .box:before {content:"";display:block;position:absolute;left:-35px;top:9px;width:8px;height:8px;border-radius:50%;border-radius:50%;border:2px solid #fff;background:#1a3759;}
.__history .box ~ .box {margin-top:40px;}
.__history .box h4 {position:absolute;left:0;top:0;font-size:26px;font-weight:600;color:#b89e69;}
.__history .box ul {list-style:none;}
.__history .box ul li {position:relative;padding-left:0.8em;font-size:16px;line-height:1.6em;color:#555; list-style:none;}
.__history .box ul li ~ li {margin-top:5px;}
.__history .box ul li:before {content:"-";position:absolute;left:0;top:0;}

@media all and (max-width:1000px){
	.__history .box {padding-left:0;}
	.__history .box ~ .box {margin-top:30px;}
	.__history .box h4 {position:relative;font-size:20px;margin-bottom:10px;}
	.__history .box ul li {font-size:15px;line-height:1.5em;}
}

.people_table {width:100%;table-layout:fixed;border-top:1px solid #222;border-collapse:separate;}
.people_table tr {cursor:pointer;}
.people_table tr > * {box-sizing:border-box;border-bottom:1px solid #ddd;padding:12px 15px;text-align:center;font-size:15px;border-right:1px solid #ddd;line-height:1.5em;}
.people_table tr > *:last-child {border-right:none;}
.people_table thead tr th {background:#f9f9f9;color:#222;font-weight:500;}
.people_table tbody tr th {font-weight:normal;}
.people_table tbody tr td span {color:#194374;}
.people_table tbody tr td.subject {text-align:left;}
.people_table tbody tr td.subject a {display:inline-block;max-width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.people_table tbody tr td .__down {width:24px;text-align:center;font-size:16px;padding:0;}
.people_table tbody tr:hover > * {background:#f1fbfe;}
.people_table tbody tr:hover > td span {text-decoration:underline;}
.__spon .people_table {table-layout:auto;}
.__spon .people_table tbody tr {cursor:default;}
.__spon .people_table tbody tr td {text-align:left;}
.__spon .people_table tbody tr:hover > * {background:none;}

@media all and (max-width:1000px){
	.people_table tr > * {padding:5px;font-size:14px;}
}

.__people:after {content:"";display:block;clear:both;}

.people_view01 {float:left;width:280px;padding-right:20px;box-sizing:border-box;}
.people_view01 .txt01 {font-size:18px;font-weight:600;color:#333;margin-top:25px;margin-bottom:15px;}
.people_view01 .non_img {border:1px solid #ddd;}
.people_view01 table {width:260px;}
.people_view01 table tr {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.people_view01 table th {font-size:14px;font-weight:600;color:#333;padding-left:20px;text-align:left;line-height:33px;background:#f6f6f6;}
.people_view01 table td {font-size:14px;color:#666;padding-left:10px;text-align:left;}

.people_view02 {float:left;width:calc(100% - 280px);box-sizing:border-box;border-left:1px solid #ddd;padding-left:30px;}
.people_view02 li {list-style:none;}
.people_view02 li ~ li {margin-top:30px;}
.people_view02 .txt01 {background:url(../images/intro_box01.png) no-repeat 0 0;font-size:22px;font-weight:600;color:#333;padding-left:13px;padding-top:10px;margin-left:30px;margin-top:18px;margin-bottom:10px;}
.people_view02 .txt01_01 {background:url(../images/intro_box02.png) no-repeat 0 0;font-size:22px;font-weight:600;color:#333;padding-left:13px;padding-top:10px;margin-left:30px;margin-top:18px;margin-bottom:10px;}
.people_view02 .txt02 {font-size:16px;color:#666;line-height:1.4em;border-bottom:1px dashed #ddd;margin-left:43px;padding:10px 0;}
.people_view02 .txt03 {font-size:16px;color:#666;line-height:.4em;margin-left:43px;margin-bottom:50px;padding:10px 0;}

@media all and (max-width:1000px){
	.people_view01 {float:none;width:auto;padding-right:0;}

	.people_view01 .txt01 {font-size:16px;margin-top:25px;margin-bottom:15px;}
	.people_view01 .non_img {border:1px solid #ddd;}
	.people_view01 table {width:100%;}
	.people_view02 {float:none;width:auto;border-left:none;padding-left:0;margin-top:30px;}
	.people_view02 .txt01 {margin-left:0;font-size:16px;background-size:20px 20px;}
	.people_view02 .txt01_01 {margin-left:0;font-size:16px;background-size:20px 20px;}
	.people_view02 .txt02 {margin-left:12px;font-size:14px;}
	.people_view02 .txt03 {margin-left:12px;font-size:14px;}
}

.__loc iframe {display:block;width:100%;height:400px;}
.__loc table {width:100%;table-layout:auto;}
.__loc table tr {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.__loc table tr th {background:#f4f4f4;font-size:14px;font-weight:600;color:#333;line-height:1.6em;padding:10px 15px;}
.__loc table tr td {color:#666;font-size:14px;padding:10px 15px;line-height:1.6em;}
.__loc table tr td .c01 {display:inline-block;background:#008837;color:#fff;width:20px;height:20px;border-radius:50px;text-align:center;font-weight:600;line-height:20px;}
.__loc table tr td .c02 {display:inline-block;background:#ff4d00;color:#fff;width:20px;height:20px;border-radius:50px;text-align:center;font-weight:600;line-height:20px;}
.__loc table tr td em {font-style:normal;margin-left:10px;padding-left:10px;border-left:1px solid #ddd;}

@media all and (max-width:1000px){
	.__loc iframe {height:250px;}
	.__loc table tr th {padding:5px;}
	.__loc table tr td {padding:5px;}
}

.spon_apply {border:1px solid #ddd;background:#fafafa;position:relative;padding:20px;font-size:0;text-align:center;}
.spon_apply:before {content:"";display:inline-block;vertical-align:middle;width:164px;height:94px;background:url(../images/donation01.png) no-repeat 16% 50%;}
.spon_apply > * {display:inline-block;vertical-align:middle;}
.spon_apply p {text-align:left;font-size:14px;color:#555;font-size:15px;line-height:1.6em;margin:0 70px 0 25px;}
.spon_apply a {display:inline-block;width:170px;line-height:40px;height:40px;font-size:16px;font-weight:500;color:#fff;background:#17a7b4;text-align:center;text-align:center;}
.spon_apply a ~ a {background:#266fa4;margin-left:10px;}
.spon_apply a i {margin-left:12px;}

.spon_tit01 {font-size:24px;font-weight:bold;color:#333;margin-bottom:15px;}
.spon_tit01 span {font-size:14px;color:#666;margin-left:20px;padding-left:20px;border-left:1px solid #ddd;font-weight:normal;}
.spon_tit02 {font-size:18px;font-weight:500;color:#006dbd;margin-bottom:15px;}

.spon_con01 {border:5px solid #f0f0f0;padding:30px 0;background:url(../images/donation02.png) no-repeat 4% 50%;}
.spon_con01 p {font-size:14px;color:#666;margin-left:210px;line-height:23px;}

.spon_con02 {border:5px solid #f0f0f0;padding:30px 0;background:url(../images/donation03.png) no-repeat 4% 50%;}
.spon_con02 p {font-size:14px;color:#666;margin-left:210px;line-height:23px;}

.spon_con03 {border:5px solid #f0f0f0;padding:30px 0;background:url(../images/donation04.png) no-repeat 2% 50%;}
.spon_con03 ul li {font-size:14px;color:#666;margin-left:320px;line-height:23px;}
.spon_con03 ul li em {font-style:normal;color:#333;font-size:16px;font-weight:600;}
.spon_con03 ul li:first-child {border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}

@media all and (max-width:1000px){
	.spon_apply {padding:15px;}
	.spon_apply:before {display:none;}
	.spon_apply p {margin:0;}
	.spon_apply .btn {display:block;margin-top:15px;}
	.spon_apply a {width:120px;}
	.spon_apply a i {margin-left:7px;}

	.spon_tit01 {font-size:18px;margin-bottom:10px;}
	.spon_tit01 span {display:block;margin-left:0;padding-left:0;border-left:none;margin-top:7px;line-height:1.4em;}
	.spon_tit02 {font-size:16px;margin-bottom:10px;}

	.spon_con01 {padding:15px;background:none;}
	.spon_con01 p {font-size:14px;margin-left:0;}
	.spon_con01 br {display:none;}

	.spon_con02 {padding:15px;background:none;}
	.spon_con02 p {margin-left:0;}
	.spon_con02 br {display:none;}

	.spon_con03 {padding:15px;background:none;}
	.spon_con03 ul li {font-size:14px;margin-left:0;line-height:23px;}
}



.spon_view_con01 {border:1px solid #ddd;background:url(../images/spon_view01.png) no-repeat 0 0;padding:25px 0;margin-bottom:95px;}
.spon_view_con01 p {padding-left:437px;}
.spon_view_con01 .txt01 {font-size:22px;font-weight:600;color:#555;margin-bottom:23px;}
.spon_view_con01 .txt01 span {color:#104e8b;font-size:24px;vertical-align:baseline;}
.spon_view_con01 .txt02 {font-size:14px;color:#666;line-height:20px;}

.spon_view_con02 {margin-bottom:50px;}
.spon_view_con02 table {width:100%;border-top:2px solid #104e8b;}
.spon_view_con02 table tr {border-bottom:1px solid #ddd;}
.spon_view_con02 table tr th {font-size:14px;font-weight:600;color:#333;line-height:1.5em;padding:12px 15px;border-right:1px solid #ddd;background:#f7fbff;}
.spon_view_con02 table tr td {color:#666;font-size:14px;line-height:1.5em;text-align:left;padding:12px 15px;border-right:1px solid #ddd;}


.spon_view_con03 ul {margin:0 -20px;}
.spon_view_con03 ul:after {content:'';clear:both;height:0;display:block;visibility:hidden;}
.spon_view_con03 ul li {float:left;margin-top:20px;width:50%;box-sizing:border-box;padding-left:20px;padding-right:20px; list-style:none;}
.spon_view_con03 ul li .img {text-align:center;margin-bottom:50px;}
.spon_view_con03 ul li:last-child {border-left:1px solid #f0f0f0;}
.spon_view_con03 ul li:last-child table tr td {border-right:1px solid #ddd}
.spon_view_con03 table {width:100%;}
.spon_view_con03 table tr {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.spon_view_con03 table tr th {font-size:14px;font-weight:600;color:#333;padding:12px 15px;text-align:left;line-height:1.5em;border-right:1px solid #ddd;background:#f7fbff;}
.spon_view_con03 table tr td {color:#666;font-size:14px;padding:12px 15px;line-height:1.5em;}


.spon_view_con04 ul li {position:relative;box-sizing:border-box;padding-left:210px; list-style:none;}
.spon_view_con04 ul li .txt01 {font-size:16px;font-weight:600;color:#333;margin-bottom:10px;}
.spon_view_con04 ul li .txt02 {font-size:14px;color:#666;line-height:23px;}
.spon_view_con04 ul li:nth-child(1) {border:1px solid #ddd;padding:50px 0 50px 210px;background:url(../images/spon_view04.png) no-repeat 5% 50%;margin-bottom:50px;margin-top:45px;}
.spon_view_con04 ul li:nth-child(1) span {display:inline-block;width:180px;height:45px;line-height:45px;font-size:16px;font-weight:500;color:#fff;background:url(../images/spon_icon01.png) no-repeat 90% 50% #5fa3e7;position:absolute;right:110px;top:60px;text-align:center;cursor:pointer;box-sizing:border-box;}

.spon_view_con04 ul li:nth-child(2) {border:1px solid #ddd;padding:50px 0 50px 210px;background:url(../images/spon_view05.png) no-repeat 6% 50%;margin-bottom:50px;}
.spon_view_con04 ul li:nth-child(2) span {display:inline-block;width:180px;height:45px;line-height:45px;font-size:16px;font-weight:500;color:#fff;background:url(../images/spon_icon02.png) no-repeat 90% 50% #104e8b;position:absolute;right:110px;top:60px;padding-left:25px;cursor:pointer;box-sizing:border-box;}

.spon_view_con04 ul li:nth-child(3) {border:1px solid #ddd;padding:25px 0 25px 210px;background:url(../images/spon_view06.png) no-repeat 5% 50%;}

.spon_view_con04 ul li:nth-child(3) table {width:100%;margin-top:15px;}
.spon_view_con04 ul li:nth-child(3) table tr {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.spon_view_con04 ul li:nth-child(3) table tr th {font-size:14px;font-weight:600;color:#333;padding:12px 15px;text-align:left;line-height:1.5em;border-right:1px solid #ddd;background:#f7fbff;}
.spon_view_con04 ul li:nth-child(3) table tr td {color:#666;font-size:14px;padding:12px 15px;}

#lean_overlay {position:fixed;top:0px;left:0px;display:none;width:100%;height:100%;background:#000;z-index:9999;}
.popupModal {overflow:hidden;box-sizing:border-box;background:#fff;}
.popupModal .tit {line-height:80px;background:#104e8b;color:#fff;font-size:28px;text-align:center;font-weight:600;}
.popupModal .inner {width:770px;margin:0 auto;padding:30px;}
.popupModal table {width:100%;margin-bottom:30px;}
.popupModal table tr {border:1px solid #ddd;}
.popupModal table tr th {font-size:16px;font-weight:600;color:#333;text-align:left;padding-left:20px;background:#f0f0f0;}
.popupModal table tr td {font-size:13px;color:#666;padding:5px 10px;}
.popupModal table tr td input {width:356px;padding-left:10px;height:35px;border:1px solid #ddd;}
.popupModal table tr td span {color:#888;font-size:14px;margin-left:5px;}
.popupModal table tr td p {margin-top:5px;line-height:20px;}
.popupModal .txt01 {font-size:14px;color:#666;line-height:25px;}
.popupModal .btn {display:inline-block;width:161px;line-height:54px;height:54px;text-align:center;font-size:18px;color:#fff;background:#5fa4e7;margin-top:22px;display:table;margin-left:auto;margin-right:auto;font-weight:600;border:none;}
.popupModal .popup_close{position:absolute;top:0;right:30px;cursor:pointer}


@media all and (max-width:1000px){
	.spon_view_con01 {padding:15px;margin-bottom:40px;background:none;}
	.spon_view_con01 p {padding-left:0;}
	.spon_view_con01 .txt01 {font-size:18px;margin-bottom:15px;}
	.spon_view_con01 .txt01 span {font-size:20px;}
	.spon_view_con01 .txt02 {font-size:14px;}

	.spon_view_con02 {margin-bottom:30px;}
	.spon_view_con02 table tr th {padding:5px;}
	.spon_view_con02 table tr td {padding:5px;}

	.spon_view_con03 ul {margin:0;}
	.spon_view_con03 ul li {float:none;display:block;margin-top:20px;width:auto;padding:0;}
	.spon_view_con03 ul li .img {text-align:center;margin-bottom:10px;}
	.spon_view_con03 ul li .img img {width:80px;}
	.spon_view_con03 table {width:100%;}
	.spon_view_con03 table tr th {padding:5px;}
	.spon_view_con03 table tr td {padding:5px;}

	.spon_view_con04 ul li p {padding-left:0;}
	.spon_view_con04 ul li .txt01 {font-size:16px;margin-bottom:10px;}
	.spon_view_con04 ul li .txt02 {font-size:14px;line-height:1.5em;}
	.spon_view_con04 ul li:nth-child(1) {padding:15px;background:none;margin-bottom:30px;margin-top:30px;}
	.spon_view_con04 ul li:nth-child(1) span {display:block;width:120px;height:34px;line-height:34px;font-size:14px;position:static;padding-left:0;margin:15px auto 0;}

	.spon_view_con04 ul li:nth-child(2) {padding:15px;background:none;margin-bottom:30px;}
	.spon_view_con04 ul li:nth-child(2) span {display:block;width:120px;height:34px;line-height:34px;font-size:14px;position:static;padding-left:0;background:#104e8b;text-align:center;margin:15px auto 0;}

	.spon_view_con04 ul li:nth-child(3) {padding:15px;background:none;}

	.spon_view_con04 ul li:nth-child(3) table {margin-top:15px;}
	.spon_view_con04 ul li:nth-child(3) table tr th {font-size:14px;padding:5px;text-align:center;}
	.spon_view_con04 ul li:nth-child(3) table tr td {font-size:14px;padding:5px;}


	#lean_overlay {box-sizing:border-box;overflow:auto;}
	.popupModal {top:50% !important;margin-top:-281.5px !important;}
	.popupModal .tit {line-height:40px;font-size:18px;}
	.popupModal .inner {width:340px;padding:15px;box-sizing:border-box;}
	.popupModal table {margin-bottom:10px;}
	.popupModal table tr th {font-size:14px;padding:5px;}
	.popupModal table tr td {padding:5px;}
	.popupModal table tr td input {width:100%;height:30px;box-sizing:border-box;}
	.popupModal table tr td input.w50 {width:50%;}
	.popupModal table tr td span {color:#888;font-size:13px;margin-left:5px;}
	.popupModal table tr td p {margin-top:5px;line-height:1.3em;}
	.popupModal .txt01 {font-size:14px;color:#666;line-height:1.3em;}
	.popupModal .btn {width:120px;line-height:38px;height:38px;font-size:16px;margin-top:15px;}
	.popupModal .popup_close {position:absolute;top:0;right:30px;cursor:pointer;width:20px;}



}

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

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

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

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



/*211208*/

*,
*:before,
*:after {
    box-sizing: border-box;
}


.seven_tabs {
    position: relative;
    height: auto;
    width: 505px;
}




.seven_tabs:after,
.seven_tabs:before {
    content: "";
    display: table;
}

.seven_tabs:after {
    clear: both;
}

.seven_tabs h4 {
    cursor: pointer;
    border-top: none;
    padding: 22.6px 20px;
    background-color: #b3b3b3;
    margin-bottom: 5px;
    width: 100%;
}

@media screen and (max-width: 1300px){
	.seven_tabs{
		max-width: 470px;
	}
	
	.seven_tabs .active+ul{
		padding: 20px;
	}
}


@media screen and (max-width: 1200px){
	.seven_tabs{
		width: 100%;
		max-width: 100%;
	}
	
}

@media screen and (max-width: 600px){
	.seven_tabs ul{
		height: auto !important;
	}
}


@media screen and (min-width: 600px) {
    .seven_tabs h4 {
        position: relative;
        display: block;
    }
	
	
	
	
}

.seven_tabs ul {
    zoom: 1;
    position: relative;
    height: 520px;
    border-left: none;
    display: none;
}

.seven_tabs ul:after,
.seven_tabs ul:before {
    content: "";
    display: table;
}

.seven_tabs ul:after {
    clear: both;
}

.seven_tabs ul li:first-child {
   
	background: #d1ae51;
    width: 190px;
    text-align: center;
    padding: 2px;
    border-radius: 3px;
}

.seven_tabs ul li:last-child {
    color: #9ab7cf;
}

.seven_tabs ul li {
    list-style: none;
}
.seven_tabs ul li:nth-child(2){
	
	margin:10px 0;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	
	
}

@media all and (max-width: 1000px){
	.seven_tabs{
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 600px) {
    .seven_tabs ul {
        position: absolute;
        width: 63%;
        right: 0px;
        top: 0px;
        padding: 12px 17px;
    }
}

.seven_tabs .active {
    cursor: default;
    border-right: none;
    border-radius: 0 45px 45px 0;
    background-color: #d1ae51;
    color: #fff;

}

@media screen and (min-width: 600px) {
    .seven_tabs .active {
        background: rgba(0, 0, 0, 0);
        background-color: #405f7d;
        color: #fff;
    }
}

.seven_tabs .active+ul {
    display: block;
    background-color: #405f7d;
    color: #fff;
	z-index: 2;
	margin-bottom:5px;
}

.part {
    padding-bottom: 15px;
    padding-top: 5px;
}

.part:last-child {
    padding-bottom: 0px;
}
.news .list{height:521px;
}

@media screen and (max-width: 600px) {
    .part {
       width:90%;
       padding-left:9px;
    }
}

@media screen and (max-width: 600px) {
    .seven_tabs {
       width:100%;
    }
}


@media all and (max-width:600px){
#display .news .list{height:477px;}	
}
.list_tab{background-color:red;width:200px;height:40px;}
.list_tab h4{height:40px;color:#fff;text-align:center;padding-top:12px;}
.list_tab h4:first-child{background-color:#2e459f;width:100px;float:left;color:#fff;}
.list_tab h4{background-color:#e4e4e4;color:#333;cursor: pointer;}

ul{list-style:none;}

.tabmenu{ 
  max-width:600px; 
  margin: 0 auto; 
  position:relative; 
}
.tabmenu ul li{
  display:  inline-block;
  width:33.33%; 
  float:left;  
  text-align:center; 
  background :#dcdcdc;  
}
.tabmenu label{
  display:block;
  width:100%; 
  height:40px;
  line-height:40px;
}
.tabmenu input{display:none;}
.tabCon{
  display:none; 
  text-align:left; 
  padding: 20px;
  position:absolute; 
  left:0; top:40px;
  border: 1px solid #333;
  height:481px;
}
.tabmenu input:checked ~ label{
  background:#2e459f;
  color:#fff;
}
.tabmenu input:checked ~ .tabCon{
  display:block;
} 

@media screen and (max-width: 1000px){
	.tabmenu{
		width: 100%;
		max-width: 100%;
		height: 460px !important;
	}
	
	.tabmenu ul li{
		width: 50%;
	}
	
	.tabCon{
		height: auto;
	}
		
}


/*211209*/



/* view  hj*/

#main_banner_hj{position:relative; width: 100%; height: auto; overflow: hidden; font-family: 'Lato';}

/* report */
 .quick_bar{position:fixed;top: 300px; left: 0;z-index:9}
 .quick_bar div{width: 55px;height: 55px; background-color: #a69f8f;margin-bottom: 2px;}
 .quick_bar .quick_bg{background-color: #cbc6c2;}
 .quick_bar div i{color: white; margin: 19px 15px;font-size:25px;}
 .quick_bar div:hover{background-color:#21406c;}
 #main_banner{width: 100%;height: auto; overflow: hidden;}

 .banner_img_hj{width: 100%; height: 400px; float: left;}
 .banner_img_hj img{width: 100%;}
 .banner_txt_hj{width: 100%; height: 100%; padding-bottom: 20px; float: left; background-color:rgba(13,52,96,0.7); color: white; font-size: 21px; font-family: 'Lato';}
 .banner_txt_wrap_hj{width: 1200px; margin: 20px auto;}
 .banner_txt_hj .title{line-height: 32px;}
 .banner_txt_hj .title h1{font-size:44px;line-height: 60px; font-family: 'Lato';}
 .banner_txt_hj .title p{margin: 0;}
.m_hj{margin: 0;}
.m_hj2{margin: 0; padding-top: 10px; color: #cce4ff;}
 .banner_txt_hj .banner_mid{width: 100%;float: left;margin: 15px 0;}
 .banner_txt_hj .banner_mid .mid_picture{width: 80px;height: 80px;border-radius: 80px;border:2px solid white;background-color: #bfd4f1;float: left;margin: 10px 15px 40px 0;}
 .banner_mid .mid_txt{color:#fff;font-size: 19px;letter-spacing: -0.5px;line-height: 30px;width: 91%;float:right;padding-top: 15px;}
 .banner_mid .mid_txt strong{font-size: 34px;line-height: 40px;}
 .banner_txt_hj .banner_bot{color:#6580c0;font-weight: 300;float: left;font-size: 16px;width: 100%;}
 .banner_txt_hj .banner_bot p{color:#bfd4f1;float: left;line-height:23px;padding-left: 120px;}
 .banner_txt_hj .banner_bot .download{background-color: #b89e69;color:#fff; width: 150px;height: 50px;float:right; text-align: center;line-height: 50px;font-weight: 700;font-size: 20px; position: relative; overflow: hidden; text-transform: uppercase; transition: all .35s; z-index: 999; display: block; opacity: 1;}


 .banner_txt_hj .banner_bot .download:before,
 .banner_txt_hj .banner_bot .download:after{position: absolute; content: ""; width: 100%; height: 100%; top: -100%; left: 0; background: #f3b432; z-index: -1; transition: all .35s;}

 .banner_txt_hj .banner_bot .download{transition-delay: .2s;}
 .banner_txt_hj .banner_bot .download:hover{color: #000;}
 .banner_txt_hj .banner_bot .download:hover:before,
 .banner_txt_hj .banner_bot .download:hover:after{top: 0; box-sizing: border-box;}





 .wrap{width: 1600px; margin: 0 auto;}
 #main_list{width: 100%; margin: 50px 0;height: auto;}
 #main_list .editor_note{border: 3px solid #b89e69;margin-bottom: 20px;line-height: 25px; font-family: 'Lato';}
 #main_list .editor_note h3{color:#b89e69;font-size: 20px;margin:10px 0 10px 10px;font-size: 25px; letter-spacing: 1px;}
 #main_list .editor_note p{margin: 0 20px 10px 10px;font-size: 17px;line-height: 35px;}
 #main_list .list{width: 65%;float: left;font-size: 17px;line-height: 25px; font-family: 'Lato';}
 #main_list .list_btn{width:100%;height:50px;font-size:20px;color:white;text-align:center;margin:30px auto 0;line-height: 50px;float: left; font-family: 'Lato'; letter-spacing: 1px;}
 #main_list .list_btn p{width:130px;background: #30598f;margin:0 auto;}

 #main_list .list p{width:96%; margin:0 auto;}
 #main_list .key_wrap{width: 33%;height:auto;border: 3px solid #b89e69;float: right;overflow: hidden;}
 #main_list .key_wrap div{width: 90%;margin: 20px auto;font-size: 17px; font-family: 'Lato';}
 #main_list .key_wrap div h3{font-size: 22px;margin-bottom: 15px; margin-top: 0;}
 #main_list .key_wrap .articles p{margin-bottom: 10px;line-height: 25px;color:#30598f;}
 #main_list .key_wrap .keywords p{float: left; background-color: #b89e69; margin: 0 20px 15px 0; color: #000; font-family: 'Lato';}
 #main_list .key_wrap .keywords p:hover{background-color: #f3b432; color:white;}

 #main_news{width: 33%;height: auto; float: right; margin: 50px 0;}
 #main_news h3{margin-bottom: 10px;font-size: 23px;}
 #main_news .pub_hj{width: 100%;float: left;font-size:17px;}

 #main_news .pub_hj{cursor: pointer;}

 #main_news .pub_hj img:hover {
    -webkit-filter: grayscale(0%);
    filter: none;
    transition-duration: 0.7s;
}

 #main_news .pub_hj img {
    width: 80%;
    display: block;
    margin: 0px auto;
    -webkit-filter: grayscale(100%);
    filter: gray;
}







 #main_news .pub_hj:nth-child(3){margin: 0;}
 #main_news .pub_hj img{width: 100%;}
 #main_news .pub_hj .news_title{margin: 10px 0; font-size: 20px;color:#30598f;line-height: 30px;}
 #main_news .pub_hj .news_title:hover{text-decoration:underline; color: #30598f; text-underline-position:under;}

 #footer {float:left;width:100%;}

.person2 {margin-top:-20px;height:100px;width:100%;float:left;}

.total_wrap{height: 100px;}


/* sub view media quary*/
@media screen and (max-width:1300px){
     .banner_txt_hj .title h1{font-size: 40px;}
    .m_hj2,
     .banner_txt_hj .title{margin-left: 6%;}
     .banner_txt_hj .banner_mid{padding-left: 6%; width: 94%; margin: 0;}
     .banner_txt_hj .banner_bot{width: 95%; margin-right: 5%;}
     .banner_txt_wrap_hj{width: 100%;}
     .wrap{width: 90%;}
}
@media screen and (max-width:1200px){
    
     .banner_mid .mid_txt{width: 70%; float: left;}
}
@media screen and (max-width:1000px){
    #main_banner_hj{margin-top: 0;}
     #main_list .editor_note p{line-height: 145%;}
}
@media screen and (max-width:975px){
     .banner_txt_hj .title h1{font-size: 35px; line-height: 135%;}
     #main_news .pub_hj .news_title {font-size: 15px; line-height: 135%;}
     #main_list{margin: 20px 0;}
     #main_news{width: 100%;}
     #main_news .pub_hj{width: calc(100% / 3 - 20px);}
     #main_news .pub_hj:nth-child(3){margin: 0 20px;}
    
}
@media screen and (max-width:974px){
     #main_list .key_wrap{width: 35%;}
     #main_list .list{width: 100%;}
     #main_list .key_wrap{width:100%;}

    .key_wrap{font-size: 0; margin-top: 10px;}
     .banner_mid .mid_txt br{display: none;}
    
    
}
@media screen and (max-width:800px){
     .wrap{width: 98%;}
     .banner_txt_hj .title h1{font-size: 32px;}
     .banner_img_hj{height: auto;}
     #main_news .pub_hj{width: 100%; text-align: center; margin: 0 !important;}
     #main_news .pub_hj img{height: auto !important;}
    
}
@media screen and (max-width:540px){
     .banner_txt_hj .title h1{font-size: 28px;} 
     .banner_mid .mid_txt stron{font-size: 30px;}
     .banner_mid .mid_txt{font-size: 17px;}
 
    
    
}
@media screen and (max-width:480px){
     .banner_txt_hj .title h1{font-size: 27px;}
     .banner_txt_hj .title h1 br{display: none;}
    .banner_txt_wrap_hj .m_hj2{font-size: 17px;}
    .banner_txt_wrap_hj .m_hj{line-height: 135%;}
     .banner_mid .mid_txt strong{font-size: 20px;}
    .m_hj2,  .banner_txt_hj .title{margin-left: 2%;}
     .banner_txt_hj .banner_mid{padding-left: 2%; width: 98%;}
     .banner_mid .mid_txt{font-size: 16px;}
}
@media screen and (max-width:430px){
     .banner_txt_hj .title h1{font-size: 24px;}
}
@media screen and (max-width:375px){
     #main_list .editor_note p{font-size: 15px;}
     #main_list .list p{line-height: 145%;}
     .banner_mid .mid_txt strong{font-size: 25px;}
    .banner_txt_wrap_hj .m_hj{font-size: 14px;}
}
@media screen and (max-width:360px){
     .wrap{width: 98%;}
     .banner_img_hj{height: auto;}
     .banner_txt_hj .banner_bot .download{margin-top: 10px;}
}
@media screen and (max-width:345px){
    .banner_txt_wrap_hj .m_hj{font-size: 12px;}
     .banner_mid .mid_txt strong{font-size: 20px;}
    .banner_txt_wrap_hj .m_hj2{padding-bottom: 10px;}
     .banner_txt_hj .banner_mid .mid_picture{margin: 0;}
     .banner_mid .mid_txt{padding: 0;}
}

.person1{overflow: hidden;}



.popup-profile, .popup-authors {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 27, 27, 0.6);
    display: none;
    z-index: 999;
}
.popup-authors.active {
    display: block;
}
.popup-authors active
.profile, .popup-authors.active .inner {
    width: 900px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -450px;
}
.popup-authors.active ul {
    font-size: 20px;
    font-family: 'Lato',serif;
    margin: 50px;
    overflow-y: ;
}
.popup-authors.active li {
    margin: 15px 20px 0;
    font-size: 17px;
    line-height: 20px;
}
.btn_profile_close, .btn_authors_close {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #00366a;
    border-radius: 10px;
    top: calc(25px);
    left: 95%;
    margin-left: -40px;
    background-image: url(../images/cancel-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}
.btn_profile_close input, .btn_authors_close input {
    display: none;
}

#vis .slick-dots .slick-active button{background: #289bff; border: 0;}
.hj_imgbox{background-size: cover !important; background-position: center center !important;}

.list_btn {
    width: 100%;
    height: 50px;
    font-size: 20px;
    color: white;
    text-align: center;
    margin: 30px auto 0;
    line-height: 50px;
    float: left;
    padding-bottom: 100px;
    
}
.list_btn p {
    width: 130px;
    background: #b89e69;
    margin: 0 auto;
    cursor: pointer;
}
.list_btn a{color: #fff;}


 #media {
    width: 100%;
    height: 650px;
    background-color: #e4bebd;
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

 #media iframe {
    width: 1200px;
    height: 600px;
    margin: 20px 0;
}

.jj_brand_list li{display: inline-block; margin-right: 10px; border: 1px solid #ddd; }
.jj_brand_list li a{display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.jj_brand_list .selectt{background: #b89e69; color: #fff;}
.ta_point{color:#e4bebd; font-size:25px !important; letter-spacing:0 !important;}

.youtube_wrap{background-color: #f1e2bc;text-align: center;width: 100%;margin-top: 20px;padding: 20px;}
.jj_view li{list-style: none;}