@charset "utf-8";
.row{margin:0 -30px;}
.layout{position:relative;width:100%;max-width:1280px;margin:0 auto;}
.row:after,
.layout:after {display:block;clear:both;content:""}
button{background-color:transparent}
i{font-style:normal}
.none{display:none}
.title{text-transform:uppercase;}
#body_layout{margin-top:0;overflow:hidden;}
#mcon{clear: both;}

.article{position:relative;padding:0;border:30px solid transparent;}
.article .inner{width:100%;height:100%;display:block;}

@media(min-width:0px){
    .pc{display:none}
    .mo{display:block}
    .layout{width:95%}
}
@media(min-width:768px){
    .pc{display:block}
    .mo{display:none}
}
@media(min-width:1024px){
    .layout{width:auto}
}
@media screen and (max-width:1280px){
.row{margin:0;}
}
@media screen and (max-width:1023px){
.row{margin:0 -15px;}
.article{border:15px solid transparent}
}
.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
/* control */
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}
/* main-link__skin type */
/* s: typeA */
.main-link__skin.link__typeA{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
.main-link__skin.link__typeA .title{font-size:0;line-height:0;}
.main-link__skin.link__typeA .obj{display:table-row}
.main-link__skin.link__typeA .item{display:table-cell;height:140px;padding:32px 10px;vertical-align:middle;border:1px solid #ddd;background-color:#fff;color:#333;font-size:18px;line-height:1.4;text-align:center;transition: all 0.4s;}
.main-link__skin.link__typeA .item:nth-child(2n) {background-color:#f3f3f4;}
.main-link__skin.link__typeA .item .gist-icon__box{display:block;position:relative;margin:0 auto 15px;width:50px;height:50px;}
.main-link__skin.link__typeA .item .gist-icon__box img{display:block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);height:50px;}
.main-link__skin.link__typeA .item:hover{background-color:#df3128;color:#fff;border:1px solid #df3128;transform: scale(1.1) rotate(0.002deg);}
@media screen and (max-width:1023px){
  .main-link__skin.link__typeA .obj{padding-left:1px;}
  .main-link__skin.link__typeA .item{display:inline-block;width:24.8%;margin-top:-1px;margin-left:-1px;}
}
@media screen and (max-width:767px){
  .main-link__skin.link__typeA .item{padding:15px 0;height:104px;font-size:15px;line-height:1.2}
  .main-link__skin.link__typeA .item .gist-icon__box{height:25px;width:25px}
  .main-link__skin.link__typeA .item .gist-icon__box img{height:25px;}
}
@media screen and (max-width:640px){
.main-link__skin.link__typeA .item{width:24.5%;}
}
/* e: typeA*/
/* s: typeB */
.main-link__skin.link__typeB{display:block;width:100%;}
.main-link__skin.link__typeB .title{position:relative;padding-left:20px;font-size:24px;line-height:1.2;color:#000;font-size:20px;font-weight:bold}
.main-link__skin.link__typeB .title:before{content:'';display:block;position:absolute;top:0;left:0;width:8px;height:22px;background-color:#df3128;}
.main-link__skin.link__typeB .obj{display:block;padding:40px 53px;background-color:#df3128;min-height:326px;}
.main-link__skin.link__typeB .obj .item{display:inline-block;margin:-1px -3px;padding:12px;width:50%;border:1px solid #fff;color:#fff;background-color:#df3128;font-size:16px;line-height:1.4;text-align:center;transition: all 0.4s;}
.main-link__skin.link__typeB .obj .item .gist-icon__box{display:none;}
.main-link__skin.link__typeB .obj .item:nth-of-type(1),
.main-link__skin.link__typeB .obj .item:nth-of-type(2),
.main-link__skin.link__typeB .obj .item:nth-of-type(3){margin-bottom:21px;width:33.33%;border:1px solid transparent;letter-spacing:-1px;min-height:135px;vertical-align: top;}
.main-link__skin.link__typeB .obj .item:nth-of-type(1) .gist-icon__box,
.main-link__skin.link__typeB .obj .item:nth-of-type(2) .gist-icon__box,
.main-link__skin.link__typeB .obj .item:nth-of-type(3) .gist-icon__box{display:block;margin:0 auto 15px;height:50px;position:relative;}
.main-link__skin.link__typeB .obj .item:nth-of-type(1) .gist-icon__box img,
.main-link__skin.link__typeB .obj .item:nth-of-type(2) .gist-icon__box img,
.main-link__skin.link__typeB .obj .item:nth-of-type(3) .gist-icon__box img{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);height:50px;}
.main-link__skin.link__typeB .obj .item:hover{background-color:#fff;color:#fff;border:1px solid #fff;color:#000;transform: scale(1.1) rotate(0.002deg);}
.col-sm-12 .main-link__skin.link__typeB{position:relative;}
.col-sm-12 .main-link__skin.link__typeB .title{font-size:0;margin:0}
.col-sm-12 .main-link__skin.link__typeB .obj{text-align:center;min-height:auto;margin:auto;display:table;table-layout:fixed;width:100%;}
.col-sm-12 .main-link__skin.link__typeB .obj .item{padding:30px 10px;width:auto;display: table-cell;}
.col-sm-12 .main-link__skin.link__typeB .obj .item:nth-of-type(1),
.col-sm-12 .main-link__skin.link__typeB .obj .item:nth-of-type(2),
.col-sm-12 .main-link__skin.link__typeB .obj .item:nth-of-type(3){margin-bottom:0;width:auto;border:1px solid #fff;min-height:auto;}
.col-sm-12 .main-link__skin.link__typeB .obj .item .gist-icon__box{display:block;margin:0 auto 15px;height:50px;position:relative;}
.col-sm-12 .main-link__skin.link__typeB .obj .item:nth-child(2n){background-color:#fff;color:#fff;border:1px solid #fff;color:#000;}
.col-sm-12 .main-link__skin.link__typeB .obj .item:hover{background-color:#353a41;color:#fff;transform: scale(1) rotate(0.002deg);}
@media screen and (max-width:1024px){
.main-link__skin.link__typeB .obj{padding:20px 15px;}
.main-link__skin.link__typeB .obj .item{font-size:15px;letter-spacing:-1px;}
}
@media screen and (max-width:767px){
.main-link__skin.link__typeB .obj{padding:20px;}
}
/* e: typeB*/
/* s: typeC */
.main-link__skin.link__typeC{display:block;width:100%;background-color:#fff;}
.main-link__skin.link__typeC .tit_box{position: relative;overflow: hidden;display: block;float: left;width: 40%;height: 100%;padding: 56px 45px;background-size: cover;background-repeat: no-repeat;}
.main-link__skin.link__typeC .tit_box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.main-link__skin.link__typeC .title{ display: block; position: relative;line-height: 1.2; color: #000; font-size: 27px; font-weight: bold;}
.main-link__skin.link__typeC .obj{ display: block; overflow: hidden; position: relative; float: left; width:60%; padding: 68px 61px}
.main-link__skin.link__typeC .obj .item{display:block;position:relative;margin-bottom:10px;color:#363636;font-size:16px;transition: all 0.4s;}
.main-link__skin.link__typeC .obj .item:before {background:#df3128 ;bottom: -2px;content: "";height: 1px;left: 0;position: absolute;width: 0%;transition: 0.3s;}
.main-link__skin.link__typeC .obj .item *{vertical-align:middle}
.main-link__skin.link__typeC .obj .item span{position: relative; display:inline-block; margin-left:15px; margin-top:-2px; left: 0; right: 0; height: 0; transform: scaleX(0); transform-origin: 0% 50%; transition: 0.3s ease-out 0.3s; z-index:1;}
.main-link__skin.link__typeC .obj .item span:after,
.main-link__skin.link__typeC .obj .item span:before{position: absolute; top: 0; right: 0; content: ''; display: inline-block; height: 1px; width: 10px; background-color: #df3128; transition: 0.3s ease-out;}
.main-link__skin.link__typeC .obj .item span:before{transform-origin: 100% 0%; transform: rotate(0deg);}
.main-link__skin.link__typeC .obj .item span:after{transform-origin: 100% 100%; transform: rotate(0deg);}
.main-link__skin.link__typeC .obj .item:hover span,
.main-link__skin.link__typeC .obj .item:focus span {transform: scaleX(1);transition: 0.3s ease-out;}
.main-link__skin.link__typeC .obj .item:hover span:before,
.main-link__skin.link__typeC .obj .item:focus span:before {transform: rotate(40deg);transition: 0.3s cubic-bezier(0.17, 0.67, 0.36, 1.44) 0.3s;}
.main-link__skin.link__typeC .obj .item:hover span:after,
.main-link__skin.link__typeC .obj .item:focus span:after {transform: rotate(-40deg);transition: 0.3s cubic-bezier(0.17, 0.67, 0.36, 1.44) 0.3s;}
@media screen and (max-width:767px){
  .main-link__skin.link__typeC{height:424px}
  .main-link__skin.link__typeC .tit_box{height:100px;width:100%;padding: 38px 24px}
  .main-link__skin.link__typeC .title{overflow: hidden; width: 100%;font-size: 20px; color:rgba(255,255,255, 0.8)}
  .main-link__skin.link__typeC .obj{width: 100%;padding: 23px;}
  .main-link__skin.link__typeC .obj .item{font-size:16px}
}
/* e: typeC*/
/* s: typeD */
.main-link__skin.link__typeD{display:block;width:100%;}
.main-link__skin.link__typeD .title{font-size:0;line-height:0;}
.main-link__skin.link__typeD .obj{}
.main-link__skin.link__typeD .item{display:block;position:relative;padding-left:40px;height:160px;background-color:#565e5e;color:#fefefd;font-size:27px;font-weight:bold;transition: all 0.4s;}
.main-link__skin.link__typeD .item:first-child{background-color:#c59b42}
.main-link__skin.link__typeD .item:before{display:inline-block;height:100%;content:"";vertical-align:middle;}
.main-link__skin.link__typeD .item:hover{background-color:#df3128;}
.main-link__skin.link__typeD .item .gist-icon__box {position:absolute;bottom:26px;right:40px}
.main-link__skin.link__typeD .item .gist-icon__box img {height:50px;}
/* e: typeD*/
/* s: typeE */
.main-link__skin.link__typeE{display:block;width:100%;padding:40px;background-color:#fff;position:relative;}
.main-link__skin.link__typeE .title{display:block;position:relative;padding:0;margin-bottom:15px;line-height:1.2;color:#000;font-size:27px;font-weight:bold}
.main-link__skin.link__typeE .obj{padding-bottom: 40px;}
.main-link__skin.link__typeE .item{margin-bottom:5px;}
.main-link__skin.link__typeE .item strong{display:block;margin-bottom:0;color:#5a81b1;font-size:16px;line-height:1.4;font-weight:bold;}
.main-link__skin.link__typeE .item p{color:#000;font-size:15px;line-height:1.2;padding-right:45px;}
.main-link__skin.link__typeE .item:first-child p{font-size:30px;padding-right:0;}
.main-link__skin.link__typeE .link{position:absolute;bottom:-1px;left:0;width:100%;display:block;padding:12px 15px;color:#fff;font-size:16px;text-align:center;background-color:#565e5e;transition: 0.3s cubic-bezier(0.17, 0.67, 0.36, 1.44) 0.3s;}
.main-link__skin.link__typeE .link:hover{background-color:#df3128;}
/* e: typeE*/
@media screen and (max-width:1023px){
.main-link__skin.link__typeE .item p{font-size:13px;}
.main-link__skin.link__typeE .item:first-child p{font-size:20px;}
}
/* s: typeF */
.main-link__skin.link__typeF{display:table;table-layout: fixed;border-collapse: separate;width:100%;height:100%;}
.main-link__skin.link__typeF .title{font-size:0;line-height:0;}
.main-link__skin.link__typeF .obj{display:table-row;width: 100%;}
.main-link__skin.link__typeF .item{display:table-cell;transition: all 0.4s;position:relative;border:1px solid #ddd;margin:-1px;}
.main-link__skin.link__typeF .item *{transition: 0.3s cubic-bezier(0.17, 0.67, 0.36, 1.44) 0.3s;}
.main-link__skin.link__typeF .item .achive-text{padding:85px 30px;vertical-align:middle;text-align:center;position: relative;z-index:10;}
.main-link__skin.link__typeF .item .achive-text stroxng,
.main-link__skin.link__typeF .item .achive-text em{display:block;line-height:1.3}
.main-link__skin.link__typeF .item .achive-text strong{margin-bottom:20px;font-size:28px;}
.main-link__skin.link__typeF .item .achive-text em{position: relative;padding-bottom:30px;font-size:16px;}
.main-link__skin.link__typeF .item .achive-text em:before{content: '';position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff;transition: 0.3s cubic-bezier(0.17, 0.67, 0.36, 1.44) 0.3s;}
.main-link__skin.link__typeF .item .achive-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat: no-repeat;background-position: 50% 50%;z-index:9}
.main-link__skin.link__typeF .item:nth-of-type(1){background-color:rgba(210,47,40,1);color:#fff;}
.main-link__skin.link__typeF .item:nth-of-type(2){background-color:rgba(255,255,255,1);color:#333}
.main-link__skin.link__typeF .item:nth-of-type(3){background-color:rgba(64,68,80,1);color:#fff}
.main-link__skin.link__typeF .item:nth-of-type(4){background-color:rgba(98,135,181,1);color:#fff}
.main-link__skin.link__typeF .item:nth-of-type(2) .achive-text em:before{background-color:#333}
.main-link__skin.link__typeF .item:hover .achive-text em:before{width:60px;margin-left:-30px;}
@media screen and (max-width:767px){
  .main-link__skin.link__typeF .obj{display:block}
  .main-link__skin.link__typeF .item{display:inline-block;float:left;width:50%;}
  .main-link__skin.link__typeA .item .achive-text{padding:15px 0;}
}
@media screen and (max-width:559px){
  .main-link__skin.link__typeF .item{width:100%;}
}
/* e: typeF*/
/* s: typeG */
.main-link__skin.link__typeG{clear: both;position: relative;overflow:hidden;}
.main-link__skin.link__typeG .title{ color: #231f20; font-size: 20px; font-weight: bold; line-height: 1.3; text-transform: uppercase;}
.main-link__skin.link__typeG .table{display: inline-block;margin:-106px 0 0 0;width:100%;}
.main-link__skin.link__typeG .table .grap{display:block;position: relative;height: 306px;padding: 40px 0 0 310px;width:100%;overflow: hidden;}
.main-link__skin.link__typeG .table .obj{display:block;width:1000%;height:100%;margin:0;position:relative;overflow: hidden;}
.main-link__skin.link__typeG .table .table-col{display:block;float: left;width:2.5%;color:#fff;font-size:15px;background-color:transparent;border: 32px solid transparent;}
.main-link__skin.link__typeG .table .table-col:hover{transform:none}
.main-link__skin.link__typeG .table .table-col p{height: 98px;overflow: hidden;font-size:15px;color: #fff;}
.main-link__skin.link__typeG .table .table-col .date{display: block;position: relative;margin-bottom: 12px;padding-bottom: 10px;font-size: 16px;color: #199aec;}
.main-link__skin.link__typeG .table .table-col .date:before{position:absolute;top:30px;left:0;width:20px;height:2px;background-color:#199aec;content:"";}
.main-link__skin.link__typeG .table .table-col .read{display: inline-block;background: #939598;font-size: 13px;padding: 10px;margin-top: 20px;}
.main-link__skin.link__typeG .control{position: absolute;right:0;top: 3px;}
.main-link__skin.link__typeG .control button{display:block;float:left;margin-left:5px;position:relative;width:70px;height:70px;background-color:#6e7687}
.main-link__skin.link__typeG .control button:first-child{margin-left:0;}
.main-link__skin.link__typeG .control button[data-control="prev"]:before,
.main-link__skin.link__typeG .control button[data-control="next"]:before{width: calc(50%/5);height: calc(50%/5);border-color:#fff;}
.main-link__skin.link__typeG .more{display: block;position: absolute;top: 56%;width: 184px;height: 48px;padding: 8px 80px 8px 20px;border: 1px solid #fff;left: 0;color: #fff;z-index:20;font-size:15px;}
.main-link__skin.link__typeG .more:before{display: block;content: "";position: absolute;top: 36%;left: 154px;width: 1px;height: 18px;background-color: #fff;}
.main-link__skin.link__typeG .more:after{display: block;content: "";position: absolute;top: 49%;left: 154px;width: 18px;height: 1px;background-color: #fff;}
.main-link__skin.link__typeG .more:hover,
.main-link__skin.link__typeG .more:focus{background-color:transparent;}
@media screen and (max-width:1023px){
.main-link__skin.link__typeG .table .obj{width: 56%;height: 100%;margin: 0 0 0 6%;}
.main-link__skin.link__typeG .table .table-col{width:50%;}
.main-link__skin.link__typeG .control button{width:60px;height:60px;}
}
@media screen and (max-width:767px){
.main-link__skin.link__typeG .table{margin: -34px 0 0 0;}
.main-link__skin.link__typeG .table .grap{height: 306px;padding: 52px 0 0 0;}
.main-link__skin.link__typeG .table .obj{width:100%;margin:0;}
.main-link__skin.link__typeG .table .table-col{width:50%;}
.main-link__skin.link__typeG .control{display:none;}
.main-link__skin.link__typeG .more{top: -39px;left: 204px;border: 0;font-size: 0;width: 50px;height: 50px;padding: 10px;}
.main-link__skin.link__typeG .more:before{top: 17px;left: 25px;}
.main-link__skin.link__typeG .more:after{top: 22px;left: 20px;}
}
/* e: typeG */
/* s: typeH */
.main-link__skin.link__typeH{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
.main-link__skin.link__typeH .title{font-size:0}
.main-link__skin.link__typeH .table-row{display:table-row;}
.main-link__skin.link__typeH .table-col{display:table-cell;position: relative;height:100%;border:15px solid transparent;vertical-align:middle}
.main-link__skin.link__typeH .table-col .hover{position:relative;display:block;width:100%;height:100%;}
.main-link__skin.link__typeH .table-col .hover .thumb{position:relative;display:block;width:100%;height:100%;}
.main-link__skin.link__typeH .table-col .hover .thumb img{width:100%;height:100%}
.main-link__skin.link__typeH .table-col .hover .item{position:absolute;bottom:0;left:0;padding:40px 35px;width:100%;height:140px;border-bottom: 4px solid #df3128;background-color:rgba(255,255,255,0.9);transition: all 0.1s ease-in;}
.main-link__skin.link__typeH .table-col .hover .item .article-tit{display:block;font-size:24px;color:#000;letter-spacing:-1px;text-align:center}
.main-link__skin.link__typeH .table-col .hover .item ul{display:none}
.main-link__skin.link__typeH .table-col .hover.on .item{height:270px;background:#df3128;}
.main-link__skin.link__typeH .table-col .hover.on .item .article-tit{color:#fff;}
.main-link__skin.link__typeH .table-col .hover.on .item ul{display:block;transition: all 0.1s ease-in;}
.main-link__skin.link__typeH .table-col .hover.on .item ul:after{content: "";display: block;visibility: hidden;clear: both;}
.main-link__skin.link__typeH .table-col .hover.on .item ul li{display:inline-block;float:left;width:50%;border:5px solid transparent;}
.main-link__skin.link__typeH .table-col .hover.on .item ul li a{display:block;padding:5px 5px;border:1px solid #efefef;border-radius:3px;color:#fff;text-align:center}
.main-link__skin.link__typeH .table-col .hover.on .item ul li a:hover{background-color:#fff;color:#333}
/* e: typeH */
@media screen and (max-width:1400px){
.main-link__skin.link__typeH .table-col .hover .item{padding:20px 35px;height:170px;background:#df3128;}
.main-link__skin.link__typeH .table-col .hover .item .article-tit{color:#fff;}
.main-link__skin.link__typeH .table-col .hover .item ul{display:block;transition: all 0.1s ease-in;}
.main-link__skin.link__typeH .table-col .hover .item ul:after{content: "";display: block;visibility: hidden;clear: both;}
.main-link__skin.link__typeH .table-col .hover .item ul li{display:inline-block;float:left;width:50%;border:5px solid transparent;}
.main-link__skin.link__typeH .table-col .hover .item ul li a{display:block;padding:5px 5px;border:1px solid #efefef;border-radius:3px;color:#fff;text-align:center}
.main-link__skin.link__typeH .table-col .hover .item ul li a:hover{background-color:#fff;color:#333}
}
@media screen and (max-width:1024px){
/*.main-link__skin.link__typeH .table-col{display:block;}*/
.main-link__skin.link__typeH .table-col .hover .item,
.main-link__skin.link__typeH .table-col .hover.on .item{height:260px;background:#df3128;position:relative;}
.main-link__skin.link__typeH .table-col{border:5px solid transparent;}
.main-link__skin.link__typeH .table-col .hover .item ul li,
.main-link__skin.link__typeH .table-col .hover.on .item ul li{display:block;float:none;width:100%;}
}
@media screen and (max-width:768px){
.main-link__skin.link__typeH .table-col{display:block;}
}
/* s: typeI */
.main-link__skin.link__typeI{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
.main-link__skin.link__typeI .title{display:block;position:relative;padding-left:20px;font-size:24px;line-height:1.2;color:#000;font-size:20px;font-weight:bold}
.main-link__skin.link__typeI .title:before{content:'';display:block;position:absolute;top:0;left:0;width:8px;height:22px;background-color:#df3128;}
.main-link__skin.link__typeI .obj{display:table-row}
.main-link__skin.link__typeI .item{display:table-cell;transition: all 0.4s;padding:12px;position:relative;text-align:center;border-left: 1px dashed #ddd}
.main-link__skin.link__typeI .item .gist-icon__box{display:block;margin:0 auto 15px;height:50px;}
.main-link__skin.link__typeI .item .gist-icon__box img{height:50px;}
.main-link__skin.link__typeI .item i{font-style:normal;display:block;padding:3px 0;color: #333;transition: 0.3s cubic-bezier(0.17, 0.67, 0.36, 1.44) 0.3s;}
.main-link__skin.link__typeI .item:hover i{color:#002d5e}
.main-link__skin.link__typeI .item:first-child{border-left:none;}
@media screen and (max-width:767px){
.main-link__skin.link__typeB .obj{padding:20px;}
}
/* e: typeI*/
/* main-board__skin type */
/* s: typeA */
.main-board__skin.grap.board__typeA{clear:both;position:relative;overflow:hidden;}
.main-board__skin.grap.board__typeA .title{color:#231f20;font-size:20px;font-weight:bold;line-height:1.3;text-transform:uppercase}
.main-board__skin.grap.board__typeA .obj{position:relative;clear: both;border: 1px solid transparent;}
.main-board__skin.grap.board__typeA .obj:after{content: "";display: block;visibility: hidden;clear: both;}
.main-board__skin.grap.board__typeA .obj ul{overflow:hidden;width:100%;margin-left:-17px;margin-right:-17px;}
.main-board__skin.grap.board__typeA .obj ul:after{content: "";display: block;visibility: hidden;clear: both;}
.main-board__skin.grap.board__typeA .obj .item{display:block;width:100%;}
.main-board__skin.grap.board__typeA .obj .item a{display:table;width:100%;height:74px;overflow:hidden;border:17px solid transparent;table-layout: fixed;}
.main-board__skin.grap.board__typeA .obj .item a .date,
.main-board__skin.grap.board__typeA .obj .item a .pt{display:table-cell;position:relative;vertical-align:middle;}
.main-board__skin.grap.board__typeA .obj .item a .date,
.main-board__skin.grap.board__typeA .obj .item a .date i{line-height:1}
.main-board__skin.grap.board__typeA .obj .item a .date{display:table-cell;position:relative;min-width:74px;width:74px;height:100%;vertical-align:middle;text-align:center;border:1px solid #ccc;color:#b2b2b2;font-size: 16px;line-height:1;}
.main-board__skin.grap.board__typeA .obj .item a .date span{display:block;height: 70px;vertical-align:middle;}
.main-board__skin.grap.board__typeA .obj .item a .date span img{height: 70px;}
.main-board__skin.grap.board__typeA .obj .item a .date i{display:block;font-style:normal;margin-top:0;font-size: 33px;color:#000;font-weight: bold;letter-spacing:-1px;}
.main-board__skin.grap.board__typeA .obj .item a .pt{display:table-cell;margin-top:10px;height:100%;padding-left:20px;vertical-align:middle;line-height:1.3;font-size: 13px;}
.main-board__skin.grap.board__typeA .obj .item a .pt strong,
.main-board__skin.grap.board__typeA .obj .item a .pt em{display:block;width:100%;line-height:1.3;}
.main-board__skin.grap.board__typeA .obj .item a .pt strong{height:40px;overflow:hidden;color:#000;font-size: 15px;font-weight: bold;letter-spacing:-1px;word-break:break-all;word-wrap:break-word;}
.main-board__skin.grap.board__typeA .obj .item a .pt em{width:100%;color:#333;font-size: 14px;overflow: hidden;height: 20px;}
.main-board__skin.grap.board__typeA .more{position:absolute;top:-77px;right:0;}
.col-sm-6 .main-board__skin.grap.board__typeA .item,
.col-sm-7 .main-board__skin.grap.board__typeA .item,
.col-sm-8 .main-board__skin.grap.board__typeA .item,
.col-sm-9 .main-board__skin.grap.board__typeA .item,
.col-sm-10 .main-board__skin.grap.board__typeA .item,
.col-sm-11 .main-board__skin.grap.board__typeA .item{float:left;width:50%}
.col-sm-12 .main-board__skin.grap.board__typeA .item{float:left;width:33.33%}
@media screen and (max-width:767px){
.col-sm-6 .main-board__skin.grap.board__typeA .item,
.col-sm-7 .main-board__skin.grap.board__typeA .item,
.col-sm-8 .main-board__skin.grap.board__typeA .item,
.col-sm-9 .main-board__skin.grap.board__typeA .item,
.col-sm-10 .main-board__skin.grap.board__typeA .item,
.col-sm-11 .main-board__skin.grap.board__typeA .item,
.col-sm-12 .main-board__skin.grap.board__typeA .item{float:none;width:100%}
.col-sm-1 .main-board__skin.grap.board__typeA .obj .item a .pt strong,
.col-sm-2 .main-board__skin.grap.board__typeA .obj .item a .pt strong,
.col-sm-3 .main-board__skin.grap.board__typeA .obj .item a .pt strong,
.col-sm-4 .main-board__skin.grap.board__typeA .obj .item a .pt strong,
.col-sm-5 .main-board__skin.grap.board__typeA .obj .item a .pt strong,
.col-sm-6 .main-board__skin.grap.board__typeA .obj .item a .pt strong{height:auto;margin-bottom:5px;font-size: 15px;}
}
/* e: typeA*/
/* s: typeB*/
.main-board__skin.grap.board__typeB{position:relative;height:370px;}
.main-board__skin.grap.board__typeB .title{float:left;width:25%;height:56px;text-align:center;font-size:15px;border-bottom:4px solid transparent;position: relative;z-index: 10;color:#666;font-size:22px;}
.main-board__skin.grap.board__typeB .title:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.main-board__skin.grap.board__typeB .title:first-child,
.main-board__skin.grap.board__typeB .title.ov,
.main-board__skin.grap.board__typeB .title:hover,
.main-board__skin.grap.board__typeB .title:focus{border-bottom-color:#423f46;color:#000}
.main-board__skin.grap.board__typeB .obj{display:none;position:absolute;top:51px;left:0;width:100%;padding:10px 0;border-top:4px solid #ddd}
.main-board__skin.grap.board__typeB .obj .item{display:block;border-top:1px dashed #b6b6b6}
.main-board__skin.grap.board__typeB .obj .item a{display:block;padding:14px 15px;text-align:right;line-height:20px;}
.main-board__skin.grap.board__typeB .obj .item a:after{content:"";display:block;clear:both}
.main-board__skin.grap.board__typeB .obj .item a strong{display:inline-block;position:relative;padding-left:15px;float:left;text-align:left;width:80%;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-board__skin.grap.board__typeB .obj .item a strong:before{content:'';position:absolute;top:50%;left:0;transform: translate(-50%, 0%);width:3px;height:3px;background-color:#7f7f7f}
.main-board__skin.grap.board__typeB .obj .item a .date{}
.main-board__skin.grap.board__typeB .obj .item a:hover strong{color:#000;text-decoration:underline;}
.main-board__skin.grap.board__typeB .obj .item:first-child{border-top:none;}
.main-board__skin.grap.board__typeB .obj .item:first-child a{display:table;width:100%;height:140px;overflow:hidden;padding:0;text-align:left;}
.main-board__skin.grap.board__typeB .obj .item:first-child a .date,
.main-board__skin.grap.board__typeB .obj .item:first-child a .pt{display:table-cell;position:relative;vertical-align:middle;}
.main-board__skin.grap.board__typeB .obj .item:first-child a .date{width:104px;height:100%;vertical-align:middle;text-align:center;font-size:14px;line-height:1;}
.main-board__skin.grap.board__typeB .obj .item:first-child a .date span{display:block;padding:18px 11px;height:auto;vertical-align:middle;border:3px solid #ccc;color:#000;border-radius:50%;font-size:20px;font-weight: bold;letter-spacing:-1px;line-height:1.3;background-color:#fff}
.main-board__skin.grap.board__typeB .obj .item:first-child a .date i{display:block;font-style:normal;margin-top:0;font-size:30px;color:#000;font-weight: bold;letter-spacing:-1px;}
.main-board__skin.grap.board__typeB .obj .item:first-child a .pt{margin-top:10px;height:100%;padding-left:20px;vertical-align:middle;line-height:1.3;font-size:15px}
.main-board__skin.grap.board__typeB .obj .item:first-child a strong{padding-left:0;white-space:inherit;float:none;width:100%;height:48px;overflow:hidden;color:#000;font-size:17px;font-weight: bold;letter-spacing:-1px;}
.main-board__skin.grap.board__typeB .obj .item:first-child a strong:before{display:none;}
.main-board__skin.grap.board__typeB .obj .item:first-child a em{display:block;width:100%;color:#000;font-size:16px;overflow: hidden;height:22px;}
.main-board__skin.grap.board__typeB .more{display:inline-block;position:absolute;top:-61px;right:0;text-align:center;}
.main-board__skin.grap.board__typeB .title.ov+.obj,
.main-board__skin.grap.board__typeB .obj:first-child{display:block}
.col-sm-12 .main-board__skin.grap.board__typeB{height:230px;border-bottom:1px dashed #b6b6b6}
.col-sm-12 .main-board__skin.grap.board__typeB .obj .item{display:inline-block;float:right;width:50%}
.col-sm-12 .main-board__skin.grap.board__typeB .obj .item:first-child{float:left;padding-top:20px;}
.col-sm-12 .main-board__skin.grap.board__typeB .obj:after{content: "";display: block;visibility: hidden;clear: both;}
.col-sm-12 .main-board__skin.grap.board__typeB .obj ul{margin-top: -13px;}
@media screen and (max-width:1024px){
	.main-board__skin.grap.board__typeB .obj .item a{padding-left:0;;padding-right:0;}
	.main-board__skin.grap.board__typeB .obj .item a strong{width:74%;}
	.main-board__skin.grap.board__typeB .obj .item:first-child a strong{width:100%;}
	.main-board__skin.grap.board__typeB .obj .item a .date{font-size:12px;}
}
@media screen and (max-width:768px){
.col-sm-12 .main-board__skin.grap.board__typeB .obj .item,
.col-sm-12 .main-board__skin.grap.board__typeB .obj .item:first-child{float:none;width:100%;}
}
@media screen and (max-width:640px){
.main-board__skin.grap.board__typeB .obj .item a strong{width:100%;}
.main-board__skin.grap.board__typeB .obj .item a .date{display:block;}
.main-board__skin.grap.board__typeB .obj .item a .date{font-size:16px;}
}
/* e: typeB*/

/* s: typeC*/
.main-board__skin.grap.board__typeC{position:relative;padding:30px 0;padding-left:120px;padding-right:40px;height:86px;background-color:#fff}
.main-board__skin.grap.board__typeC .more{position:absolute;top:0;left:0;width:86px;height:86px;}
.main-board__skin.grap.board__typeC .more:before,
.main-board__skin.grap.board__typeC .more:after{display:none;}
.main-board__skin.grap.board__typeC .more a{position: relative;width: 35px;display:block;width:100%;height:100%;font-size:0;background-color:#df3128;overflow: hidden;}
.main-board__skin.grap.board__typeC .more a:before,
.main-board__skin.grap.board__typeC .more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-board__skin.grap.board__typeC .more a:before {width: calc(100%/3);height: 2px;background: #fff;}
.main-board__skin.grap.board__typeC .more a:after {width: 2px;height: calc(100%/3);background: #fff;}
.main-board__skin.grap.board__typeC .title{display:inline-block;position:absolute;top:0;left:0;padding-right:26px;color:#000;font-size:20px;font-weight:bold}
.main-board__skin.grap.board__typeC .title:before{content:'';display:inline-block;position:absolute;top:6px;right:0;width:4px;height:16px;background-color:#df3128;}
.main-board__skin.grap.board__typeC .text-article{position:relative;padding-left:120px;padding-right:80px;width:100%;height:32px;overflow:hidden}
.main-board__skin.grap.board__typeC .text-article .obj{position:relative;height:1000%;}
.main-board__skin.grap.board__typeC .text-article .obj .item{display:block;height:10%;}
.main-board__skin.grap.board__typeC .text-article .obj .item a{display:block;text-align:right;line-height:32px;}
.main-board__skin.grap.board__typeC .text-article .obj .item a strong{float:left;text-align:left;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-board__skin.grap.board__typeC .text-article .obj .item .date{}
.main-board__skin.grap.board__typeC .control{position:absolute;top:30px;right:15px;}
.main-board__skin.grap.board__typeC .control button{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
.main-board__skin.grap.board__typeC .control button:before,
.main-board__skin.grap.board__typeC .control button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-board__skin.grap.board__typeC .control button[data-control="prev"]:before,
.main-board__skin.grap.board__typeC .control button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.main-board__skin.grap.board__typeC .control button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
.main-board__skin.grap.board__typeC .control button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
.main-board__skin.grap.board__typeC .control button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
.main-board__skin.grap.board__typeC .control button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}
@media screen and (max-width:1023px){
.main-board__skin.grap.board__typeC .text-article .obj .item a strong{width:100%;}
.main-board__skin.grap.board__typeC .text-article .obj .item .date{display:none;}
}
/* e: typeC*/
/* s: typeD*/
.main-board__skin.grap.board__typeD{position:relative;height:204px;background-color:#fff;}
.main-board__skin.grap.board__typeD .title{display:block;position:relative;padding:42px 0;width:135px;text-align:center;font-size:18px;color:#666;z-index:10;}
.main-board__skin.grap.board__typeD .title.ov,
.main-board__skin.grap.board__typeD .title:hover,
.main-board__skin.grap.board__typeD .title:focus{color:#fff;background-color:#414247}
.main-board__skin.grap.board__typeD .obj{display:none;position:absolute;top:0;left:0;padding-left:135px;width:100%;z-index:8}
.main-board__skin.grap.board__typeD .title.ov + .obj{display:block;}
.main-board__skin.grap.board__typeD .obj ul{position:relative;padding:38px;}
.main-board__skin.grap.board__typeD .obj li a{display:block;line-height:35px;text-align:right;}
.main-board__skin.grap.board__typeD .obj li:after{content:"";display:block;clear:both}
.main-board__skin.grap.board__typeD .obj li a:after{content:"";display:block;clear:both}
.main-board__skin.grap.board__typeD .obj li a strong{position:relative;padding-left:18px;float:left;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.main-board__skin.grap.board__typeD .obj li a strong:before{content:"";display:inline-block;position:absolute;top:16px;left:4px;width:4px;height:4px;background-color:#df3128}
.main-board__skin.grap.board__typeD .more{display:block;position:absolute;top:0;right:0;width:50px;height:50px;overflow: hidden;font-size:0;}
.main-board__skin.grap.board__typeD .more:before,
.main-board__skin.grap.board__typeD .more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-board__skin.grap.board__typeD .more:before {width: calc(100%/3);height: 2px;background: #df3128;}
.main-board__skin.grap.board__typeD .more:after {width: 2px;height: calc(100%/3);background: #df3128;}
@media screen and (max-width:1024px){
.main-board__skin.grap.board__typeD .title{width:100px;}
.main-board__skin.grap.board__typeD .obj{padding-left:100px;}
.main-board__skin.grap.board__typeD .obj ul{padding:35px 25px;}
}
/* e: typeD*/
/* s: typeE*/
.main-board__skin.grap.board__typeE{position:relative;height:370px;border-top:1px solid #ddd}
.main-board__skin.grap.board__typeE .title{float:left;width:25%;height:40px;margin-top:-1px;text-align:center;font-size:15px;border-top:2px solid transparent}
.main-board__skin.grap.board__typeE .title:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.main-board__skin.grap.board__typeE .title.ov,
.main-board__skin.grap.board__typeE .title:hover,
.main-board__skin.grap.board__typeE .title:focus{border-top-color:#423f46;color:#000}
.main-board__skin.grap.board__typeE .obj{display:none;position:absolute;top:40px;left:0;width:100%;padding:10px 0;overflow:hidden;border-top:1px solid #ddd}
.main-board__skin.grap.board__typeE .obj li{margin-right:60px}
.main-board__skin.grap.board__typeE .obj li:after{content:"";display:block;clear:both}
.main-board__skin.grap.board__typeE .obj li a{float:left;width:100%;line-height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-board__skin.grap.board__typeE .obj li a:before{content:"";display:inline-block;width:14px;height:15px;margin-right:3px;vertical-align:middle;background:url(/images/kor/main/icon.png) no-repeat -95px -170px}
.main-board__skin.grap.board__typeE .obj li span{float:right;width:60px;margin-right:-60px;line-height:27px;text-align:right;font-size:12px}
.main-board__skin.grap.board__typeE .obj .new a em{position:absolute;left:0;top:14px;display:inline-block;width:15px;height:15px;vertical-align:middle;text-indent:-999px;overflow:hidden;background:url(/images/kor/main/icon.png) no-repeat -75px -175px}
.main-board__skin.grap.board__typeE .more{display:block;height:36px;margin-top:12px;font-size:12px;text-align:center;border:1px solid #ddd}
.main-board__skin.grap.board__typeE .more:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.main-board__skin.grap.board__typeE .title.ov+.obj{display:block}
/* e: typeE*/
/* s: typeE*/
.main-board__skin.grap.board__typeE{position:relative;height:370px;border-top:1px solid #ddd}
.main-board__skin.grap.board__typeE .title{float:left;width:25%;height:40px;margin-top:-1px;text-align:center;font-size:15px;border-top:2px solid transparent}
.main-board__skin.grap.board__typeE .title:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.main-board__skin.grap.board__typeE .title.ov,
.main-board__skin.grap.board__typeE .title:hover,
.main-board__skin.grap.board__typeE .title:focus{border-top-color:#423f46;color:#000}
.main-board__skin.grap.board__typeE .obj{display:none;position:absolute;top:40px;left:0;width:100%;padding:10px 0;overflow:hidden;border-top:1px solid #ddd}
.main-board__skin.grap.board__typeE .obj li{margin-right:60px}
.main-board__skin.grap.board__typeE .obj li:after{content:"";display:block;clear:both}
.main-board__skin.grap.board__typeE .obj li a{float:left;width:100%;line-height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-board__skin.grap.board__typeE .obj li a:before{content:"";display:inline-block;width:14px;height:15px;margin-right:3px;vertical-align:middle;background:url(/images/kor/main/icon.png) no-repeat -95px -170px}
.main-board__skin.grap.board__typeE .obj li span{float:right;width:60px;margin-right:-60px;line-height:27px;text-align:right;font-size:12px}
.main-board__skin.grap.board__typeE .obj .new a em{position:absolute;left:0;top:14px;display:inline-block;width:15px;height:15px;vertical-align:middle;text-indent:-999px;overflow:hidden;background:url(/images/kor/main/icon.png) no-repeat -75px -175px}
.main-board__skin.grap.board__typeE .more{display:block;height:36px;margin-top:12px;font-size:12px;text-align:center;border:1px solid #ddd}
.main-board__skin.grap.board__typeE .more:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.main-board__skin.grap.board__typeE .title.ov+.obj{display:block}
/* e: typeE*/
/* main-photo__skin type */
.main-board__skin.board__typeG{clear: both;position: relative;overflow:hidden;}
.main-board__skin.board__typeG .title{ color: #231f20; font-size: 20px; font-weight: bold; line-height: 1.3; text-transform: uppercase;}
.main-board__skin.board__typeG .table{display: inline-block;margin:-106px 0 0 0;width:100%;}
.main-board__skin.board__typeG .table .grap{display:block;position: relative;height: 306px;padding: 40px 0 0 250px;width:100%;}
.main-board__skin.board__typeG .table .obj{display:block;width:1000%;height:100%;margin:0;position:relative;overflow: hidden;}
.main-board__skin.board__typeG .table .table-col{display:block;float: left;width:2.5%;color:#fff;font-size:15px;background-color:transparent;border: 32px solid transparent;}
.main-board__skin.board__typeG .table .table-col:hover{transform:none}
.main-board__skin.board__typeG .table .table-col p{height: 68px;overflow: hidden;font-size:15px;color: #fff;}
.main-board__skin.board__typeG .table .table-col .date{display: block;position: relative;margin-bottom: 12px;padding-bottom: 10px;font-size: 13px;color: #199aec;}
.main-board__skin.board__typeG .table .table-col .date:before{position:absolute;top:30px;left:0;width:20px;height:2px;background-color:#199aec;content:"";}
.main-board__skin.board__typeG .table .table-col .read{display: inline-block;background: #939598;font-size: 13px;padding: 10px;margin-top: 20px;}
.main-board__skin.board__typeG .control{position: absolute;right: -55px;top: 44%;}
.main-board__skin.board__typeG .control button{display:block;float:left;margin-left:5px;position:relative;width:70px;height:70px;background-color:#6e7687}
.main-board__skin.board__typeG .control button:first-child{margin-left:0;}
.main-board__skin.board__typeG .control button[data-control="prev"]:before,
.main-board__skin.board__typeG .control button[data-control="next"]:before{width: calc(50%/5);height: calc(50%/5);border-color:#fff;}
.main-board__skin.board__typeG .more{display: block;position: absolute;top: 56%;width: 184px;height: 48px;padding: 8px 80px 8px 20px;border: 1px solid #fff;left: 0;color: #fff;z-index:20;font-size:15px;}
.main-board__skin.board__typeG .more:before{display: block;content: "";position: absolute;top: 36%;left: 154px;width: 1px;height: 18px;background-color: #fff;}
.main-board__skin.board__typeG .more:after{display: block;content: "";position: absolute;top: 49%;left: 154px;width: 18px;height: 1px;background-color: #fff;}
.main-board__skin.board__typeG .more:hover,
.main-board__skin.board__typeG .more:focus{background-color:transparent;}
@media screen and (max-width:1023px){
.main-board__skin.board__typeG .table .obj{width: 56%;height: 100%;margin: 0 0 0 26%;}
.main-board__skin.board__typeG .table .table-col{width:50%;}
.main-board__skin.board__typeG .control button{width:60px;height:60px;}
}
@media screen and (max-width:767px){
.main-board__skin.board__typeG .table{margin: -34px 0 0 0;}
.main-board__skin.board__typeG .table .grap{height: 306px;padding: 52px 0 0 0;}
.main-board__skin.board__typeG .table .obj{width:100%;margin:0;}
.main-board__skin.board__typeG .table .table-col{width:50%;}
.main-board__skin.board__typeG .control{display:none;}
.main-board__skin.board__typeG .more{top: -39px;left: 204px;border: 0;font-size: 0;width: 50px;height: 50px;padding: 10px;}
.main-board__skin.board__typeG .more:before{top: 17px;left: 25px;}
.main-board__skin.board__typeG .more:after{top: 22px;left: 20px;}
}
/* s: typeA */
.main-photo__skin.grap.photo__typeA .title{display:block;color:#000;margin-bottom:28px;font-size:35px;font-weight: bold;text-align:center;line-height:1.3}
.main-photo__skin.grap.photo__typeA .title .descript{display:block;color:#807f7f;font-weight:100;font-size:16px;margin-top:5px;line-height:1.3}
.main-photo__skin.grap.photo__typeA{overflow:hidden;position:relative;margin-top:28px;width:100%;padding-right:1px;}
.main-photo__skin.grap.photo__typeA .obj{position:relative;display:table;table-layout:fixed;border-collapse:collapse;width:1000%;height:100%;}
.main-photo__skin.grap.photo__typeA .obj:after{content:"";display:block;clear:both}
.main-photo__skin.grap.photo__typeA .obj .item{position:relative;display:table-cell;position:relative;width:2.5%;height: 201px;vertical-align:middle;border:1px solid #ddd;background-color:#fff;transition: all 0.4s;margin-left:-1px;}
.main-photo__skin.grap.photo__typeA .obj .item .thumb{display:block;position:relative;width:100%;height:347px;text-align:center;overflow:hidden;}
.main-photo__skin.grap.photo__typeA .obj .item .thumb img{max-width:none;display:block;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height: 100%;}
.main-photo__skin.grap.photo__typeA .obj .item .over{position:absolute;top:0;left:0;padding:20px;padding-top:148px;width:100%;height:100%;opacity:1;background-color:rgba(0,0,0,0.5);text-align:center;font-size:17px;line-height:1.2;font-weight:bold;transition:all 300ms ease-in-out;color:#efefef}
.main-photo__skin.grap.photo__typeA .obj .item .over i{display:block;overflow:hidden;height:46px;}
.main-photo__skin.grap.photo__typeA .obj .item:hover .over,
.main-photo__skin.grap.photo__typeA .obj .item:focus .over{width:100%;opacity:1;color:#fff;background-color:rgba(0,0,0,0.5);}
.main-photo__skin.grap.photo__typeA .obj .item .under{display:block;position:absolute;bottom:110px;left:0;right:0;width:10%;margin:0 auto;opacity:0.5;border-bottom:3px solid #fff;transition:all 300ms ease-in-out;}
.main-photo__skin.grap.photo__typeA .obj .item:hover .under,
.main-photo__skin.grap.photo__typeA .obj .item:focus .under{width:30%;opacity:1;}
.main-photo__skin.grap.photo__typeA .obj .item .over strong{display:block;overflow:hidden;height: 50px;}
.main-photo__skin.grap.photo__typeA .more{position:absolute;top:0;right:0;}
.col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{border:15px solid #fff;width:3.35%}
.col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item .thumb{height: 231px;}
@media screen and (max-width:1024px){
  .main-photo__skin.grap.photo__typeA{overflow:hidden;}
  .main-photo__skin.grap.photo__typeA .obj{display:block;width:1340%}
  .main-photo__skin.grap.photo__typeA .obj .item{display:block;float:left;width:2.5%}
  .col-sm-12 .main-photo__skin.grap.photo__typeA .obj{width:100%;}
  .col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{border:5px solid #fff;width:33.333%}
}
@media screen and (max-width:767px){
  .main-photo__skin.grap.photo__typeA .obj{display:block;width:1000%}
  .main-photo__skin.grap.photo__typeA .obj .item{width:5%}
  .col-sm-12 .main-photo__skin.grap.photo__typeA .obj{width:100%;}
  .col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{width:50%}
}
@media screen and (max-width:560px){
  .main-photo__skin.grap.photo__typeA .obj{display:block;width:1000%}
  .col-sm-12 .main-photo__skin.grap.photo__typeA .obj{width:100%;}
  .col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{width:100%}
}
/* e: typeA */
/* s: typeB */
.main-photo__skin.grap.photo__typeB{position:relative;}
.main-photo__skin.grap.photo__typeB .title{position:relative;padding-left:20px;font-size:24px;line-height:1.2;color:#000;font-size:20px;font-weight:bold}
.main-photo__skin.grap.photo__typeB .title:before{content:'';display:block;position:absolute;top:0;left:0;width:8px;height:22px;background-color:#df3128;}
.main-photo__skin.grap.photo__typeB .control{position:absolute;top:0;right:0;}
.main-photo__skin.grap.photo__typeB .control button{position:relative;display:inline-block;width:35px;height:35px;vertical-align:middle;overflow: hidden;}
.main-photo__skin.grap.photo__typeB .control button:before,
.main-photo__skin.grap.photo__typeB .control button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-photo__skin.grap.photo__typeB .control button[data-control="prev"]:before,
.main-photo__skin.grap.photo__typeB .control button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.main-photo__skin.grap.photo__typeB .control button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
.main-photo__skin.grap.photo__typeB .control button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
.main-photo__skin.grap.photo__typeB .control button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0  #333;}
.main-photo__skin.grap.photo__typeB .control button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}
.main-photo__skin.grap.photo__typeB .obj{position:relative;height:344px;overflow:hidden;}
.main-photo__skin.grap.photo__typeB .obj .item{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.main-photo__skin.grap.photo__typeB .obj .item a{display:block;width:100%;height:100%; position: relative;}
.main-photo__skin.grap.photo__typeB .obj .item .thumb{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;}
.main-photo__skin.grap.photo__typeB .obj .item .thumb img{position:absolute;top:50%;left:50%;max-width:none;max-height:140%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}
/* e: typeB */
/* s: typeC */
.main-photo__skin.grap.photo__typeC{}
.main-photo__skin.grap.photo__typeC .title{color: #231f20; font-size: 20px; font-weight: bold; line-height: 1.3; text-transform: uppercase;}
.main-photo__skin.grap.photo__typeC{position:relative;width:100%;}
.main-photo__skin.grap.photo__typeC .obj{position:relative;display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;margin-left:-15px;}
.main-photo__skin.grap.photo__typeC .obj:after{content:"";display:block;clear:both}
.main-photo__skin.grap.photo__typeC .obj .item{position:relative;display:table-cell;width:33.3%;vertical-align:middle;border: 15px solid transparent;}
.main-photo__skin.grap.photo__typeC .obj .item .thumb{display:block;position:relative;width:100%;height:170px;background-color: rgba(0,0,0,0.2);text-align:center;overflow:hidden;border:1px solid #ddd;}
.main-photo__skin.grap.photo__typeC .obj .item .thumb img{position:absolute;top:50%;left:50%;max-width:none;max-height:280%;transform:translate(-50%, -50%);}
.main-photo__skin.grap.photo__typeC .obj .item .over{overflow: hidden;position: relative;height: 48px;margin-top: 12px;font-size: 14px;}
.col-sm-12 .main-photo__skin.grap.photo__typeC .obj .item .thumb img{max-height:330%}
@media screen and (max-width:1024px){
  .main-photo__skin.grap.photo__typeC{overflow:hidden;}
  .main-photo__skin.grap.photo__typeC .obj .item{display:block;float:left;width:25%}
}
@media screen and (max-width:767px){
  .main-photo__skin.grap.photo__typeC .obj{display:block;width:100%}
  .main-photo__skin.grap.photo__typeC .obj .item{width:50%}
}
/* e: typeC */