/* top Visual */
.sub__visual{ display:flex; overflow:hidden;position:relative; height:500px}
.sub__visual.hide {display: none;}
.sub__visual-title{margin:auto; height:1em; font-size:3.75rem; font-weight:700; color:#fff; text-align:center;}
.sub__visual-img{ position:absolute; top:-40px; right:-40px; bottom:-40px; left:-40px;z-index:-1; background-repeat:no-repeat; background-position:center; background-size:cover}
.sub__visual-img1{background-image:url(/assets/img/sub/common/bg_lnb1.jpg)}
.sub__visual-img2{background-image:url(/assets/img/sub/common/bg_lnb2.jpg)}
.sub__visual-img3{background-image:url(/assets/img/sub/common/bg_lnb3.jpg)}
.sub__visual-img4{background-image:url(/assets/img/sub/common/bg_lnb4.jpg)}
.sub__visual-img5{background-image:url(/assets/img/sub/common/bg_lnb5.jpg)}
.sub__visual-img6{background-image:url(/assets/img/sub/common/bg_lnb6.jpg)}
@media screen and (max-width:1440px){
    .sub__visual{height:350px}
}
@media screen and (max-width:1023px){
    .sub__visual{height:300px}
}
@media screen and (max-width:599px){
    .sub__visual-title{font-size:2.75rem}
    .sub__visual{height:200px}
}

/* top lnb */
.sub__lnb-wrap{display:flex; border-bottom:1px solid #ddd; height:70px}
.sub__lnb-wrap .btn__share{ margin-right:1em;margin-left:auto; height:70px; line-height:70px; transition:color 200ms; cursor:pointer}
.sub__lnb-wrap .btn__share svg{ margin-right:5px; font-size:24px;transform:translateY(3px)}
.sub__lnb-wrap .btn__share:hover{color:#d71837}
.sub__lnb{display:flex; height:100%}
.sub__lnb > .sub__lnb-title a{padding:0 2em}
.sub__lnb-title{ border-right:1px solid #ddd;position:relative}
.sub__lnb-title,
.sub__lnb-title a{display:block; padding:0 1em; height:100%; line-height:70px}
.sub__lnb-title.title--depth1,
.sub__lnb-title.title--depth2{display:flex; flex-direction:row; min-width:260px; cursor:pointer}
.sub__lnb-title:after{ position:absolute; bottom:0; left:0; width:0; height:1px; background:#d71837; transition:width 300ms;content:''}
.sub__lnb-title:hover:after{width:100%}
.sub__lnb-title svg{margin:auto 0 auto auto}
.sub__lnb-item{position:relative}
.sub__lnb-item > ul{display:none; border:1px solid #ddd; border-top:0; position:absolute; top:calc(100% - 1px); right:0; left:-1px; z-index:99; background:#fff}
.sub__lnb-item > ul li{border-top:1px solid #ddd}
.sub__lnb-item > ul a{display:block; padding:.75em 1em; background:#fff; transition:background 300ms}
.sub__lnb-item > ul a:hover{background:#f5f5f5}
.sub__lnb-item.is-active .sub__lnb-title svg{transform:rotate(180deg) translateY(-3px)}
@media screen and (max-width:1440px){
    .sub__lnb-wrap{height:50px}
    .sub__lnb-wrap .btn__share{height:50px; line-height:50px}
    .sub__lnb-title,
    .sub__lnb-title a{line-height:50px}
}
@media screen and (max-width:1023px){
    .sub__lnb-wrap{display:none}
}


/* common */
.container-inn{padding:5em 0}
.sec + .sec{margin-top:6em}
@media screen and (max-width:1024px){
    .container-inn{padding:4em 0}
}
@media screen and (max-width:599px){
    .container-inn{padding:3em 0}
    .sec + .sec{margin-top:4em}

}


.sub__title{ margin-top:1em; margin-bottom:.75em;position:relative; font-size:2.375rem; font-weight:700; line-height:1.35; word-break:keep-all}
.sub__title:before{ position:absolute; top:-.5em; left:0; width:55px; height:5px; background:#d71837;content:''}
.sub__title.title--small{margin-top:0; font-size:1.875rem}
.sub__title.title--small:before{display:none}
.sub__title-wrap p{word-break:keep-all;}
@media screen and (max-width:599px){
    .sub__title{margin-top:.5em; font-size:2rem}
    .sub__title:before{top:-.35em; width:30px; height:3px}
    .sub__title.title--small{font-size:1.5rem}
}

.paragraph p{font-size:1.125rem; line-height:1.8; color:#666; word-break:keep-all}
.paragraph p + p{margin-top:1.5em}
@media screen and (max-width:599px){
}

.img-paragraph{display:flex}
.img-paragraph .img{margin-right:2em}
.img-paragraph .text .title{margin-bottom:.5em; font-size:2.375rem}
.img-paragraph .text p{font-size:1.125rem; line-height:1.5}

.full-visual{ background-repeat:no-repeat;background-position:center; background-size:cover}

.color-subway1{color:#0a59c4}
.color-subway4{color:#0098f9}
.color-subway-etc{color:#00ba90}


/* about */
/* about intro */
.page--about1 .sub__title{width:50%}
.page--about1 .visual--about{margin-bottom:5em; height:60vh; max-height:540px; background-image:url(/assets/img/sub/about/bg_about.png)}
.page--about1 .about-intro{margin-bottom:7em}
.page--about1 .about-intro .paragraph{margin-top:1.5em}
.page--about1 .card__list-item{ margin:0 auto; overflow:hidden;position:relative; max-width:1920px; height:440px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; text-align:center; transition:all 300ms}
.page--about1 .card__list-item:nth-child(1){background-image:url(/assets/img/sub/about/card_img1.jpg)}
.page--about1 .card__list-item:nth-child(2){background-image:url(/assets/img/sub/about/card_img2.jpg)}
.page--about1 .card__list-item:nth-child(3){background-image:url(/assets/img/sub/about/card_img3.jpg)}
.page--about1 .card__list-item:nth-child(4){background-image:url(/assets/img/sub/about/card_img4.jpg)}
.page--about1 .card__list-item:nth-child(5){background-image:url(/assets/img/sub/about/card_img5.jpg)}
.page--about1 .card__list-item:nth-child(6){background-image:url(/assets/img/sub/about/card_img6.jpg)}
.page--about1 .card__list-item:nth-child(7){background-image:url(/assets/img/sub/about/card_img7.jpg)}
.page--about1 .card__list-item:before{ position:absolute; top:0; left:-100%; z-index:0; width:100%; height:100%; background:#d71837; transition:left 350ms;content:''; opacity:.8}
.page--about1 .card__list-item dl{ display:flex; flex-direction:column;position:relative; z-index:1; height:100%}
.page--about1 .card__list-item dt{ margin-top:auto;margin-bottom:.5em; height:1em; font-size:1.875rem; transition:all 300ms}
.page--about1 .card__list-item dd:nth-child(2){margin-bottom:auto; font-size:1.25rem; text-transform:uppercase; opacity:.5}
.page--about1 .card__list-item .hide{ overflow:hidden; height:0; font-size:1rem; transition:opacity 300ms, height 600ms;opacity:0}
.page--about1 .card__list-item .css--plus{ position:absolute; top:80%; left:50%; z-index:2; width:40px; height:40px;opacity:0; transform:translateX(-50%)}
.page--about1 .card__list-item .css--plus .bar{height:3px}
.page--about1 .card__list-item .css--plus .bar:nth-child(1){transform:rotate(-180deg)}
.page--about1 .card__list-item .css--plus .bar:nth-child(2){ transition-duration:400ms;transform:rotate(180deg)}
.page--about1 .card__list-item:hover{box-shadow:5px 5px 20px 0 rgba(0,0,0,.35)}
.page--about1 .card__list-item:hover:before{left:0}
.page--about1 .card__list-item:hover dt{margin-top:2em}
.page--about1 .card__list-item:hover dd:nth-child(2){margin-bottom:1.5em}
.page--about1 .card__list-item:hover .hide{ margin-bottom:auto; padding:0 2em;  height:auto; font-weight:300; line-height:1.7; word-break:keep-all;opacity:.5}
.page--about1 .card__list-item:hover .css--plus{opacity:1}
.page--about1 .card__list-item:hover .css--plus .bar:nth-child(1){transform:rotate(0deg)}
.page--about1 .card__list-item:hover .css--plus .bar:nth-child(2){transform:rotate(90deg)}
@media screen and (max-width:1023px){
    .page--about1 .visual--about{padding-bottom:30vw; height:auto; background-size:contain}
    .page--about1 .about-intro .paragraph{width:100%}
    .page--about1 .card__list-item{height:390px}
}
@media screen and (max-width:900px){
    .page--about1 .card__list-item{height:330px}
}
@media screen and (max-width:599px){
    .page--about1 .sub__title{width:100%; font-size:1.65rem}
    .page--about1 .visual--about{margin-bottom:1em}
}

/* about greeting */
.page--about2 .tab__content-wrap{display:flex}
.page--about2 .photo{margin-bottom:5em; width:380px; height:470px; background-repeat:no-repeat; background-position:top; background-size:cover}
.page--about2 .text-wrap{margin-left:auto; width:calc(100% - 380px - 4em)}
.page--about2 .paragraph-ment{margin-bottom:1em; font-size:2.375rem; line-height:1.3}
.page--about2 .paragraph{width:80%}
.page--about2 .paragraph .big{margin-left:5px; font-size:1.5rem; font-weight:600; color:#333}
.page--about2 .sign{display:inline-block;margin-left:1em; transform:translateY(8px)}
@media screen and (max-width:768px){
    .page--about2 .tab__content-wrap{flex-direction:column}
    .page--about2 .photo{margin:0 auto 3em 0}
    .page--about2 .text-wrap,
    .page--about2 .paragraph{width:100%}
}
@media screen and (max-width:599px){
    .page--about2  .tab__item + .tab__item{margin-left:1em}
    .page--about2 .photo{width:100%; height:32em}
    .page--about2 .paragraph-ment{font-size:2rem}
}



/* about history */
/* .history__visual-top{z-index:100; position:relative; display:flex; height:calc(100vh - 90px); background:url('/assets/img/sub/about/history_top.jpg') center no-repeat; background-size:cover} */
.history__visual-top{ display:flex; overflow:hidden; position:relative;z-index:100; height:calc(100vh - 90px)}
.history__visual-top-img{ position:absolute; top:-40px; right:-40px; bottom:-40px; left:-40px;z-index:-1; background:url('/assets/img/sub/about/bg_history.jpg') center no-repeat; background-size:cover}
.history__visual-top h3{margin:auto; height:1em; font-size:3.75rem; font-weight:700; color:#fff}
.history__visual-top .text{position:absolute; font-size:16rem; font-weight:700; line-height:1; color:#fff; opacity:.3}
.is-webkit .history__visual-top .text{color:transparent; -webkit-text-stroke:1px #fff}
.history__visual-top .left{ top:33px;left:-10px}
.history__visual-top .right{right:-10px; bottom:-15px}
.history__layout-wrap{position:relative}
.history__layout-timeline.is-fixed{ position:fixed; right:0; left:0;z-index:200; background:#fff}
.history__layout-timeline ul{ display:flex; padding:1.5em 0 3em;position:relative}
.history__layout-timeline ul:after{ display:block; clear:both;content:''}
.history__layout-timeline ul:before{ position:absolute; right:40px; bottom:1.75em; left:50px; height:6px; background:#efefef;content:''}
.history__layout-timeline li{margin:0 auto}
.history__layout-timeline li:first-child{margin-left:0}
.history__layout-timeline li:last-child{margin-right:0}
.history__layout-timeline a{position:relative; font-size:1.125rem; font-weight:700}
.history__layout-timeline span{position:absolute; bottom:-1.15em; left:45%; width:6px; height:6px; background:#d71837; transform:translateX(50%); border-radius:50%}
.history__layout-timeline a:hover,
.history__layout-timeline a.is-active{color:#d71837}
.history__layout-timeline a.is-active span:after{ border:1px solid #d71837; position:absolute; top:50%; left:50%; width:22px; height:22px;content:''; transform:translate(-50%,-50%); border-radius:50%}
.history__layout-back{ position:fixed; top:1em; left:50%;z-index:-1; font-size:16.250rem; font-weight:700; color:#e0e0e0; transform:translateX(-50%); opacity:.3}
.is-webkit .history__layout-back{color:transparent; -webkit-text-stroke:2px #aaa}
.history__layout{padding:20em 0 6em}
.history__layout-year{visibility:hidden; color:transparent; transform:translateY(-5em)}
.history__layout-item{position:relative}
.history__layout-item:after{ display:block; clear:both;content:''}
.history__layout-item > *:nth-child(2),
.history__layout-item > *:nth-child(3){width:50%}
.history__layout-item-year{ height:0;visibility:hidden}
.history__layout-item .img{ display:inline-block;position:relative}
.history__layout-item .img img{max-width:100%}
.history__layout-item .linebox{position:absolute; top:0; right:0; bottom:0; left:0}
.history__layout-item .linebox div{ position:absolute; background:#fff; transition:all 600ms;opacity:.5}
.history__layout-item .linebox div:nth-child(1){ top:.5em;right:100%; left:.5em; height:1px; transition-delay:80ms}
.history__layout-item .linebox div:nth-child(2){top:100%; bottom:.75em; left:.5em; width:1px; transition-delay:320ms}
.history__layout-item .linebox div:nth-child(3){ top:.5em; right:.5em;bottom:calc(100% - .75em); width:1px; transition-delay:160ms}
.history__layout-item .linebox div:nth-child(4){ right:.5em; bottom:.75em;left:100%; height:1px; transition-delay:240ms}
.history__layout-item .txt{position:absolute; top:50%; font-weight:700; transform:translateY(-50%)}
.history__layout-item .txt dl{font-size:1.25rem}
.history__layout-item .txt dl:after{ display:block; clear:both;content:''}
.history__layout-item .txt dl + dl{margin-top:1em}
.history__layout-item .txt dl > *{float:left}
.history__layout-item .txt dd{word-break:keep-all}
.history__layout-item .txt .year{width:110px; color:#d71837}
.history__layout-item .txt .title{width:calc(100% - 110px)}
.history__layout-item .txt .title p{margin-top:5px; width:80%; font-size:.875rem; font-weight:500; word-break:keep-all}
.history__layout-item:nth-child(even) .img-wrap{float:left}
.history__layout-item:nth-child(even) .txt{right:0}
.history__layout-item:nth-child(4n) .img-wrap{float:right; text-align:right}
.history__layout-item:nth-child(4n) .txt{left:0}
.history__layout-item:hover .linebox div:nth-child(1){right:.5em}
.history__layout-item:hover .linebox div:nth-child(2){top:.5em}
.history__layout-item:hover .linebox div:nth-child(3){bottom:.5em}
.history__layout-item:hover .linebox div:nth-child(4){left:.5em}
@media screen and (max-width:1440px){
    .history__visual-top .text{font-size:10rem}
    .history__visual-top .left{top:50px}
    .history__visual-top .right{bottom:-5px}
    .history__layout-item .txt .year{width:90px}
    .history__layout-item .txt .title{width:calc(100% - 90px)}
    .history__layout-item:nth-child(4n - 2) .txt{padding-left:1.5em}
}
@media screen and (max-width:1023px){
    .history__layout-item{padding:2em 0}
    .history__layout-item > *:nth-child(2),
    .history__layout-item > *:nth-child(3){width:100%}
    .history__layout-item .img-wrap,
    .history__layout-item .txt{ margin-top:1.5em;position:relative; float:none !important; transform:none}
    .history__layout-item .txt .title p{width:50%}
    .history__layout-item:nth-child(4n){text-align:right}
    .history__layout-item:nth-child(4n) .txt dl > *{ display:inline-block;float:none}
    .history__layout-item:nth-child(4n) .txt .year{vertical-align:top}
    .history__layout-item:nth-child(4n) .txt .title{ margin-left:1em;width:calc(58% - 90px); text-align:left}
    .history__layout-item:nth-child(4n - 2) .txt{padding-left:0}
}
@media screen and (max-width:599px){
    .history__visual-top{}
    .history__visual-top h3{padding:0 10px; font-size:3rem}
    .history__visual-top .text{font-size:8rem}
    .history__visual-top .left{left:-5px}
    .history__layout-timeline ul{flex-wrap:wrap; padding:0 0 2em}
    .history__layout-timeline ul:before{ position:absolute; top:4.5em; right:60px; left:60px; z-index:0; height:6px; background:#efefef;content:''}
    .history__layout-timeline ul:after{ position:absolute; top:10.2em; right:60px; left:60px; z-index:0; height:6px; background:#efefef;content:''}
    .history__layout-timeline li{margin:2em 0; width:calc(100% / 3); text-align:center}
    .history__layout-back{top:3em; font-size:10rem}
    .history__layout-item .img,
    .history__layout-item img{width:100%}
    .history__layout-item .txt .title p{width:100%}
    .history__layout-item:nth-child(4n){text-align:left}
    .history__layout-item:nth-child(4n) .txt .title{ margin:0;width:calc(100% - 100px)}
}

/* about vision */
.page--about4{}
.page--about4 .visual--about{margin-bottom:5em; height:70vh; max-height:560px; background-image:url(/assets/img/sub/about/bg_vision.png); background-position:center bottom; background-size:contain}
.page--about4 .sub__title.title--small{margin-bottom:5px}
.page--about4 .article + .article{margin-top:4em}
.page--about4 .img-float-wrap{height:340px}
.page--about4 .img-float-wrap + .img-float-wrap{margin-top:4em}
.page--about4 .photo{width:100%}
@media screen and (max-width:1023px){
    .page--about4 .visual--about{padding-bottom:30vw; height:auto; background-size:contain}
}
@media screen and (max-width:599px){
    .page--about4 .img-float-wrap{height:auto}
    .page--about4 .img-float-wrap .img{height:340px}
}


/* about ci */
.symbol-wrap{ border:1px solid #ddd;position:relative; height:100%; background:url('/assets/img/sub/about/bg_symbol.png') 0 0 repeat}
.symbol-wrap img{position:absolute; top:50%; left:50%; max-width:100%; transform:translate(-50%, -50%)}
.page--about5 .btn-download{margin-top:1em}
.page--about5 .card__list.symbol,
.page--about5 .card__list.signature{margin-bottom:2em}
.page--about5 .card__list.symbol .symbol-wrap,
.page--about5 .card__list.signature .symbol-wrap{height:330px}
.page--about5 .card__list.symbol + .paragraph,
.page--about5 .card__list.signature + .paragraph{margin-bottom:2em}
.page--about5 .card__list.color{margin-bottom:2em}
.page--about5 .card__list.color .card__list-item{display:flex; flex-direction:column; padding:2em; height:180px; color:#fff}
.page--about5 .card__list.color .card__list-item p{ margin-top:auto;margin-bottom:1em; font-size:1.125rem; color:#fff}
.page--about5 .card__list.color .card__list-item dl{ font-size:12px; font-weight:300; letter-spacing:1px;opacity:.7}
.page--about5 .card__list.color .card__list-item dl + dl{margin-top:5px}
.page--about5 .card__list.color .card__list-item dt{ margin-right:15px;position:relative; font-weight:300}
.page--about5 .card__list.color .card__list-item dt:after{ position:absolute; top:1px; right:-7px; width:1px; height:12px; background:#fff;content:''}
.page--about5 .card__list.color .card__list-item:nth-child(1){background:#d71837}
.page--about5 .card__list.color .card__list-item:nth-child(2){background:#3f2724}
.page--about5 .card__list.color .card__list-item:nth-child(3){background:#fe6b00}
.page--about5 .card__list.color .card__list-item:nth-child(4){background:#7c7365}
.page--about5 .card__list.color .card__list-item:nth-child(5){background:#937961}
.page--about5 .card__list.color .card__list-item:nth-child(6){background:#909297}
.page--about5 .card__list.logo{margin-top:2em}
.page--about5 .card__list.logo .card__list-item{padding-top:4em; padding-bottom:4em; border:1px solid #ddd; text-align:center}
.page--about5 .card__list.padding--non .card__list-item{ margin-right:0;padding-top:3em; padding-bottom:3em; width:calc(100% / 5); text-align:center}
.page--about5 .card__list.padding--non .card__list-item:nth-child(1){background:#ccc}
.page--about5 .card__list.padding--non .card__list-item:nth-child(2){background:#999}
.page--about5 .card__list.padding--non .card__list-item:nth-child(3){background:#666}
.page--about5 .card__list.padding--non .card__list-item:nth-child(4){background:#333}
.page--about5 .card__list.padding--non .card__list-item:nth-child(5){background:#000}
@media screen and (max-width:900px){
    .page--about5 .card__list.column2 .card__list-item{width:100%}
    .page--about5 .card__list.symbol .symbol-wrap,
    .page--about5 .card__list.signature .symbol-wrap{height:300px}
    .page--about5 .card__list.padding--non .card__list-item{width:calc(100% / 3)}
}
@media screen and (max-width:599px){
    .page--about5 .card__list.padding--non .card__list-item{width:calc(100% / 2)}
    .page--about5 .card__list.color .card__list-item dt:after{top:4px}
}

/* about addr */
.page--about6 .about-map,
.page--about6 .about-direct{width:calc((100% / 2) - 1em)}
.page--about6 .about-map{margin-right:1.5em; height:380px}
.page--about6 .about-direct .btn{margin-top:60px}
.page--about6 .addr-list{margin-top:2em; border-top:1px solid #333}
.page--about6 .description__list{padding:1.25em; border-bottom:1px solid #ddd; font-size:1.125rem}
.page--about6 .description__list dt{width:20%}
.page--about6 .card__list-item{padding:2em; border:1px solid #ddd; text-align:center}
.page--about6 .card__list-item > *{ margin-right:auto;margin-left:auto}
.page--about6 .card__list-item > * + *{margin-top:.75em}
.page--about6 .card__list-item p{ font-size:1.125rem;line-height:1.4}
.page--about6 .icon-subway-wrap{display:flex; align-items:center; justify-content:center}
.page--about6 .icon-subway-wrap .icon-subway.subway4{width:40px}
.page--about6 .list--bus .card__list-item{height:210px}
.page--about6 .bus-wrap p{margin-top:.5em; font-weight:700}
.page--about6 .about-slide{position:relative}
.page--about6 .img-slide .slick-slide .about-slide-msg{opacity:0}
.page--about6 .img-slide .slick-slide.slick-current .about-slide-msg{opacity:1}
.page--about6 .about-slide-msg{position:absolute; right:0; bottom:0; left:0; z-index:999; background:rgba(0,0,0,.25); transition:opacity 300ms}
.page--about6 .about-slide-msg p{padding:1em 0; font-size:1.125rem; color:#fff; text-align:center}
.page--about6 .img-slide .thumb img{width:100%}
@media screen and (max-width:1280px){
    .page--about6 .img-slide .slick-slide{opacity:0}
    .page--about6 .img-slide .slick-slide.slick-current{opacity:1}
}
@media screen and (max-width:1023px){
    .page--about6 .about-map,
    .page--about6 .about-direct{ margin-right:0;width:100%}
    .page--about6 .about-map{height:300px}
    .page--about6 .about-direct{margin-top:1.5em}
    .page--about6 .about-direct .btn{margin-top:1em}
    .page--about6 .card__list.column2 .card__list-item{width:100%}
    .page--about6 .card__list-item{display:flex}
    .page--about6 .card__list-item > * + *{margin-top:0}
    .page--about6 .card__list-item .icon-subway-wrap,
    .page--about6 .card__list-item > .icon-subway{ margin-right:3em;margin-left:1em; width:180px}
    .page--about6 .card__list-item p{display:flex; align-items:center; margin-left:0; text-align:left}
    .page--about6 .card__list-item p br{display:none}
    .page--about6 .list--bus .card__list-item{height:150px}
    .page--about6 .list--bus .card__list-item{padding:1em}
    .page--about6 .list--bus .card__list-item .bus-wrap{ margin:auto 0;width:180px; text-align:left}
    .page--about6 .list--bus .card__list-item .bus-wrap p{margin-top:10px; text-align:center}
    .page--about6 .list--bus .card__list-item > p{margin:auto 0 auto 15px; width:55%}
    .page--about6 .card__list-item{display:block}
    .page--about6 .card__list-item > *{ margin-right:auto !important;margin-left:auto !important;}
    .page--about6 .card__list-item p{display:block; margin-top:10px; text-align:center}
    .page--about6 .list--bus .card__list-item{height:auto}
    .page--about6 .list--bus .card__list-item .bus-wrap{text-align:center}
}
@media screen and (max-width:599px){
    .page--about6 .description__list{flex-wrap:wrap}
    .page--about6 .list--bus .card__list-item > p{width:80%}
}


/* business */
/* business index */
.business-intro{position:relative}
.business__menu{ position:fixed; top:50%; left:0;z-index:1; width:180px; transform:translateY(-50%)}
.business__menu-item{ width:90%; background:rgba(0,0,0,.5); transition:all 300ms; cursor:pointer;opacity:.6}
.business__menu-item a{display:block; margin-left:auto; padding:1.5em 2em; color:#fff; text-align:right; transition:width 300ms}
.business__menu-item + *{margin-top:.5em}
.business__menu-item:hover,
.business__menu-item.active{ width:100%; background:#d71837;opacity:1}
@media screen and (max-width:1023px){
    .business__menu{display:none}
}
.business-intro .full__visual{}
.business-intro .full__visual-item{position:relative; height:100vh; color:#fff; text-align:center}
.business-intro .full__visual-item .wrap{display:flex; flex-direction:column; height:100%}
.business-intro .full__visual-item .btn__visual-next{display:none; position:absolute; bottom:2em; left:50%; width:45px; height:45px; background:url('/assets/img/common/arrow-bottom.png') center no-repeat; transform:translateX(-50%)}
.business-intro .full__visual-item .bg{ position:absolute; top:0; right:0; bottom:0; left:0;z-index:-1; background-repeat:no-repeat; background-attachment:fixed; background-position:center; background-size:cover}
.business-intro .full__visual-item .title__wrap{margin-top:auto; margin-bottom:auto; transition:opacity 500ms, transform 500ms; opacity:0; transform:translateY(-6em)}
.business-intro .full__visual-item .icon{margin:0 auto 1.5em; width:110px; height:100px; background-repeat:no-repeat; background-position:bottom center; background-size:contain}
.business-intro .full__visual-item .title{font-size:4.625rem; font-weight:700}
.business-intro .full__visual-item .text{margin:3em auto 0; width:70%; font-size:1.125rem; font-weight:300; line-height:1.7; word-break:keep-all; opacity:.6;}
.business-intro .full__visual-item .detail__list{display:flex; margin-bottom:6em; width:100%; text-align:center; transition:opacity 500ms, transform 500ms; opacity:0; transform:translateY(-6em)}
.business-intro .full__visual-item .detail__list-item{width:calc(100% / 6)}
.business-intro .full__visual-item .detail__list-item:first-child{margin-left:auto}
.business-intro .full__visual-item .detail__list-item:last-child{margin-right:auto}
.business-intro .full__visual-item .detail__list-link{ display:block; padding-bottom:1.25em;position:relative; font-size:1.15rem; color:#fff}
.business-intro .full__visual-item .detail__list-link:after{ position:absolute; right:1em; bottom:0; left:1em; height:4px; background:#fff; transition:opacity 300ms, background 300ms;content:''; opacity:.4}
.business-intro .full__visual-item .detail__list-link:hover:after{ background:#d71837;opacity:1}
.business-intro .full__visual-item.active .title__wrap,
.business-intro .full__visual-item.active .detail__list{opacity:1; transform:translateY(0)}
@media screen and (max-width:1440px){
    .business-intro .full__visual-item .detail__list{ margin-right:auto; margin-left:auto;width:80%}
}
@media screen and (max-width:1023px){
    .business-intro .full__visual-item .detail__list{margin-bottom:8em; width:100%}
    /* .business-intro .full__visual-item .btn__visual-next{display:block} */
    .business-intro .full__visual-item .icon{width:90px; height:80px}
    .business-intro .full__visual-item .title{font-size:4rem}
    .business-intro .full__visual-item .text{margin-top:2em}
    .business-intro .full__visual-item .detail__list{display:flex; flex-wrap:wrap}
    .business-intro .full__visual-item .detail__list-item{width:calc(100% / 3)}
    .business-intro .full__visual-item .detail__list-item:nth-child(n + 4){margin-top:2.5em}
    .business-intro .full__visual-item.active .title__wrap br{display:none}
}
@media screen and (max-width:599px){
    .business-intro .full__visual-item .title__wrap,
    .business-intro .full__visual-item .detail__list{opacity:1; transform:none}
}
@media screen and (max-width:375px){
    .business-intro .full__visual-item .title__wrap{margin-top:3.5em}
    .business-intro .full__visual-item .title{font-size:2.25rem}
    .business-intro .full__visual-item .text{width:90%}
    .business-intro .full__visual-item .detail__list{margin-top:3em}
    .business-intro .full__visual-item .detail__list-item{ margin-top:1.75em;width:50%}
    .business-intro .full__visual-item .detail__list-item:nth-child(n + 3){margin-top:1.75em}
    .business-intro .full__visual-item .detail__list-link{padding-bottom:1em}
}

/* business sub top */
.busi__visual-wrap{display:flex; flex-direction:column; overflow:hidden; position:relative; height:80vh; min-height:500px; max-height:700px}
.busi__visual-wrap .sub__visual-img{background-image:url(/assets/img/sub/business/bg_full_business1.jpg); background-position:center top}
.busi__visual-wrap .sub__visual-title{margin-bottom:1.5em}
.busi__visual-wrap .busi__menu-list{display:flex; margin:0 auto auto; width:1200px}
.busi__visual-wrap .busi__menu-item{ width:calc(100% / 6); text-align:center; transition:opacity 300ms;opacity:.5}
.busi__visual-wrap .busi__menu-item.is-active,
.busi__visual-wrap .busi__menu-item:hover{opacity:1}
.busi__visual-wrap .busi__menu-link .icon{display:block; height:80px}
.busi__visual-wrap .busi__menu-link .icon img{max-height:60px}
.busi__visual-wrap .busi__menu-link .text{display:block; margin-top:1em; font-size:1.125rem; color:#fff}
@media screen and (max-width:1280px){
    .busi__visual-wrap .busi__menu-list{width:100%}
}
@media screen and (max-width:768px){
    .busi__visual-wrap{padding-bottom:4em; height:inherit;max-height:inherit}
    .busi__visual-wrap .sub__visual-title{margin-top:2em; margin-bottom:1em}
    .busi__visual-wrap .busi__menu-list{ justify-content:center;flex-wrap:wrap}
    .busi__visual-wrap .busi__menu-list:after{ display:block; clear:both;content:''}
    .busi__visual-wrap .busi__menu-item{ width:calc(100% /3);float:left}
    .busi__visual-wrap .busi__menu-item:nth-child(n + 4){margin-top:3em}
}
@media screen and (max-width:599px){
    .busi__visual-wrap .busi__menu-item:nth-child(1) .icon img{transform:translateY(15px)}
    .busi__visual-wrap .busi__menu-link .icon{height:60px}
    .busi__visual-wrap .busi__menu-link .icon img{max-width:45%}
    .busi__visual-wrap .busi__menu-link .text{margin-top:6px}
}
@media screen and (max-width:320px){
    .busi__visual-wrap .busi__menu-item{width:calc(100% /3)}
    .busi__visual-wrap .busi__menu-link .icon{height:50px}
    .busi__visual-wrap .busi__menu-link .icon img{width:40%}
}

/* business common */
.page--busi .tab{display:flex; margin-bottom:3em}
.page--busi .tab2 .tab__item{width:calc(80% / 2)}
.page--busi .tab3 .tab__item{width:calc(80% / 3)}
.page--busi .tab__item + *{margin-left:auto}
.page--busi .tab__content-inn .sec4:last-child{padding-bottom:4em}
@media screen and (max-width:1024px){
    .page--busi .tab{display:block}
    .page--busi .tab__item{width:calc(100% / 4) !important}
    .page--busi .tab__item:nth-child(n + 5){margin-top:1em}
}
@media screen and (max-width:768px){
    .page--busi .tab__item{width:calc(100% / 2) !important; font-size:1.5rem}
    .page--busi .tab__item:nth-child(n + 3){margin-top:1em}
}
.page--busi .sec1{ padding-top:4em;position:relative}
.page--busi .sec1:before{ display:block; position:absolute; top:0; right:0; bottom:30%; left:0; z-index:-1; background:url('/assets/img/sub/business/bg-business-d.jpg') center 0 repeat-x;content:''}
.page--busi .sec1 .img-slide{margin-top:2em}
.page--busi .sec1 .img-slide .slick-list{overflow:hidden}
.page--busi .sec1 .clearfix + .clearfix{margin-top:1.5em}
.page--busi .sec1 .float-right{width:calc(100% - 307px - 3em)}
.page--busi .sec1 .description__list{font-size:1.125rem}
.page--busi .sec1 .description__list:after{ display:block; clear:both;content:''}
.page--busi .sec1 .description__list + .description__list{margin-top:.5em}
.page--busi .sec1 .description__list dt,
.page--busi .sec1 .description__list dd{float:left}
.page--busi .sec1 .description__list dt{margin-right:.25em; font-weight:400; color:#d71837}
.page--busi .sec1 .description__list dd,
.page--busi .sec1 .description__list dd *{color:#777}
.page--busi .sec1 .description__list dd + dt:before,
.page--busi .sec1 .description__list dd + dd:before{ display:inline-block; margin:0 .35em; color:#777;content:'/'; transform:translateY(-1px)}
@media screen and (max-width:1023px){
    .page--busi .sec1 .float-left,
    .page--busi .sec1 .float-right{float:none}
    .page--busi .sec1 .float-right{margin-top:10px; width:100%}
}
@media screen and (max-width:768px){
    .page--busi .sec1 .float-left img{max-width:60vw}
    .page--busi .sec1 .img-slide img{ max-width:100%;max-height:40vh}
}
@media screen and (max-width:599px){
    .page--busi .sec1 .description__list{display:flex; flex-direction:column;}
    .page--busi .sec1 .description__list dd + dt{margin-top:8px}
    .page--busi .sec1 .description__list dd + dt:before{display:none}
}

.page--busi .sec2{position:relative}
.page--busi .sec2 .sub__title{width:50%}
.page--busi .sec2 article + article{margin-top:6em}
.page--busi .sec2 .paragraph{font-size:1.125rem}
.page--busi .sec2 .paragraph-title{margin-top:1em; font-size:1.875rem; font-weight:700}
.page--busi .sec2 .rotate-img{position:absolute; right:-5%; bottom:-30%; width:380px}
.page--busi .sec2 .rotate-img img{width:100%}
@media screen and (max-width:768px){
    .page--busi .sec2 .sub__title{width:100%}
    .page--busi .sec2 .rotate-img{width:300px}
}
.page--busi .sec3 .vod-wrap{min-height:300px}
.page--busi .sec4 article + article{margin-top:6em}
.page--busi .sec4 .img-float-wrap{height:370px}
.page--busi .sec4 .img-float-wrap + .img-float-wrap{margin-top:2em}
.page--busi .sec4 .img-float-box{width:50%}
.page--busi .sec4 .img-float-box.img{height:100%}
.page--busi .sec4 .paragraph{font-size:1.125rem}
.page--busi .sec4 .card__list p{ font-size:1.125rem;color:#666}
.page--busi .sec4 .description__list-wrap{margin-bottom:3em; border-top:1px solid #999}
.page--busi .sec4 .description__list{display:flex; padding:1em 0; border-bottom:1px solid #ddd; font-size:1.125rem}
.page--busi .sec4 .description__list dt{width:20%}
.page--busi .sec4 .description__list dd{width:80%; color:#666; word-break:keep-all}
.page--busi .sec4 .card__list-item img{width:100%}
@media screen and (max-width:599px){
    .page--busi .sec4 .img-float-wrap{height:auto}
    .page--busi .sec4 .img-float-box{width:100%}
    .page--busi .sec4 .img-float-box.img{ height:35vh;background-size:contain}
    .page--busi .sec4 .description__list{flex-wrap:wrap}
    .page--busi .sec4 .description__list dt,
    .page--busi .sec4 .description__list dd{width:100%}
}
.page--busi .sec5{ margin-bottom:0;padding:6em 0; background:#f5f5f5}
.page--busi .sec5 .description__list-wrap{border-top:1px solid #333}
.page--busi .sec5 .description__list{display:flex; padding:1em 0; border-bottom:1px solid #ddd; font-size:1.125rem}
.page--busi .sec5 .description__list dt{width:20%; word-break:keep-all;}
.page--busi .sec5 .description__list dd{color:#666; word-break:keep-all}
.page--busi .sec5 .description__list dd:nth-child(2){width:45%}
@media screen and (max-width:599px){
    .page--busi .sec5{padding:3em 0}
    .page--busi .sec5 .description__list{flex-direction:column}
    .page--busi .sec5 .description__list dt,
    .page--busi .sec5 .description__list dd{width:100% !important}
    .page--busi .sec5 .description__list dd:nth-child(2){margin:5px 0}
}



/* global  */
.page--glob1 .global__map-wrap{ margin:4em 0;position:relative; height:580px; background:linear-gradient(#d7e1ec 25%, #eef3f8)}
.page--glob1 .global__map{ margin:0 auto;position:relative; width:1540px; height:100%}
.page--glob1 .global__map-bg{width:100%; height:100%; background:url('/assets/img/sub/global/img_map.png') center no-repeat}
.page--glob1 .global__map-link{ display:inline-block;position:absolute; text-align:center}
.page--glob1 .global__map-link img{transform:translateX(4px)}
.page--glob1 .global__map-link .text{display:block; font-size:14px; font-weight:700; text-transform:uppercase; transform:translateY(-10px)}
.page--glob1 .global__map-link.kr{top:248px; left:615px}
.page--glob1 .global__map-link.jp{top:227px; left:679px}
.page--glob1 .global__map-link.cn{top:275px; left:530px}
.page--glob1 .global__map-link.in{top:324px; left:409px}
.page--glob1 .global__map-link.uae{top:319px; left:301px}
.page--glob1 .global__map-link.cz{top:212px; left:144px}
.page--glob1 .global__map-link.de{top:175px; left:82px}
.page--glob1 .global__map-link.es{top:239px; left:60px}
.page--glob1 .global__map-link.mx{top:323px; left:1172px}
.page--glob1 .global__map-link.vi{top:390px; left:520px}
.page--glob1 .global__map-link.usa{top:249px; left:1085px}
.page--glob1 .global__map-link.my{top:340px; left:480px}
.page--glob1 .tab{display:flex}
.page--glob1 .tab__item{float:none}
.page--glob1 .tab__item + .tab__item{margin-left:auto}
.page--glob1 .line{margin:2.5em 0; width:100%; height:1px; background:#333}
.page--glob1 .img-paragraph .img{position:relative; width:40%}
.page--glob1 .img-paragraph .img img{width:100%}
.page--glob1 .img-paragraph .icon{ position:absolute; top:.75em; left:.75em;z-index:150; width:60px; height:60px; background-color:#d9e3ee; border-radius:50%}
.page--glob1 .img-paragraph .icon span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:12px 18px}
.page--glob1 .img-paragraph .text{width:calc(60% - 3em); word-break:keep-all;}
.page--glob1 .img-paragraph .text .title{font-weight:700}
.page--glob1 .addr-wrap .btn{font-weight:300}
.page--glob1 .addr-wrap > * + *{margin-top:1em}
.page--glob1 .addr-name{font-size:1.5rem; word-break:keep-all;}
.page--glob1 .description__list{font-size:1.125rem}
.page--glob1 .description__list dt{ margin-right:1em;width:100px; font-weight:400; color:#d71837}
.page--glob1 .description__list dd{color:#666}
@media screen and (max-width:1280px){
    .page--glob1 .global__map-wrap{height:40vw}
    .page--glob1 .global__map{width:100%}
    .page--glob1 .global__map-bg{background-image:url('/assets/img/sub/global/img-map-non-full.png'); background-position:center 0; background-size:contain}
    .page--glob1 .global__map-link{display:none;}
    .page--glob1 .tab{display:block}
    .page--glob1 .tab__item{ width:calc(100% / 5);float:left}
    .page--glob1 .tab__item:nth-child(n + 6){margin-top:.5em}
}
@media screen and (max-width:768px){
    .page--glob1 .tab__item{ width:calc(100% / 3);float:left}
    .page--glob1 .tab__item:nth-child(n + 4){margin-top:.5em}
    .page--glob1 .img-paragraph{display:block}
    .page--glob1 .img-paragraph .img,
    .page--glob1 .img-paragraph .text{width:100%}
    .page--glob1 .img-paragraph .text{margin-top:2em}
    .page--glob1 .img-slide-small{max-width:initial}
}
@media screen and (max-width:599px){
    .page--glob1 .global__map-wrap{margin:2em 0}
    .page--glob1 .tab-wrap{margin-bottom:2em; overflow:hidden; overflow-x:scroll; width:100%}
    .page--glob1 .tab{margin-bottom:0; padding-bottom:0;width:max-content}
    .page--glob1 .tab .tab__item{ margin:0!important; padding-right:10px;padding-left:10px; width:auto; font-size:1.25rem}
    .page--glob1 .tab .tab__item:before{display:none}
    .page--glob1 .line{margin:1.5em 0}
    .page--glob1 .description__list{flex-wrap:wrap}
    .page--glob1 .description__list dt,
    .page--glob1 .description__list dd{width:100%}
    .page--glob1 .addr-name{font-size:1.25rem; font-weight:bold}
}


/* recruit */
.page--recruit1 .sub__title-wrap .sub__title,
.page--recruit2 .sub__title-wrap .sub__title{margin-bottom:5px}
.page--recruit1 .thumb__list{margin-top:3em}
.page--recruit2 .photo{margin:4em 0; height:280px; background-repeat:no-repeat; background-position:center 30%; background-size:100%;}
.page--recruit2 .card__list{}
.page--recruit2 .card__list-icon{ margin:0 auto 1.5em;position:relative; width:150px; height:150px; background:#f2f2f2; border-radius:50%}
.page--recruit2 .card__list-icon img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.page--recruit2 .card__list-tit{font-size:1.875rem; font-weight:700; text-align:center}
.page--recruit2 .list{margin-top:1.5em; padding:2em 3em; border:1px solid #ddd; min-height:280px}
.page--recruit2 .list li{ padding-left:1em;position:relative; font-size:1.125rem; word-break:keep-all}
.page--recruit2 .list li:before{ position:absolute; top:13px; left:5px; width:3px; height:3px; background:#555;content:''; border-radius:50%}
.page--recruit2 .list li + li{margin-top:.75em}
@media  screen and (max-width:1280px){
    .page--recruit2 .list{min-height:230px}
}
@media  screen and (max-width:768px){
    .page--recruit1 .thumb__list-item{height:auto}
    .page--recruit1 .thumb__list-img{ padding-top:40%;width:100%}
    .page--recruit1 .thumb__list-txt{ margin:0 auto; padding-top:1em; padding-bottom:1.5em;position:static; width:95%; transform:translateY(-2em)}
    .page--recruit2 .card__list .card__list-item{width:100%}
    .page--recruit2 .card__list-tit,
    .page--recruit2 .list{min-height:inherit}
}
@media  screen and (max-width:599px){
    .page--recruit1 .thumb__list-txt{ padding-right:15px;padding-left:15px; width:100%}
    .page--recruit1 .thumb__list-txt .title strong{font-size:2rem}
    .page--recruit2 .list{min-height:inherit}
    .page--recruit2 .photo{margin:2em 0; height:15em}
}




/* investment  */
.page--invest1 .card__list-item{display:flex; align-items:center; justify-content:center; padding:0 2em;border:1px solid #ddd;height:260px;text-align:center;}
.page--invest1 .card__list-item dt{display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.75em;position:relative;min-height:4.75em;font-size:1.125rem;font-weight:400;word-break:keep-all;}
.page--invest1 .card__list-item dt:after{ position:absolute; bottom:-.25em; left:50%; width:1px; height:15px; background:#333;content:''}
.page--invest1 .card__list-item .numb{margin-top:.5em; font-size:2.375rem; font-weight:700}
.page--invest1 .card__list-item .txt{margin-top:1em; font-size:1.125rem}
.page--invest1 .card__list-item.item--sum{ border-color:#d71837;background:#d71837; color:#fff}
.page--invest1 .card__list-item.item--sum dt:after{background:#fff}
.page--invest1 .footer__btn{margin-top:10em; overflow:hidden}
.page--invest1 .footer__btn-item{ width:50%; height:30vh;float:left; background-repeat:no-repeat; background-position:center; background-size:cover}
.page--invest1 .footer__btn-item a{display:block; width:100%; height:100%; font-size:1.875rem; font-weight:700; line-height:30vh; color:#fff; text-align:center}
@media screen and (max-width:1023px){
    .page--invest1 .card__list-item{padding:2em 1em; height:inherit}
    .page--invest1 .card__list-item.item--sum{width:100%}
    .page--invest1 .footer__btn-item{height:150px}
    .page--invest1 .footer__btn-item a{line-height:150px}
}
@media screen and (max-width:599px){
    .page--invest1 .card__list-item .numb{font-size:2.5renm}
    .page--invest1 .footer__btn{margin-top:4em}
    .page--invest1 .footer__btn-item{height:100px}
    .page--invest1 .footer__btn-item a{ font-size:1.5rem;line-height:100px}
}

.page--invest2 .color--up{color:#d71837}
.page--invest2 .color--down{color:#005fb7}
.page--invest2 .chart__info{display:flex; justify-content:space-between; padding:2em 0; border:1px solid #ddd}
.page--invest2 .chart__info > *{width:50%; text-align:center}
.page--invest2 .description__list-wrap{display:flex; flex-direction:column}
.page--invest2 .description__list{margin-top:auto; margin-bottom:auto; font-size:1.125rem; line-height:1}
.page--invest2 .description__list strong{font-weight:700; color:#d71837}
.page--invest2 .description__list i{display:inline-block; font-size:12px; font-style:normal; transform:translateY(-3px)}
.page--invest2 .description__list.list--horizon{}
.page--invest2 .description__list.list--horizon dt{ margin-right:1em;padding-left:1em; min-width:70px; text-align:left}
.page--invest2 .description__list.total{ padding-right:1em;position:relative}
.page--invest2 .description__list.total:after{ position:absolute; top:-.5em; right:1em; bottom:-.5em; width:1px; background:#ccc;content:''}
.page--invest2 .description__list.total dt{margin-bottom:.5em}
.page--invest2 .description__list.total dd{font-size:2.375rem}
.page--invest2 .chart__info-wrap:after{ display:block; clear:both;content:''}
.page--invest2 .chart__info.fullscreen{ display:block;  width:calc(50% - 1em);float:left}
.page--invest2 .chart__info.fullscreen + .chart__info.fullscreen{margin-left:2em}
.page--invest2 .chart__info.fullscreen > *{ width:100%;float:none}
.page--invest2 .chart__info.fullscreen .total:after{display:none}
.page--invest2 .chart__info.fullscreen .total dt{font-size:1.5rem}
.page--invest2 .chart__info.fullscreen .total dd{font-size:3.75rem}
.page--invest2 .chart__info.fullscreen .description__list-wrap{margin:2em auto 0; width:50%}
.page--invest2 .chart__info.fullscreen .description__list-wrap dl + dl{margin-top:1em}
.page--invest2 .chart__info.fullscreen .description__list-wrap dd{color:#666}
.page--invest2 .float-left,
.page--invest2 .float-right{width:calc(50% - .75em)}
.page--invest2 .tbl-basic{margin-top:2.5em; font-size:1.125rem; text-align:center}
.page--invest2 .tbl-basic th{font-weight:700}
.page--invest2 .tbl-basic th,
.page--invest2 .tbl-basic td{text-align:center}
@media screen and (max-width:1024px){
    .page--invest2 .chart__info{flex-direction:column}
    .page--invest2 .description__list.total,
    .page--invest2 .description__list-wrap{width:100% !important}
    .page--invest2 .description__list.total{margin-bottom:1em; padding-right:0}
    .page--invest2 .description__list.total:after{display:none}
    .page--invest2 .description__list.list--horizon{justify-content:center}
    .page--invest2 .description__list.list--horizon + .description__list.list--horizon{margin-top:1em}
}
@media screen and (max-width:768px){
    .page--invest2 .chart__info.fullscreen{width:100%}
    .page--invest2 .chart__info.fullscreen + .chart__info.fullscreen{ margin-top:1.5em;margin-left:0}
    .page--invest2 .float-left,
    .page--invest2 .float-right{ width:100%;float:none}
    .page--invest2 .tbl-basic,
    .page--invest2 .float-right{margin-top:2em}
}
@media screen and (max-width:599px){
    .page--invest2 .description__list.list--horizon{ align-items:center; justify-content:flex-start;flex-wrap:wrap; text-align:left}
    .page--invest2 .description__list.list--horizon dd{ margin-top:5px;padding-left:1em}
}


/* information */
/* information board list */
.board-content{}
.board-search{ margin:0 auto; border-bottom:2px solid #333;position:relative; width:calc(50% - 100px)}
.board-search .select{ padding-bottom:.5em;position:absolute; bottom:0; left:0; width:100px; font-weight:700; color:#333}
.board-search .input[type="text"]{padding:.5em 2em .5em 110px; border:0; height:inherit; font-size:1.125rem; color:#333}
.board-search .input::placeholder{color:#333}
.board-search .icon--search{position:absolute; right:.5em; bottom:.75em; width:20px; height:20px; background:url('/assets/img/common/icon-search.png') center no-repeat}
.board-search.full .input{padding-left:1em !important}
.board__list-wrap{margin-top:1em}
.board__list:after{ display:block; clear:both;content:''}
.board__list-item{ margin-top:1.5em; margin-right:1.5em; padding-bottom:5em; border:1px solid #ddd; box-shadow:0 0 0 0 rgba(0,0,0,.15); overflow:hidden;position:relative; width:calc((100% / 3) - 1em); height:454px; float:left; transition:box-shadow 300ms; cursor:pointer}
.board__list-item:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.15)}
.board__list-item:nth-child(3n){margin-right:0}
.board__list-item .thumb-img{height:65%; background-repeat:no-repeat; background-position:center; background-size:cover}
.board__list-item .thumb-date{position:absolute; bottom:1.5em; left:1.5em; font-size:1.125rem; color:#999}
.board__list-inn{padding:1.5em; padding-bottom:0; overflow:hidden}
.board__list-inn .thumb-name{ overflow:hidden;height:1em; font-size:1.125rem; line-height:1}
.board__list-inn .thumb-title{margin:.5em 0 1em; overflow:hidden; height:60px; font-size:1.5rem; line-height:1.35; word-break:keep-all}
.board__list-inn .thumb-text{ overflow:hidden;height:160px; font-size:1.125rem; line-height:1.75; color:#999}
@media screen and (max-width:1023px){
    .board-search{width:calc((100% / 2) - 1em)}
    .board-search .input[type="text"],
    .board-search .input[type="text"]::placeholder{font-size:1.5rem}
    .board__list-item{ margin-top:2em;margin-right:2em; width:calc((100% / 2) - 1em); height:400px}
    .board__list-item:nth-child(3n){margin-right:2em}
    .board__list-item:nth-child(2n){margin-right:0}
    .board__list-inn .thumb-title{height:52px}
    .board__list-inn .thumb-text{height:180px}
}
@media screen and (max-width:599px){
    .board-search{width:100%}
    .board-search .input[type="text"],
    .board-search .input[type="text"]::placeholder{font-size:1rem}
    .board__list-item{margin-right:0; width:100%; height:350px}
    .board__list-item:nth-child(3n){margin-right:0}
    .board__list-item .thumb-img{height:70%}
    .board__list-inn .thumb-title{margin-bottom:0; height:50px}
    .board__list-inn .thumb-text{height:150px}
}


.pagination{margin-top:2em; text-align:center}
.pagination-inn{display:inline-block}
.pagination-inn:after{ display:block; clear:both;content:''}
.pagination-inn a{ padding-top:6px; padding-bottom:9px;float:left; font-weight:700}
.pagination-inn a + a{margin-left:.25em}
/* .pagination-inn a.disabled{opacity:.4} */
.pagination-inn .btn-text{padding:0; padding-top:4px; color:#666; transform:translateY(0)}
.pagination-inn .btn-text.first{margin-right:1em}
.pagination-inn .btn-text.last{margin-left:1em}
.pagination-inn .btn-circle{display:inline-block; border:1px solid #ddd; min-width:33px; height:33px; background:#fff; text-align:center; transition:background 300ms, border 300ms, color 300ms}
.pagination-inn .btn-circle.prev svg,
.pagination-inn .btn-circle.next svg{font-size:12px}
.pagination-inn .btn-circle.prev{transform:rotate(180deg)}
.pagination-inn .btn-circle.prev svg{transform:translate(2px,-5px)}
.pagination-inn .btn-circle.next svg{transform:translate(1px,-5px)}
.pagination-inn .btn-circle.active,
.pagination-inn .btn-circle:hover{border-color:#d71837; background:#d71837; color:#fff}
.pagination-inn .btn-circle span{display:block; transform:translateY(-4px)}
@media screen and (max-width:1023px){
    .pagination-inn a{ padding-top:9px;padding-bottom:0}
}
@media screen and (max-width:599px){
    .pagination-inn a{padding-top:4px}
    .pagination-inn .btn-text{transform:translateY(0)}
    .pagination-inn .btn-circle{min-width:23px; height:23px}
    .pagination-inn .btn-circle.prev svg,
    .pagination-inn .btn-circle.next svg{font-size:10px}
}


/* information */
.page--media2 .category-wrap{margin-top:1.75em; border-bottom:1px solid #ddd}
.page--media2 .category{}
.page--media2 .category:after{ display:block; clear:both;content:''}
.page--media2 .category__item{position:relative; width:calc(100% / 4); float:left}
.page--media2 .category__item:before{ position:absolute; top:0; bottom:0; left:0; z-index:1; width:1px; background:#ddd;content:''}
.page--media2 .category__item:nth-child(4n):after{ position:absolute; top:0; right:0; bottom:0; width:1px; background:#ddd;content:''}
.page--media2 .category__btn{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;height:60px; background:#f3f3f3; font-size:1.125rem; font-weight:700; line-height:60px; color:#333; text-align:center; transition:all 300ms; cursor:pointer;}
.page--media2 .vod__list{display:flex}
.page--media2 .vod__list-item{ padding:.5em 0;position:relative; width:100%; background:#fff; font-size:1.125rem; font-weight:700; color:#999; text-align:center; transition:all 300ms; cursor:pointer;}
.page--media2 .vod__list-item:first-child:after{ position:absolute; top:0px; right:0; bottom:0px; width:1px; background:#ddd;content:''}
.page--media2 .vod__list-item:hover,
.page--media2 .vod__list-item.is-play{background-color:#d71837; color:#fff}
.page--media2 .vod__cont{position:relative; height:60vh}
.page--media2 .vod__cont p{ position:absolute; top:50%; left:50%;z-index:0; font-size:2rem; font-weight:700; opacity:.6; transform:translate(-50%,-50%)}
.page--media2 .vod__cont iframe{position:relative; z-index:2; background-color:rgba(0,0,0,.25)}
/* .page--media2 .vod__cont iframe{background:url('/assets/img/sub/media/img_vod_poster.jpg') center no-repeat; background-size:cover} */
@media screen and (max-width:599px){
    .page--media2 .category__item{width:100%}
    .page--media2 .category__item:after{ position:absolute; top:0; right:0; bottom:0; width:1px; background:#ddd;content:''}
    .page--media2 .category__btn{height:40px; font-size:1rem; line-height:40px}
    .page--media2 .vod__cont{height:80vw}
}


.page--media2 .sec.brochure{margin-top:6em}
.page--media2 .card__list{margin-top:3em}
.page--media2 .brochure-thumb{ box-shadow:3px 3px 15px 0px rgba(0,0,0,.15);width:100%}
.page--media2 .brochure-btn{display:flex; justify-content:space-between; margin-top:1.5em}
.page--media2 .brochure-btn .btn{padding-top:1em; padding-bottom:1em; width:calc(50% - .25em); text-align:center}
@media screen and (max-width:1023px){
    .page--media2 .card__list .card__list-item{margin-right:calc((1em * 3) / 2); width:calc((100% / 3) - 1em)}
    .page--media2 .card__list .card__list-item:nth-child(4n){margin-right:calc((1em * 3) / 2);}
    .page--media2 .card__list .card__list-item:nth-child(3n){margin-right:0}
}
@media screen and (max-width:599px){
    .page--media2 .card__list .card__list-item{margin-right:calc((1em * 2) / 1) !important; width:calc(50% - 1em)}
    .page--media2 .card__list .card__list-item:nth-child(2n){margin-right:0 !important}
}


/* notice */
.bgbg{ position:fixed; top:0; left:0;z-index:2001; width:100%; height:100%;  background-color:rgba(0,0,0,.7); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px)}
.noticeview{display:none; position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%}
.noticeview .view{ padding:50px; overflow-y:scroll; position:absolute; top:4%; left:50%;z-index:2002; width:100%; max-width:1200px; height:90%; background:#fff; text-align:center; transform:translateX(-50%)}
.noticeview .view::-webkit-scrollbar {width:8px; height:8px; background-color:#373b44}
.noticeview .view::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.15); background-color:#373b44}
.noticeview .view::-webkit-scrollbar-thumb {background-color:#da2744}
.noticeview .view .closebtn{ display:inline-block; position:absolute; top:10px; right:10px;z-index:2003; width:38px; height:38px; background:url(/assets/img/common/btn-close.png) no-repeat}
.noticeview .view h5{padding-right:40px; font-size:2.5rem; word-break:keep-all}
.noticeview .view .date{margin:.5em 0 .75em; font-size:1.5rem}
.noticeview .view img{margin:15px 0; width:inherit; max-width:100%}
.noticeview .view .txtbox p{font-size:1.125rem; line-height:1.5; text-align:left; word-break:keep-all}
.noticeview .view .listgo_btn{display:inline-block; margin-top:2em; border:1px solid #cccccc; width:160px; height:60px; background:#f4f4f4; font-size:1.125rem; font-weight:500; line-height:60px; text-align:center}
@media screen and (max-width:768px){
    .noticeview .view{ padding:30px 15px; top:0px;left:0; height:100%; transform:none}
    .noticeview .view h5{font-size:2rem}
	.noticeview .view img{ margin:20px 0;width:100%; max-width:500px}
	.noticeview .view .closebtn{display:inline-block; width:20px; height:20px; background-size:20px}
	.noticeview .view .listgo_btn{height:40px; line-height:40px;}
}



/*2023-09-01 추가*/
.list__empty { border-top: 1px solid #ddd;height: 102px;   cursor: default;}

@media screen and (max-width:600px){
    .list__empty {display: none;}
}

/* 회장 인사말 추가 */
@media screen and (max-width:768px) {
  
.page--about2 .tab{display: table;}
.page--about2 .tab__item{display: table-cell;float: none;word-break: keep-all;}
.page--about2 .tab__item + .tab__item{padding-left: 10px;}


}