header {
    background:rgba(255,255,255,0);
    border-bottom:none;
}
#container {
    padding: 0 0;
}
section.about {
    min-height:100rem;
}
footer {
    margin-top:0;
}


/* visual */
.about-visual {
    position:relative;
    height:98.5rem;
}
.about-visual .bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.about-visual .bg-img img {
    width: 100%;
    height:100%;
    object-fit: cover;
}
.about-visual .bg-img img.for-mobile {
    display:none;
}
.about-visual .slg {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    z-index:3;
    padding:0 5rem;
}
.about-visual .slg span {
    display:block;
    text-align:center;
    font-size:8rem;
    color:#fff;
    font-weight:600;
    white-space:nowrap;
    /* text-shadow: 0 0 2.9rem rgba(0,0,0,0.8); */
}
.about-visual .slg span em {
    font-style:normal;
}
.about-visual .slg p + p {
    margin-top:1rem;
}
.about-visual .slg p {
    margin-top:5rem;
    text-align:center;
    font-size:2.6rem;
    color:#fff;
    font-weight:500;
    line-height:1.6;
}
.about-visual .slg p em {
    font-style:normal;
}

@media (max-width:1220px){
    .about-visual .slg span {
        font-size:7rem;
    }
    .about-visual .slg p {
        margin-top:5rem;
        font-size:2.2rem;
    }
}
@media (max-width:991px){
    .about-visual {
        height:70.5rem;
    }
    /* .about-visual .bg-img img {
        height:84.5rem;
    }     */
    .about-visual .slg span {
        padding-top:5rem;
        font-size:6rem;        
        line-height:1.4;
    }
    .about-visual .slg span em {
        display:block;
    }
    .about-visual .slg p {
        margin-top:4rem;
        font-size:2rem;
    }
}
@media (max-width:580px){
    .about-visual {
        height:42.5rem;
    }
    /* .about-visual .bg-img {
        position: relative;
        top:inherit;
        left:inherit;
        width: 100%;
        height: 100%;
        transform:inherit;
        z-index: 2;
        text-align: center;
    }
    .about-visual .bg-img img {
        height:75.5rem;
    } */
    .about-visual .bg-img img.for-pc {
        display:none;
    }
    .about-visual .bg-img img.for-mobile {
        display:block;
    }
    .about-visual .slg span {
        font-size:4rem;
    }
    .about-visual .slg p {
        margin-top:3rem;
        font-size:1.8rem;
    }
    .about-visual .slg .slg2 {display:none;}
    .about-visual .slg p em {
        display:block;
    }   
}
@media (max-width:450px){
    .about-visual {
        height:34.5rem;
    }    
    .about-visual .slg span {
        font-size:3rem;
    }
    .about-visual .slg p {
        margin-top:2rem;
        font-size:1.6rem;
    }
}

/* 타이틀 */
h2.atit {
    font-size:5rem;
    color:var(--red);
    font-weight:600;
}
p.atxt {
    margin-top:2rem;
    font-size:3rem;
    color:#000;
    font-weight:500;
    line-height:1.6;
}

@media (max-width:580px){
    h2.atit {
        font-size:3.6rem;
    }
    p.atxt {
        font-size:2rem;
    }
}



/* Our Misson */
.mission {
    padding:0 3.125%;
    margin-top:10rem;
}
.mission ul {
    margin-top:6rem;
    display:flex;
    margin-left:-5%;
}
.mission ul li {
    flex:1;
    flex-wrap:calc(33.33% - 5%);
    margin-left:5%;
    display:flex;
    flex-direction:column;
}
.mission ul li span {
    font-size:1.8rem;
    color:var(--red);
    font-weight:600;
}
.mission ul li h3 {
    min-height:6.5rem;
    margin-top:1rem;
    font-size:2.8rem;
    color:#000;
    -webkit-box-orient:vertical;
    margin-bottom:2rem;
    font-weight:600;
}
.mission ul li p {    
    font-size:1.8rem;
    color:#757575;
    line-height:1.6;
    margin-bottom:5rem;
}
.mission ul li div {
    margin-top:auto;
}

@media (max-width:720px){
    .mission ul {
        margin-top:4rem;
        margin-left:0;
        flex-wrap:wrap;
        row-gap:6rem;
    }
    .mission ul li {
        flex:1;
        flex-basis:100%;
        margin-left:0;
    }
    .mission ul li p {
        margin-bottom:3rem;
    }
}
@media (max-width:580px){
    .mission {
        margin-top: 6rem;
    }    
    .mission ul {
        margin-top:3rem;
    }
    .mission ul li h3 {
        min-height:inherit;
    }
}
@media (max-width:450px){
    .mission {
        padding:0 5%;
    }
}


/* Our Brand */
.brand {
    padding:0 3.125%;
    padding-top:18rem;
}
.brand-list {

}
.brand-list ul {
    margin-top:6rem;
}
.brand-list ul li {   
    padding:0 5%;
    height:40rem;
    display:flex;
    align-items:center;
    cursor:pointer;
}
.brand-list ul li.neoflam {
    background:#ede8e5 url("../png/about_neoflam_bg.png") no-repeat center center;
    background-size:cover;
}
.brand-list ul li.betterfinger {
    background:#b1a4da url("../png/about_betterfinger_bg.png") no-repeat center center;
    background-size:cover;
    text-align:right;
}
.brand-list ul li.frenchbull {
    background:#eff0f2 url("../png/about_frenchbull_bg_new.png") no-repeat right center;
    background-size:cover;
}
.brand-list ul li.neoflam h3 img {
    width:21.1rem;
    height:auto;
}
.brand-list ul li.betterfinger h3 img {
    width:31.5rem;
    height:auto;
}
.brand-list ul li.frenchbull h3 img {
    width:23.8rem;
    height:auto;
}
.brand-list ul li span {
    font-size:1.8rem;
    color:#000;
    font-weight:600;
}
.brand-list ul li h3 {
    margin-top:2rem;
    font-size:0;
}
.brand-list ul li h3 img {
    max-width:100%;
}
.brand-list ul li.betterfinger span {
    color:#b281ff;
}
.brand-list ul li.betterfinger h3 {
    color:#b281ff;
}

@media (max-width:991px){
    .brand-list ul li { 
        height:30rem;
    }
}
@media (max-width:720px){
    .brand-list ul li { 
        height:25rem;
    }
}
@media (max-width:650px){
    .brand-list ul li { 
        height:20rem;
    }
}
@media (max-width:580px){
    .brand {
        padding-top:10rem;
    }
    .brand-list ul {
        margin-top:3rem;
    }  
    .brand-list ul li { 
        height:18rem;
    }
    .brand-list ul li span {
        font-size:1.6rem;
    } 
    .brand-list ul li.neoflam h3 img {
        width:18rem;
        height:auto;
    }
    .brand-list ul li.betterfinger h3 img {
        width:27rem;
        height:auto;
    }
    .brand-list ul li.frenchbull h3 img {
        width:20rem;
        height:auto;
    }     
}
@media (max-width:450px){
    .brand {
        padding:0 5%;
        padding-top:6rem;
    }
    .brand-list ul li { 
        height:15rem;
    }
    .brand-list ul li span {
        font-size:1.45rem;
    } 
    .brand-list ul li.neoflam h3 img {
        width:15rem;
        height:auto;
    }
    .brand-list ul li.betterfinger h3 img {
        width:22rem;
        height:auto;
    }
    .brand-list ul li.frenchbull h3 img {
        width:15rem;
        height:auto;
    }     
}


/* history */
.history {
    padding:0 3.125%;
    margin-top:18rem;
}
.history ul {
    margin-top:8rem;
}
.history ul li {
    display:flex;
    align-items:center;
    padding:4rem 8rem 4rem 0;
    column-gap:10rem;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    margin-top:-1px;
    position:relative;
    cursor: pointer;
}
.history ul li::after {
    display:block;
    content:"";
    width:3.4rem;
    height:3.4rem;
    background:url("../png/hs_more.png") no-repeat center;
    background-size:contain;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:0;
}
.history ul li.on::after {    
    /* transform:rotate(45deg); */
    width:3.4rem;
    height:3.4rem;
    background:url("../png/hs_more_minus.png") no-repeat center;
    background-size:contain;
}
.history ul li span.year {
    font-size:4rem;
    color:#aaa;
    font-weight:600;
}
.history ul li.on span.year {
    color:#000;
}
.history ul li > div {
    display:none;
}
.history ul li.on > div {
    display:block;
}
.history ul li dl {
    display:flex;
    column-gap:4rem;
}
.history ul li dl + dl {
    margin-top:3rem;
}
.history ul li dl dt {
    font-size:1.8rem;
    color:var(--red);
    font-weight:600;
}
.history ul li dl dd {

}
.history ul li dl dd p {
    display:flex;
    align-items:center;
    font-size:1.8rem;
    color:#000;
    font-weight:500;
    position:relative;
    padding-left:1.5rem;
}
.history ul li dl dd p + p {
    margin-top:1.5rem;
}
.history ul li dl dd p::before {
    display:inline-block;
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:0.4rem;
    height:0.4rem;
    background:#000;
}

.history .btn-wrap {
    position:relative;
    text-align:center;
    margin-top:0;
    padding-top:5rem;
}
.history .btn-wrap::before {
    display:block;
    content:"";
    position:absolute;
    top:-12rem;
    left:0;
    width:100%;
    height:12rem;
    background:linear-gradient(to top, #ffff, rgba(255, 255, 255, 0));
    z-index:2;
}

@media (max-width:1200px){
    .history ul li {
        flex-wrap:wrap;
        row-gap:3rem;
    }
    .history ul li.on > div {
        flex-basis:100%;
    }
}
@media (max-width:580px){
    .history {
        margin-top:10rem;
    }
    .history ul {
        margin-top:4rem;
    }      
}
@media (max-width:450px){
    .history {
        padding:0 5%;
        margin-top:6rem;
    }
}



/* NEOFLAM at a Glance */
.glance {
    padding:10rem 3.125%;
    margin-top:13rem;
    background:#f5f5f5;
}
.glance ul {
    margin-top:6rem;
    margin-left:-2rem;
    display:flex;
    row-gap:2rem;
    flex-wrap:wrap;
}      
.glance ul li {
    flex:1;
    flex-basis:calc(33.333% - 2rem);
    margin-left:2rem;
    border:solid 1px #eee;
    border-radius:0.8rem;
    background:#fff;
    padding:9rem 2.5rem 3rem;
    display:flex;
    flex-direction:column;
}    
.glance ul li:nth-child(1) {
    background:#fff url("../png/glance_icon5.png") no-repeat left 2rem top 2rem;
    background-size:4.6rem auto;
}
.glance ul li:nth-child(2) {
    background:#fff url("../png/glance_icon2.png") no-repeat left 2rem top 2rem;
    background-size:6.3rem auto;
}
.glance ul li:nth-child(3) {
    background:#fff url("../png/glance_icon3.png") no-repeat left 2rem top 2rem;
    background-size:6.8rem auto;
}
.glance ul li:nth-child(4) {
    background:#fff url("../png/glance_icon1.png") no-repeat left 2rem top 2rem;
    background-size:4.5rem auto;
}
.glance ul li:nth-child(5) {
    background:#fff url("../png/glance_icon6.png") no-repeat left 2rem top 2rem;
    background-size:6.9rem auto;
}
.glance ul li:nth-child(6) {
    background:#fff url("../png/glance_icon4.png") no-repeat left 2rem top 2rem;
    background-size:5.5rem auto;
}
.glance ul li p {
    font-size:1.8rem;
    color:#757575;
    font-weight:500;
    line-height:1.4;
    margin-bottom:3rem;
}  
.glance ul li div {
    margin-top:auto;
    text-align:right;
    font-size:4rem;
    color:#000;
    font-weight:750;
}  
.glance ul li div span.count {    
    display:inline-block;
    transform: scale(1);
    transition: transform .3s ease-out;
}  
.glance ul li:hover div span.count {
    transform: scale(1.05);
}  

@media (max-width:920px){   
    .glance ul li {
        flex-basis:calc(50% - 2rem);
    }   
}
@media (max-width:580px){  
    .glance {
        margin-top:10rem;
    }
    .glance ul li div {
        font-size:2rem;
    }  
}
@media (max-width:480px){  
    .glance {
        margin-top:6rem;
    }    
    .glance ul li div {
        font-size:2rem;
    }  
}
@media (max-width:450px){  
    .glance {
        padding:10rem 5%;
    }
}



/* mov */
.mov {
    padding:10rem 3.125%;
}
.mov .mov-box {
    position:relative;
}
.mov .mov-box iframe {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
}
.mov .mov-box img {
    max-width:100%;
}
.mov .mov-box .play-btn {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:35.6rem;
    height:9rem;
    background:url("../png/video_btn.png") no-repeat center;
    background-size:contain;
    z-index:2;
    font-size:0;
    cursor: pointer;
}
.mov ul {
    margin-top:6rem;
    display:flex;
    justify-content:space-between;
    gap: 6rem;
}
.mov ul li {
    flex:1;
    display:flex;
    flex-direction:column;
}
.mov ul li p {
    margin-top:3rem;
    font-size:2rem;
    color:#000;
    line-height:1.6;
    margin-bottom:4rem;
}
.mov ul li div {
    margin-top:auto;
}

@media (max-width:580px){  
    .mov ul {
        flex-wrap:wrap;
    }
    .mov ul li {
        flex-basis:100%;
    }
}
@media (max-width:450px){  
    .mov {
        padding:10rem 5%;
    }
}


/* award */
.award {
    padding:10rem 3.125%;
    background:#f5f5f5;
}
.award ul {
    margin-top:8rem;
}
.award ul li {
    display:flex;
    align-items:center;
    padding:4rem 8rem 4rem 0;
    column-gap:20rem;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    margin-top:-1px;
    position:relative;
    cursor: pointer;
}
.award ul li::after {
    display:block;
    content:"";
    width:3.4rem;
    height:3.4rem;
    background:url("../png/hs_more.png") no-repeat center;
    background-size:contain;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:0;
}
.award ul li.on::after {    
    width:2.8rem;
    height:2.8rem;
    background:url("../png/hs_more_on.png") no-repeat center;
    background-size:contain;
}
.award ul li span.year {
    font-size:4rem;
    color:#aaa;
    font-weight:750;
}
.award ul li.on span.year {
    color:#000;
}
.award ul li > div {
    display:none;
}
.award ul li.on > div {
    display:block;
}
.award ul li dl {
    display:flex;
    column-gap:4rem;
}
.award ul li dl + dl {
    margin-top:3rem;
}
.award ul li dl dt {
    font-size:1.8rem;
    color:var(--red);
    font-weight:600;
}
.award ul li dl dd {

}
.award ul li dl dd p {
    font-size:1.8rem;
    color:#000;
    font-weight:500;
    position:relative;
    padding-left:1.5rem;
}
.award ul li dl dd p + p {
    margin-top:1.5rem;
}
.award ul li dl dd p::before {
    display:inline-block;
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:0.4rem;
    height:0.4rem;
    background:#000;
}
.award ul li dl dd p span {
    color:#757575;
}
.award .btn-wrap {
    margin-top:5rem;
    text-align:center;
}

@media (max-width:1200px){  
    .award ul li {
        flex-wrap:wrap;
        row-gap:3rem;
    }
    .award ul li > div {
        flex-basis:100%;
    }
}
@media (max-width:580px){  
    .award {
        padding:6rem 3.125%;
    }
    .award ul {
        margin-top:4rem;
    }
}
@media (max-width:450px){  
    .award {
        padding:6rem 5%;
    }
}


/* network */
.network {
    padding:13rem 3.125%;
}
.network .map {
    margin-top:3rem;
}
.network .map a {
    pointer-events:none;
}
.network .map img {
    max-width:100%;
}
.network .map .notice {
    text-align:right;
    font-size:1.6rem;
    color:#757575;
    font-weight:500;
    display:none;
}
.network .net-tbl-wrap {
    margin-top:3rem;    
    border-top:solid 2px #000;
}
.network .net-tbl-wrap table {
    width:100%;    
}
.network .net-tbl-wrap.for-pc {
    overflow-x:auto;
}
.network .net-tbl-wrap.for-pc table {
    min-width:70rem;
}
.network .net-tbl-wrap.for-mobile {
    display:none;
}

.network .net-tbl-wrap table th,
.network .net-tbl-wrap table td {
    border:solid 1px #ddd;
    padding:2rem;
    text-align:center;
    font-size:1.6rem;
    color:#757575;
    line-height:1.6;
}
.network .net-tbl-wrap table thead th {
    border-top:0;
    font-weight:600;
    color:#000;
    background:#f5f5f5;
}
.network .net-tbl-wrap table thead tr th:first-child {
    border-left:0;
} 
.network .net-tbl-wrap table thead tr th:last-child {
    border-right:0;
} 
.network .net-tbl-wrap table tbody tr th {
    border-left:0;
    text-align:left;
    font-weight:500;
    color:#000;
} 
.network .net-tbl-wrap table tbody tr td:last-child {
    border-right:0;
} 
.network .net-tbl-wrap table tbody td.left {
    text-align:left;
}
.network .net-tbl-wrap table tbody td p {
    margin-top:1.5rem;    
}
.network .net-tbl-wrap table tbody td p b {
    color:#000;
    font-weight:600;
}
.network .net-tbl-wrap a {
    display:inline-block;
    height:3.2rem;
    line-height:3.2rem;
    border-radius:100vh;
    padding:0 1.2rem;
}
.network .net-tbl-wrap a span {
    display:inline-block;
    padding-right:2.5rem;
    font-size:1.4rem;
    font-weight:600;
}
.network .net-tbl-wrap a.site {
    border:solid 1px #000;
    background:#fff;
}
.network .net-tbl-wrap a.site span {
    color:#000;
    background:url("../png/site_arr.png") no-repeat right center;
    background-size:1.8rem auto;
}
.network .net-tbl-wrap a.shop {
    border:solid 1px #aaa;
    background:#aaa;
}
.network .net-tbl-wrap a.shop span {
    color:#fff;
    background:url("../png/shop_arr.png") no-repeat right center;
    background-size:1.8rem auto;
}

@media (max-width:800px){ 
    .network .map a {
        pointer-events:inherit;
    }
    .network .map .notice {
        margin-top:2rem;
        display:block;
    }

    .network .net-tbl-wrap.for-pc {
        display:none;
    }
    .network .net-tbl-wrap.for-mobile {
        display:block;
    } 
    .network .net-tbl-wrap.for-mobile table tbody tr th {
        width:15rem;
    }       
}
@media (max-width:580px){ 
    .network {
        padding:6rem 3.125%;
    }
}
@media (max-width:450px){  
    .network {
        padding:6rem 5%;
    }
}


/* CI */
.ci {
    padding:10rem 3.125%;
    background: #f5f5f5;
}
.ci h3 {
    margin-top:6rem;
    font-size:2rem;
    color:#000;
    font-weight:500;
    margin-bottom:2rem;
}
.ci .ci1 {
    border:solid 1px #eee;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    height:22rem;
    padding:0 3rem;
}
.ci .ci1 img {
    max-width:100%;
}
.ci .btn-wrap {
    margin-top:2rem;
    text-align:right;
}
.ci ul {
    display:flex;
    gap:4rem;
    justify-content:space-between;
}
.ci ul li {
    flex:1;
    display:flex;
    height:22rem;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    gap:2rem;
    padding:0 3rem;
}
.ci ul li img {
    max-width:100%;
}
.ci ul li.ci2 {
    border:solid 1px #eee;
    background:#fff;
}
.ci ul li.ci2 span {
    display:block;
    text-align:center;
    font-size:1.8rem;
    color:#000;
}
.ci ul li.ci2 span b {
    font-weight:500;
}
.ci ul li.ci3 {
    border:solid 1px var(--red);
    background:var(--red);
    display:flex;
    align-items:center;
    justify-content:center;
    height:22rem;
}
.ci ul li.ci3 span {
    display:block;
    text-align:center;
    font-size:1.8rem;
    color:#fff;
}
.ci ul li.ci3 span b {
    font-weight:500;
}

.ci ol {
    margin-top:6rem;
    display:flex;
    gap:4rem;
}
.ci ol li {
    flex:1;    
    text-align:center;
}
.ci ol li div {
    position:relative;
    padding-top:121.42%;
}
.ci ol li.logo1 div {
    background:#fff;
}
.ci ol li.logo2 div {
    background:var(--red);
}
.ci ol li.logo3 div {
    background:url("../png/ci_logo3_bg.png") no-repeat center;
    background-size:100%;
}
.ci ol li.logo4 div {
    background:url("../png/ci_logo4_bg.png") no-repeat center;
    background-size:100%;
}
.ci ol li div img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:80%;
}
.ci ol li p {
    font-size:1.6rem;
    color:#000;
    margin-top:2rem;
    line-height:1.6;
}

@media (max-width:991px){ 
    .ci ol {
        gap:2rem;
    }
}
@media (max-width:640px){ 
    .ci ol {
        flex-wrap:wrap;
        row-gap:5rem;
        justify-content:space-between;
    }
    .ci ol li {
        flex-basis:calc(50% - 2rem);
    }
}
@media (max-width:580px){ 
    .ci {
        padding:6rem 3.125%;
    }     
    .ci ul {
        flex-wrap:wrap;
    }
    .ci ul li {
        flex-basis:100%;
    }
}
@media (max-width:450px){  
    .ci {
        padding:6rem 5%;
    } 
}
@media (max-width:370px){  
    .ci p.atxt br {
        display:none;
    }
}



/* Slogan */
.slogan {
    padding:13rem 3.125%;
}
.slogan ul {
    margin-top:4rem;
    display:flex;
    gap:4rem;
}
.slogan ul li {
    flex:1;
}
.slogan ul li span {
    font-size:2rem;
    color:#000;
    font-weight:500;
    text-align:left;
}
.slogan ul li div {
    display:flex;
    align-items:center;
    justify-content:center;
    height:22rem;
    background:#f5f5f5;
    padding:0 3rem;
}
.slogan ul li img {
    max-width:100%;
}
.slogan ul li div h2 {
    font-size: 4rem;
    color: var(--red);
    font-weight: 600;
}

@media (max-width:930px){ 
    .slogan p.atxt br {
        display:none;
    }
}
@media (max-width:580px){ 
    .slogan {
        padding:6rem 3.125%;
    }    
    .slogan ul {
        margin-top:3rem;
        flex-wrap:wrap;
    }
    .slogan ul li {
        flex-basis:100%;
    }
    .slogan ul li div h2 {
        font-size: 3rem;
    }    
}
@media (max-width:450px){  
    .slogan {
        padding:6rem 5%;
    } 
}




/* Primary Color */
.pcolor {
    padding:10rem 3.125%;
    background: #f5f5f5;
}
.pcolor ul {
    margin-top:5rem;
    display:flex;
    flex-wrap:wrap;
    row-gap:5rem;
    margin-left:-5rem;
}
.pcolor ul li {
    flex-basis:calc(33.333% - 5rem);
    margin-left:5rem;    
}
.pcolor ul li dl {
    display:flex;
    align-items:center;
    gap:2.5rem;
}
.pcolor ul li dl dt {
    width:11rem;
    height:11rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
    font-weight:600;
    border-radius:1.8rem;
    text-align:center;
    white-space:nowrap;
}
.pcolor ul li.red dl dt {
    background:var(--red);
    color:#fff;
}
.pcolor ul li.dgray dl dt {
    background:#1e1e1e;
    color:#fff;
}
.pcolor ul li.gray1 dl dt {
    background:#969696;
    color:#fff;
}
.pcolor ul li.gray2 dl dt {
    border:solid 1px #ddd;
    background:#e6e6e6;
    color:#757575;
}
.pcolor ul li.white dl dt {
    border:solid 1px #ddd;
    background:#fff;
    color:#757575;
}
.pcolor ul li dl dd {
    flex:1;
}
.pcolor ul li dl dd p {
    font-size:1.6rem;
    color:#757575;
    font-weight:500;
    display:flex;
    align-items:center;
    column-gap:2rem;
    white-space:nowrap;
}
.pcolor ul li dl dd p + p {
    margin-top:1rem;
}
.pcolor ul li dl dd p span {
    display:inline-block;
    width:6rem;
    position:relative;
}
.pcolor ul li dl dd p span::after {
    display:inline-block;
    content:":";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
}

@media (max-width:580px){ 
    .pcolor {
        padding:6rem 3.125%;
    }
    .pcolor ul {
        margin-top:3rem;
        row-gap:3rem;
    }
}
@media (max-width:450px){  
    .pcolor {
        padding:6rem 5%;
    }
}


/* innovative */
.innovative {
    padding:10rem 3.125%;
}
.innovative ul {
    margin-top:6rem;
    display:flex;
    gap:5rem;
}
.innovative ul li {
    flex:1;
}
.innovative ul li .img {

}
.innovative ul li .img img {
    max-width:100%;
}
.innovative ul li h2 {
    margin-top:2rem;
    font-size:3rem;
    color:#000;
    font-weight:600;
}
.innovative ul li p {
    margin-top:1rem;
    font-size:2rem;
    color:#757575;
    font-weight:500;
    line-height:1.6;
}

@media (max-width:580px){ 
    .innovative {
        padding:6rem 3.125%;
    }      
    .innovative ul {
        margin-top:3rem;
        flex-wrap:wrap;
    }
    .innovative ul li {
        flex-basis:100%;
    }
    .innovative ul li h2 {
        font-size:2.2rem;
    }
    .innovative ul li p {
        font-size:1.6rem;
    }
}
@media (max-width:450px){  
    .innovative {
        padding:6rem 5%;
    } 
}

.award2 {
    padding:10rem 3.125%;
    background:url("../jpg/about_award2_bg.jpg") no-repeat center center;
    background-size:cover;
}
.award2 .atxt {
    color:#fff;
}
.award2 ul {    
    display:flex;
    gap:3rem;
    align-items:center;
    flex-wrap:wrap;
}

.award2 ul.u1 {
    margin:8rem 0 0;
}
.award2 ul.u1 li:nth-child(1) img {
    width:9.6rem;
    height:auto;
}
.award2 ul.u1 li:nth-child(2) img {
    width:16.4rem;
    height:auto;
}
.award2 ul.u1 li:nth-child(3) img {
    width:10.5rem;
    height:auto;
}
.award2 ul.u1 li:nth-child(4) img {
    width:9.9rem;
    height:auto;
}
.award2 ul.u1 li:nth-child(5) img {
    width:6rem;
    height:auto;
}

.award2 ul.u2 {
    margin:4rem 0 10rem;
}
.award2 ul.u2 li:nth-child(1) img {
    width:4.9rem;
    height:auto;
}
.award2 ul.u2 li:nth-child(2) img {
    width:3.9rem;
    height:auto;
}
.award2 ul.u2 li:nth-child(3) img {
    width:7.5rem;
    height:auto;
}
.award2 ul.u2 li:nth-child(4) img {
    width:6.7rem;
    height:auto;
}
.award2 ul.u2 li:nth-child(5) img {
    width:4.4rem;
    height:auto;
}
.award2 ul.u2 li:nth-child(6) img {
    width:7.3rem;
    height:auto;
}

@media (max-width:991px){ 
    .award2 {
        padding:6rem 3.125%;
    }
    .award2 ul {
        gap:2rem;
    }

    .award2 ul.u1 {
        margin:5rem 0 0;
    }
    .award2 ul.u1 li:nth-child(1) img {
        width:7.6rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(2) img {
        width:14.4rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(3) img {
        width:8.5rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(4) img {
        width:7.9rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(5) img {
        width:4rem;
        height:auto;
    } 
    
    .award2 ul.u2 {
        margin:2rem 0 6rem;
    }
    .award2 ul.u2 li:nth-child(1) img {
        width:2.9rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(2) img {
        width:1.9rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(3) img {
        width:5.5rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(4) img {
        width:4.7rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(5) img {
        width:2.4rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(6) img {
        width:5.3rem;
        height:auto;
    }    
}
@media (max-width:580px){ 
    .award2 {
        padding:4rem 3.125%;
    }
    .award2 ul {
        gap:1rem;
    }

    .award2 ul.u1 {
        margin:3rem 0 0;
    }
    .award2 ul.u1 li:nth-child(1) img {
        width:5.6rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(2) img {
        width:12.4rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(3) img {
        width:6.5rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(4) img {
        width:5.9rem;
        height:auto;
    }
    .award2 ul.u1 li:nth-child(5) img {
        width:2.5rem;
        height:auto;
    }   
    
    .award2 ul.u2 {
        margin:2rem 0 4rem;
    }
    .award2 ul.u2 li:nth-child(1) img {
        width:2rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(2) img {
        width:1rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(3) img {
        width:3.5rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(4) img {
        width:2.7rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(5) img {
        width:1.4rem;
        height:auto;
    }
    .award2 ul.u2 li:nth-child(6) img {
        width:3.3rem;
        height:auto;
    }     
}
@media (max-width:450px){  
    .award2 {
        padding:3rem 5%;
    }
    .award2 .atxt {
        margin-bottom:2rem;
    }
    .award2 ul {
        display:none;
    }
}
@media (max-width:380px){  

}