.artWrap {width: 1280px;margin: 0 auto;margin-top: 0px;padding: 0 80px 120px;}
.artTitle {position: relative;}

h1.contTitle{padding: 60px 0}
.artWrap .img .title{position: relative;width: 100%;height: auto;margin-top: 24px;font-weight: 450;line-height: 1.5;color: #333;background: none;}
.artWrap .img .title span{position: absolute;top: 0;right: 0;line-height: 1;font-weight: 200;color: #666;}
.artWrap > .jsSwiperMotion {margin-bottom: 25px;}
.searchArea {padding: 24px 0;margin-bottom: 40px;background-color: #f9f9f9;text-align: center;}
.searchArea > .inp { margin-right: 2px;}
.searchArea > .inp > input {width: 315px;height: 40px;background: white;}
.artWrap .btn.btnFull{box-sizing: border-box;min-width: auto;padding: 0 24px}
.artWrap > .utilMenu {margin: 0;}
.artSelect > ul {font-size: 0;}
.artSelect > ul > li {position: relative;display: inline-block;margin-right: 16px;}
.artSelect > ul > li:after{display: block; content: ''; position: absolute; right: 0; top: 12px; width: 1px; height: 16px; background-color: #ddd;}
.artSelect > ul > li > a{display: block; font-size: 16px; font-weight: 300; color: #333; line-height: 40px; padding-right: 16px;}
.artSelect > ul > li.on > a{color: #9c836a;}
.artSelect > ul > li > span{display: inline-block; font-size: 16px; font-weight: 300; color: #333; line-height: 40px;}
.artSelect > ul > li:last-child{padding-right: 0; margin-right: 0;}
.artSelect > ul > li:last-child:after{display: none;}
.artSelect .ui-select-wrapper{vertical-align: top;}
	
.selectBox.type2{height: 40px;}
.selectBox.type2 .ui-select-trigger{height: 40px; line-height: 40px; border: 0; font-size: 16px; font-weight: 300; color: #999;}
.selectBox.type2 .ui-select-options{border: 0; padding-bottom: 10px;}
.selectBox.type2 .ui-select-option{padding: 0 15px; font-size: 16px; font-weight: 300; color: #999; line-height: 40px;}
.selectBox.type2 .ui-select-option.selection{color: #9c836a;}
.artSelect .ui-select-trigger::after{background-image: url('/resource/images/pc/common/icon_selectbox.gif')}

ul.artList li:nth-child(1), ul.artList li:nth-child(3n+1) {animation-delay: 0s;}
ul.artList li a * {vertical-align: top;line-height: 1;}
ul.artList li:nth-child(1), ul.artList li:nth-child(2), ul.artList li:nth-child(3) {padding-top: 0;}
ul.artList {margin: 25px -16px 0;}
ul.artList li {float: left;width: 33.333333%;padding: 48px 16px 0;padding-top: 48px;}
ul.artList li a .img {display: block;width: 352px;height: 176px;margin-bottom: 24px;background: #c9c8c6;text-align: center;}
ul.artList li a .img img {max-height: 100%;width:auto;}
ul.artList li a > strong {display: block;width: 100%;height: 51px;font-weight: 450;color: #333;text-transform: uppercase;line-height: 1;}
ul.artList li a > strong span {display: block;width: 100%;margin-top: 9px;font-weight: 200;color: #666;}

.mt24 {margin-top: 24px !important;}
.dpb {display: block;}

.artViewWrap {position: relative;width: 1280px;margin: 0 auto;margin-top: 0px;padding: 0 80px 120px;}
.artViewWrap > h2 {position: relative;display: block;margin: 48px 0 40px;margin-top: 48px;line-height: 1;font-size: 24px;font-weight: 300;color: #333;line-height: 1;}
.artViewWrap > h2 span {position: absolute;top: 0;right: 0;display: block;font-size: 16px;line-height: 24px;font-weight: 200;color: #666;}

.artViewWrap > .jsSwiperMotion p:not(.number) {
  overflow: hidden;
  position: relative;
  height: 568px;
  background: #c9c8c6;
}
.artViewWrap > .jsSwiperMotion p:not(.number) img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1120px;
  height: 100%;
}
.artViewWrap .swiper-btn{margin-top: 24px;height: 17px;position: relative}
.artViewWrap .jsSwiperMotion .btnArrow a{background-image: url('/resource/images/pc/common/btn_slide_arrow.png')}
.artViewWrap .swiper-button-next::after, .artViewWrap  .swiper-button-prev::after{display: none;}
.artViewWrap .swiper-button-next{width:32px;height: 17px;background-image: url('/resource/images/pc/common/btn_slide_arrow.png');background-position: bottom;top:auto;bottom:0;right: 0}
.artViewWrap  .swiper-button-prev{width:32px;height: 17px;background-image: url('/resource/images/pc/common/btn_slide_arrow.png');background-position: top;top:auto;bottom:0;left: 0;}
.artViewWrap  .swiper-pagination{height: 17px;top:0;}
.artViewWrap  .swiper-btn .swiper-pagination-bullet{width:6px;height: 6px;margin: 0 4px !important;background: #c6c6c6;display: inline-block;border-radius: 50%;opacity: 1;vertical-align: middle}
.artViewWrap  .swiper-btn .swiper-pagination-bullet-active{background: #9c836a;}


	.artCaption{padding: 48px 0; border-bottom: 1px solid #f4f2ef;}
	.artCaption h3{margin-bottom: 20px; font-size: 16px; font-weight: 300; color: #9c836a; line-height: 1;}
	.artCaption h3 ~ p{line-height: 22px; word-break: keep-all;}
	.artCaption .column{float: left; width: 50%;}
	.artCaption .column:first-child{padding-right: 35px;}
	.artCaption .column:last-child{padding-left: 35px; padding-right: 10px;}
	.artCaption .column h3{margin-bottom: 13px;}
	.artCaption .swiperWrap h4{margin:25px 0px 5px; line-height: 1; font-weight: 450; color: #333;}
	.artCaption .swiperWrap .swiperArrow{top: 45px}
	
	.artCaption .author { float:right; margin-left:70px;}
	.artCaption .author ~ .column { float:none; width:auto; padding:0; }
	.artCaption .author ~ .column + .column { margin-top:43px;}
	
ul.artInfo li{float: left; width:33%; margin-top:10px;}
	ul.artInfo li > *{display: inline-block;}
	ul.artInfo li strong{width: 70px; color: #333; font-weight: 300;}
	ul.artInfo li span{position: relative; min-width:228px;}
	ul.artInfo li span a{position: absolute; top: 100%; left: 0; padding-top: 9px; color: #9c836a; text-decoration: underline;}


.artViewWrap{ position:relative; width: 1280px; margin: 0 auto; padding: 0 80px 120px;}
	.artViewWrap > h1{padding: 59px 0 20px; border-bottom: 1px solid #e6e3df; font-size: 16px; font-weight: 450; color: #9c836a;}
	.artViewWrap > h2{position: relative; display: block; margin: 48px 0 40px; line-height: 1; font-size: 24px; font-weight: 300; color: #333; line-height: 1;}
	.artViewWrap > h2 span{position: absolute; top: 0; right: 0; display: block; font-size: 16px; line-height: 24px; font-weight: 200; color: #666;}
	.artViewWrap > a.btnFull{width: 192px; margin: 40px auto 0; display: block;}
	.artViewWrap > .jsSwiperMotion p:not(.number) { overflow:hidden; position:relative; height:568px; background:#c9c8c6;}
	.artViewWrap > .jsSwiperMotion p:not(.number) img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width: 1120px; height:100%;}
	.artViewWrap > .jsSwiperMotion.type2 p.img{ height: 176px;}
	.artViewWrap > .jsSwiperMotion.type2 p.img img{ max-width: 352px; max-height: 176px;width:auto}
	.artViewWrap .swiperWrap{overflow: hidden;}
	.artViewWrap .period{ position:absolute; top:150px; right:80px; font-size:16px; color:#666;}
	.artViewWrap .period strong { margin-right:10px; color:#333;}
	.artViewWrap .period strong:after { content:''; display:inline-block; width:1px; height:15px; margin-left:10px; background:#f4f2ef;}
	.artViewWrap .textLinkBox { position:relative; margin-top:35px; padding-right:270px; padding-bottom:40px; border-bottom:1px solid #e6e3df;}
	.artViewWrap .textLinkBox h3 { font-size:16px; color:#9c836a;}
	.artViewWrap .textLinkBox .text { margin-top:10px; color:#666;}
	.artViewWrap .textLinkBox .btnGroup { position:absolute; top:3px; right:0;}
	.artViewWrap .btn2 { margin-top:15px; text-align:right;}
	.artViewWrap .btn2 a { font-size:14px; color:#9c836a; text-decoration:underline;}
	.artViewWrap .btn2 .btnDownload { padding-left:20px; background:url('/pcPub/static/images/common/icon/icon_download.png') no-repeat 0 center;}
	.artViewWrap .btn2 .btnShare { margin-left:30px; padding-left:20px; background:url('/pcPub/static/images/event/btn_share2.png') no-repeat 0 center;}
	
.artCaption .swiperWrap h4 {
  margin: 24px 0px 12px;
  line-height: 20px;
}

.artWrap .jsSwiperMotion .img {  overflow: hidden;  position: relative;   height: 568px;  background: #c9c8c6;}
.artWrap .jsSwiperMotion .img img{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  max-width: 1120px;  height: 100%;}
.artWrap .jsSwiperMotion .title{position: relative;  width: 100%;  height: auto;  margin-top: 24px;  font-weight: 450;  line-height: 1.5;  color: #333;  background: none;}
.artWrap .jsSwiperMotion .title span{position: absolute;  top: 0;  right: 0;
  line-height: 1;  vertical-align: top;  font-weight: 200;
  color: #666;}