/* COMMON */
.sub-visual-container{
    overflow: hidden; padding: 60px 0; height: 310px; background-repeat: no-repeat; background-position: center;
    -webkit-animation: visualFadeIn .4s ease-in-out .1s forwards; animation: visualFadeIn .4s ease-in-out .1s forwards; opacity: 0;
}
.sub-visual-wrapper{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-direction: normal; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content:flex-end; margin-top:30px;
    height: 100%;
}
.sub-visual-container .title {
    z-index: 2; position: relative; /*margin-top: 14px;*/ line-height: 1;
    text-align: center; font-size: 4rem; font-weight: 700; color: #ffffff; transition:all 0.3s ease;
}
.sub-visual-container .title small { display: block; margin-bottom: 15px; font-size: 14px; color: #bcc5df; font-weight: 300; letter-spacing: 0.2em; }
.sub-visual-container p{
    font-size: 1.6rem; font-weight: 100; color: rgba(255,255,255,.5); letter-spacing: .3em; margin-top:15px;
    /* -webkit-transform: skew(-0.03deg); transform: skew(-0.03deg); */
    transition:all 0.3s ease;
}


.contents { padding: 120px 0px; }

.tit {font-size:4rem; font-weight:400 ; line-height:1.4;}

.tit strong {font-weight: 900;}


.sv, .sv1 { background-image: url('/child/img/sub/sv1.jpg'); }
.sv2 { background-image: url('/child/img/sub/sv2.jpg'); }
.sv3 { background-image: url('/child/img/sub/sv3.jpg'); }
.sv4 { background-image: url('/child/img/sub/sv4.jpg'); }
.sv5 { background-image: url('/child/img/sub/sv5.jpg'); }
@-webkit-keyframes visualFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes visualFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@media (max-width: 1200px){

    .sub-visual-container {padding:50px 0px;}
    .sub-visual-wrapper {margin-top:50px;}

}
@media (max-width: 1024px){
    .sub-visual-container { padding: 0; height: 240px; background-size: cover; }
    .sub-visual-container .title { font-size: 3.4rem; }
    .sub-visual-container .title small { font-size: 1.3rem; }

    .sub-visual-wrapper {margin-top:60px;}
}
@media (max-width: 768px){
    .sub-visual-wrapper {margin-top:55px;}
    .sub-visual-container { padding: 0; height: 160px; }
    .sub-visual-container .title { font-size: 2.4rem; }
    .sub-visual-container .title small { margin-bottom: 10px; font-size: 1.1rem; }
    .sub-visual-container p {margin-top:10px;}
    .contents {padding:80px 0px;}
}



/* Sub Tab List */
.sub-tab-container { z-index: 2; position: relative; margin-top:-60px; /*border-bottom:1px solid #ddd;*//* box-shadow:0px 0px 3px 0px rgb(0 0 0 / 10%);*/ background-color:rgba(0,0,0,.3);}
.sub-tab-lists {
    display: flex; flex-wrap: wrap; justify-content: center;
    margin: auto; max-width: 1200px; width: 100%; /*background: rgba(0,0,0,.5); */
}
.sub-tab-lists li {
    position: relative; flex:1 1;
}
/* .sub-tab-lists li:before{
    content:'';
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0,-50%);
    display: block;
    width: 1px;
    height:16px;
    background-color: #ddd;
} */
.sub-tab-lists li:first-child:before{display:none;}
.sub-tab-lists .link{
    display: flex; align-items: center; justify-content: center; position: relative;
    padding: 4px 30px; /*margin:0 20px;*/ height: 60px;
    line-height: 1.4; text-align: center;
    font-size: 1.8rem; color: rgba(255,255,255,.5);
    background-color: transparent;
    -webkit-transition: all ease-out .3s; transition: all ease-out .3s;
}
.sub-tab-lists .link::before{
    content: ''; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 100%; background: #ffffff;
    -webkit-transition: all ease-out .3s; transition: all ease-out .3s;
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(0); transform: scaleY(0);
}
.sub-tab-lists .link span { display: block; z-index: 2; position: relative; }
.sub-tab-lists .link--on { color: #0026b2;}
.sub-tab-lists .link--on::before{
    -webkit-transform: scaleY(1); transform: scaleY(1);
}
@media(min-width:1201px){
	/* .sub-tab-lists .link:not(.link--on):hover::before{
        -webkit-transform: scaleY(0.1); transform: scaleY(0.1);
    } */
}
@media (max-width:1200px){
    .sub-tab-lists .link { height: 50px; font-size: 1.6rem; }
    .sub-tab-container {margin-top:-50px;}
    .sub-tab-lists .link {padding:4px 10px;}
}
@media (max-width:1024px){

    /* .sub-tab-lists .link {padding: 4px 10px; } */
    /* .sub-tab-container {margin-top:-42px;} */
    /* .sub-tab-lists .link {padding:4px 10px;} */


}

@media (max-width:768px){
    /* .sub-tab-container { margin-top: 0; } */
    /* .sub-tab-lists { background: rgba(0,0,0,.9); } */
    .sub-tab-container {margin-top:-42px; display: none;}
    .sub-tab-lists .link {
        padding: 12px 10px; height: 100%; line-height: 1.3; font-size: 1.4rem;
        transform: skew(-0.03deg);
    }
}


/* Board */
.board-container{
    font-family:'NotoKR',"Apple SD Gothic Neo",Helvetica,sans-serif,Arial;
}
/* board-download */
.board-download .bbs-photo__thumbnail a, .board-download .board-download__model a {
    cursor: default;
    pointer-events: none;
}
/* board-certificate */
.board-certificate__title a{
    cursor: default;
    pointer-events: none;
}


/* 브랜드소개 - intro */
.wrap--brand .contents{
    /* background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    background-image: url(/child/img/sub/brand/brand-bg.png); */
}
#vue-app.wrap--brand .container{
    /* padding-top:50px;
    padding-bottom:190px; */
}
.brand-tit{
    font-size: 60px;
    font-weight: 900;
    color: #0090d4;
    margin-bottom: 45px;
}
.brand-txt{
    width: 60%;
    font-size: 20px;
    line-height: 1.8;
    color:#5d5d5d;
}
.brand-txt p{
    margin-bottom: 15px;
}
.brand-txt p:last-child{
    margin-bottom: 0;
}
.brand-logo{
    margin-top: 30px;
}
.brand-logo img{
    width: 272px;
}

.brand-intro{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    padding: 100px 0 150px; background: url('/child/img/sub/brand/brand-intro-background.png') no-repeat center;
}
.brand-intro .left { flex: 1 1 0; }
.brand-intro .middle { flex: 1 1 auto; padding-top: 45px; text-align: center; }
.brand-intro .right { flex: 1 1 0; }
.brand-intro .title { line-height: 1.3; font-size: 6rem; font-weight: 200; }
.brand-intro .line { display: block; margin: 25px 0; width: 1px; height: 155px; background: #111111; }
.brand-intro .bg { padding: 2px 0; color: #ffffff; font-weight: 800; background: #0090d4; }
.brand-intro .left p { line-height: 1.7; font-size: 2.4rem; font-weight: 200; }
.brand-intro .right p { margin: 14px 0; line-height: 1.7; font-size: 2rem; color: #5d5d5d; }
.brand-intro .right .lg { line-height: 1.7; font-size: 2.4rem; }

.brand-ban { background: #191919 url('/child/img/sub/brand/brand-ban-background.jpg') no-repeat left center; }
.brand-ban .container { display: -webkit-box; display: -ms-flexbox; display: flex; }
.brand-ban .left { flex: 1 1 50%; text-align: center; position: relative; }
.brand-ban .right { flex: 1 1 50%; text-align: right; padding: 50px 0 54px; }
.brand-ban .product-image { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.brand-ban .logo img { margin-top: 22px; width: 214px; }
.brand-ban p { line-height: 1.7; font-size: 2.4rem; color: #fff; font-weight: 200; }
@media(max-width:1200px){
    .brand-intro { background-size: auto 380px; }
    .brand-intro .title { font-size: 4rem; }
    .brand-intro .line { height: 60px; }
    .brand-intro .left img{
        width: 255px;
    }
    .brand-intro .left p, .brand-intro .right .lg { font-size: 2rem; }
    .brand-intro .right p { font-size: 1.6rem; line-height: 2.1; }

    .brand-ban p { font-size: 2rem; }
    .brand-ban .logo img { width: 200px; }
    .brand-ban .product-image { width: 180px; }
}
@media(max-width:1024px){
    .brand-tit {
        font-size: 48px;
        margin-bottom: 30px;
    }
    .brand-txt{
        width: 100%;
    }

    .brand-intro{
        flex-wrap: wrap;
        justify-content: center;
    }
    .brand-intro .left{
        width: 100%;
        flex: none;
        text-align: center;
    }
    .brand-intro .left img{
        margin-top: 15px;
        margin-left: -40px;
    }
    .brand-intro .line { display: none; }
    .brand-intro .right{
        width: 100%;
        max-width: 500px;
        flex: none;
        text-align: center;
        margin-top: 20px;
    }
}
@media(max-width:768px){
    .brand-tit {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .brand-txt{
        font-size: 18px;
    }
    .brand-txt p{
        margin-bottom: 10px;
    }

    .brand-intro{
        -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
        -webkit-box-align: center; -ms-flex-align: center; align-items: center;
        padding: 40px 0 100px; background-size: auto 300px;
    }
    .brand-intro .right { padding-top: 5px; max-width: 360px; text-align: center; }
    .brand-intro .middle img { width: 90px; }
    .brand-intro .title { font-size: 2.6rem; text-align: center; }
    .brand-intro .left p { font-size: 1.6rem; margin-top: 15px; text-align: center; }
    .brand-intro .right p { font-size: 1.5rem; }
    .brand-intro .right .lg{
        font-size: 1.6rem; text-align: center;
    }
    .brand-ban { background-position: left 40% center; background-size: cover; }
    .brand-ban .left { flex: 1 1 40%; }
    .brand-ban .right { flex: 1 1 60%; }
    .brand-ban p { font-size: 1.6rem; line-height: 1.8; }
    .brand-ban .logo img { width: 140px; }
    .brand-ban .product-image { width: 140px; }
}
@media(max-width:500px){
    /* #vue-app.wrap--brand .container{
        padding-top:10px;
        padding-bottom:50px;
    } */
    .brand-tit {
        font-size: 28px;
        font-weight: 600;
    }
    .brand-txt{
        font-size: 16px;
    }
    .brand-txt p{
        margin-bottom: 5px;
    }
    .brand-logo {
        margin-top: 15px;
    }
    .brand-logo img {
        width: 150px;
    }

    .brand-intro { background-size: auto 280px; }

    .brand-ban .left { flex: 1 1 30%; }
    .brand-ban .right { flex: 1 1 70%; }
    .brand-ban .product-image { width: 100px; }
}



/* 브랜드소개 - location */
.zicon { display: inline-block; width: 21px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: auto 16px; }
.zicon--marker { background-image: url('/child/img/icon/icon-marker.svg'); }
.zicon--phone { background-image: url('/child/img/icon/icon-phone.svg'); }
.zicon--headphone { background-image: url('/child/img/icon/icon-headphone.svg'); }
.zicon--fax { background-image: url('/child/img/icon/icon-fax.svg'); }
.zicon--mail { background-image: url('/child/img/icon/icon-mail.svg'); }
.map-container { overflow: hidden; position: relative; width: 100%; height: 500px; background: #f1f1f1; /*border-radius: 16px;*/ }
.map-container iframe{
    border:0 !important;
}
.location-info-container { margin-top: 60px;/*padding-top: 50px;*/ border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.location-info-lists{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;
    /* margin: -10px; */
}
.location-info-list{
    /* flex: 1 1 33.3333%; */
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    padding: 30px 40px; font-size: 1.8rem; color: #5d5d5d; justify-content: center;
}
/* .location-info-list:first-child { flex: 1 1 100%; } */
.location-info-list b { padding-right: 2px; color: #111; }
.location-info-list .icon { font-size: 0; }
.location-info-list .zicon { margin-right: 14px; width: 22px; height: 22px; /*border: 1px solid #dddddd; border-radius: 50%;*/ }
@media(max-width:1200px){
    .map-container { height: 400px; }
    .location-info-list { font-size: 1.6rem; }
}
@media(max-width:768px){
    /* .location-info-container { margin-top: 50px; padding-top: 40px; } */
    /* .location-info-lists { margin: -7px 0; } */
    .location-info-container {margin-top:30px;}
    .location-info-list { font-size: 1.4rem; flex: 1 1 33.3333%; padding: 20px 0; line-height: 1.4; }
}
@media(max-width:550px){
    .location-info-list { flex: 1 1 100%; }
}


/* 기술 센터 - 안전 기술 */
.card-lists{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    margin: -14px -18px;
}
.card-list { padding: 14px 18px; width: 50%; }
.card__thumbnail { overflow: hidden; border-radius: 10px; }
.card__contents { z-index: 2; position: relative; margin: -64px 24px 0; padding: 24px; line-height: 1.8; font-size: 1.8rem; background: #ffffff; border-radius: 8px; }
.card__contents .line { margin-bottom: 14px; }
.card__contents p { color: #5d5d5d; }
.card__title { display: block; margin-bottom: 12px; line-height: 1; font-size: 2.4rem; font-weight: 800; }
@media(max-width:1200px){
    .card-lists { margin: -10px -7px; }
    .card-list { padding: 10px 7px; }
    .card__contents { font-size: 1.6rem; line-height: 1.7; }
    .card__title { font-size: 2.3rem; }
}
@media(max-width:768px){
    .card__contents { font-size: 1.5rem; padding: 24px 20px; }
    .card__title { font-size: 1.9rem; }
}
@media(max-width:600px){
    .card img { width: 100%; }
    .card-lists { margin: -20px 0; }
    .card-list { padding: 20px 0; width: 100%; }
    .card__contents { margin: -60px 14px 0; }
}


/* 기술 센터 - 신뢰성 기술 */
.table-basic { width: 100%; border-collapse: collapse; line-height: 1.76; text-align: center; font-size: 1.6rem; border-top: 1px solid #dddddd; }
.table-basic thead th { padding: 10px; text-align: center; background: #f6f6f6; }
.table-basic tr { border-bottom: 1px solid #f1f1f1; }
.table-basic td:not(:last-child) { border-right: 1px solid #f1f1f1; }
.table-basic td { padding: 10px 18px; color: #5d5d5d; }
.table-basic td b { color: #111111; font-weight: 700; }

.reliability-top{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    margin-bottom: 100px; min-height: 600px; background: url('/child/img/sub/reliability/reliability-top-background.jpg') no-repeat center;
}
.reliability-top .context { padding: 40px 48px 50px; line-height: 1.8; text-align: center; font-size: 1.8rem; color: #ffffff; background: rgba(0,0,0,.7); }
.reliability-top .context .title { line-height: 1.3; font-size: 5rem; font-weight: 800; letter-spacing: 0.04em; }
.reliability-top .context .title small { font-size: 2.4rem; font-weight: 200; letter-spacing: 0.02em; }
.reliability-top .context .line { margin: 30px auto 16px; }

.reliability-test { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; }
.reliability-test .left { flex: 1 1 40%; padding-right: 30px; }
.reliability-test .right { flex: 1 1 60%; }
.reliability-test .title { margin: 8px 0; line-height: 1.6; font-size: 2.4rem; font-weight: 800; }
.reliability-test p { line-height: 1.7; font-size: 1.8rem; color: #5d5d5d; }
@media(max-width:1200px){
    .table-basic { font-size: 1.5rem; }

    .reliability-top .context { font-size: 1.6rem; }
    .reliability-top .context .title { font-size: 4rem; }
    .reliability-top .context .title small { font-size: 2rem; }

    .reliability-test .title { font-size: 2rem; }
    .reliability-test p { font-size: 1.6rem; }
}
@media(max-width:768px){
    .table-basic { font-size: 1.3rem; }
    .table-basic thead th { padding: 8px; }
    .table-basic td { padding: 8px; }

    .reliability-top { margin-bottom: 60px; min-height: 500px; background-size: cover; }
    .reliability-top .context { font-size: 1.4rem; margin: 0 15px; padding: 42px 24px; max-width: 360px; width: 100%; }
    .reliability-top .context .title { font-size: 2.6rem; }
    .reliability-top .context .title small { font-size: 1.6rem; }

    .reliability-test { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 50px; }
    .reliability-test .left { padding: 0 0 24px; }
    .reliability-test .title { font-size: 1.8rem; margin-bottom: 10px; }
    .reliability-test p { font-size: 1.4rem; }
}
@media(max-width:768px){
    .reliability-top { height: 400px; }
}


/* 기술 센터 - 인증 및 특허 */
.wrap--certification .bbs-bottom-button{
    display: none;
}
@media(max-width:1200px){

}
@media(max-width:768px){

}




@media(max-width:1200px){

}
@media(max-width:768px){

}


/* 검색결과 */
.wrap--search .sub-tab-container{display:none;}
.search-wrap{
    margin-bottom: 50px;
}
.search-wrap .header-search{
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding-right: 32px;
    border: 2px solid #dfdfdf;
}
.search-wrap .header-search__submit{
    right:16px;
}
.search-wrap .header-search__input:focus{
    outline: 0;
    border:0 !important;
}


/*--business css--*/


/*--about css--*/
/*--ceo css--*/
.about-intro {padding:70px 0px; position: relative; display:flex; justify-content: space-between; align-items: flex-end;}
.about-intro > div {flex:1 1;}
.about-tit::after {content:""; width:80px; height:4px; background-image:linear-gradient(to right, #0026b2 40%, #194aff 70%); display:block; margin:40px 0px;}
.txt {font-size:1.8rem; line-height:1.7; width:100%; color:#666; padding-right:40px;}
.txt p {margin-bottom:30px;}

.about-sign {display:flex; color:#333; align-items:center;}
.about-sign span {font-size:1.6rem; margin-right:10px;}
.about-sign strong {font-size:2.4rem; letter-spacing:0.4em;}

.abuot-contents img {display:block;}

.about-pattern {
    position: absolute; left:50%; transform:translateX(-50%); top:0;
    background-color:transparent; z-index:-100;
}
.about-pattern::before {content:''; display: block; position:absolute; bottom: 0; right:0; background-color:#fff; width:110px; height:100px;}
.about-pattern::after {content:''; display: block; width:530px; height:900px; background-color:transparent; border:10px solid #f0f3ff;}


.about-img img {display: block;}


@media(min-width:1201px){

}


@media(max-width:1200px){

    .tit {font-size:3.4rem;}
    .txt {font-size:1.6rem;}

    /* .about-img {max-width:470px;} */

    .about-pattern::before {height:130px;}

}

@media(max-width:1024px){

    /* .about-intro {flex-wrap: wrap;} */


    /* .about-img {width:100%; margin-top:80px;} */

    /* .about-pattern {display:none;} */


}

@media(max-width:768px){


    .about-intro {flex-wrap: wrap; padding:0px;}

    .about-intro > div {flex:1 100%;}

    .tit {font-size:2.6rem;}
    .txt {padding-right:0px; font-size:1.4rem;}
    .about-sign span {font-size:1.4rem;}
    .about-sign strong {font-size:2rem;}
    .about-sign img {max-width:60px;}
    .about-tit::after {margin:30px 0px;}

    .about-img {margin-top:80px;}

    .about-pattern {display:none;}


}


/*--mission css--*/
.mission-intro {position: relative; display: flex; justify-content:flex-start;; /*padding:56px 0px;*/}
/* .mission-img {position: absolute; left:0; top:0; z-index:-10;} */
.mission-img img {max-width:700px; width:100%; display:block;}
.mission-tit {position: absolute; z-index:10; right:0; padding-top:50px;}

.mottos-contents { background: linear-gradient(135deg, #194aff, #4c72ff);}

.mottos-section {display: flex; justify-content: space-between; position: relative;}

.mottos-section > div {flex:1 1;}

.mottos-box {display: flex; flex-direction: column; justify-content: space-between;}

.mottos-fade img {margin-bottom:40px;}
.mottos-fade::after {content:''; display:block; width:1px; height:190px; background-color: rgba(255,255,255,.3); margin-bottom:40px;}

.mottos-txt {padding-bottom:400px; padding-right: 50px;}
.mottos-txt h5 {color:#fff; font-size:3.2rem; font-weight:700;}
.mottos-txt p {color:rgba(255,255,255,.5); font-size:1.8rem; font-weight:400; margin:20px 0px 40px;}

.mottos-icon {max-width:597px; width:100%; background:url('/child/img/sub/about/mottos_dot.png') no-repeat center; position:relative; padding-top:90px;}
.mottos-icon > div {max-width:300px; width:100%;}
.mottos-icon .mot-icon1 {float:right; margin-bottom:35px;}
.mottos-icon .mot-icon2 {float:left; margin-bottom:35px;}
.mottos-icon .mot-icon3 {float:right;}
/* .mottos-icon .mot-icon1 {position:absolute; right:0; top:90px; max-width:300px; width:100%;}
.mottos-icon .mot-icon2 {position:absolute; left:0; top:430px; max-width:300px; width:100%;}
.mottos-icon .mot-icon3 {position:absolute; right:0; bottom:90px; max-width:300px; width:100%;} */

@media(min-width:1201px){

}


@media(max-width:1200px){

}

@media(max-width:1024px){

    .mottos-icon > div {max-width:260px; width:100%;}
    .mottos-icon .mot-icon1 {margin-bottom:70px;}
    .mottos-icon .mot-icon2 {margin-bottom:70px;}

    .mission-intro {flex-wrap: wrap; flex-direction: column-reverse; padding:0px 0px;}
    .mission-tit {position: relative; left:0; top:0; max-width:710px;}

    .mottos-fade img {margin-bottom:30px;}
    .mottos-fade::after {margin-bottom:30px;}
    .mottos-fade {max-width:480px; width:100%;}
}

@media(max-width:768px){


    .mission-tit {padding-top:30px;}

    .mottos-section{flex-wrap: wrap;}
    .mottos-section > div {flex:1 100%;}

    .mottos-txt {padding-bottom:60px;}
    .mottos-txt h5 {font-size:2.6rem;}
    .mottos-txt p {font-size:1.4rem; margin:10px 0px 30px;}

    .mottos-fade::after {height:100px;}

    /* .mottos-icon {height:1000px;} */

    .mottos-icon {background:none; display: flex; padding-top:0px;}
    .mottos-icon > div {margin:0px 8px;}
    .mottos-icon .mot-icon1 {max-width:240px; margin-bottom:0px;}
    .mottos-icon .mot-icon2 {max-width:240px; margin-bottom:0px;}
    .mottos-icon .mot-icon3 {max-width:240px;}

}

@media(max-width:480px){

    .mottos-fade {max-width:300px;}

}



/*--history css--*/
.year {display: flex; align-items: flex-start; margin-bottom:80px;}
.year:last-child {margin-bottom:0px;}
.year-left {display: flex; align-items: center;}
.year-left span {font-size:3rem; color:#ccc; font-weight:400; line-height:1; display: block;}
.year-left .year-tit {font-size:6rem; font-style:italic; font-weight:700; color:#0026b2; margin-right:10px; position: relative;}
.year-left .year-tit::after{content:''; display:block; position: absolute; left:0; top:-12px; background:url('/child/img/sub/about/history_icon.png') no-repeat center; width:29px; height:40px; z-index:-10; }

.year-right {margin-left:60px; border-top:1px solid #333; border-bottom:1px solid #e6e6e6; width: 100%; padding:30px 50px; margin-top:35px;}
.year-right li {margin-bottom:15px; position: relative;}
.year-right li:last-child {margin-bottom:0px;}
.year-right {font-size:1.8rem; color:#666; line-height:1.8;}
.year-right .year-day {color:#333;}
.year-right .year-day {margin-right:20px; color:#333; position:absolute; left:0; top:0;}
.res_row {width:100%; padding-left:80px;}

@media(min-width:1201px){

}


@media(max-width:1200px){


}

@media(max-width:1024px){

    .year {flex-wrap: wrap; justify-content: center;}
    .year-right {margin-left:0px; padding:30px 15px;}

    .year-left .year-tit {font-size:4.8rem; margin-right:5px;}
    .year-left span {font-size:2.4rem;}

}

@media(max-width:768px){

    .year-left .year-tit {font-size:4rem;}
    .year-left .year-tit::after {top:-20px; left:-10px;}
    .year-left span {font-size:2rem;}

    .year-right {margin-top:20px;}
    .year-right li {font-size:1.4rem;}

}

@media(max-width:480px){

    .year-right .year-day {position:relative;}
    .res_row {padding-left:0px; text-indent:-5px;}


}

/*--org css--*/



/*--certification css--*/

/* .thumbnail-box {display: flex; text-align: center; justify-content: space-between;}
.thumbnail-img {box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%); max-width:415px; width:100%; height:590px;}
.thumbnail-img {margin-right:60px;}
.thumbnail-img img {display:block;}

.thumbnail-list {max-width:720px; width:100%;}
.thumbnail-list table {table-layout:fixed; width:100%;}
.thumbnail-list th {padding:15px 5px; position: relative;}
.thumbnail-list td {padding:16px 5px; position: relative;}
.thumbnail-list .thum-list-tit {background-color:#0026b2; color:#fff;}
.thumbnail-list .thum-list-tit th::after {content:""; width:1px; height:16px; background-color:rgba(255,255,255,.3); display: block; position: absolute; right:0; top:50%; transform:translateY(-50%);}
.thumbnail-list .thum-list-txt {border-bottom:1px solid #e6e6e6; position: relative; cursor:pointer;}
.thumbnail-list .thum-list-txt.thum--on {background-color:#f9f9f9;}
.thumbnail-list .thum-list-txt.thum--on td {position: relative;}
.thumbnail-list .thum-list-txt.thum--on td:first-child::before {position: absolute; content:""; width:4px; height:100%; background-color:#ccc; left:0; top:0;} */

/* .thumbnail-list .thum-list-txt.thum--on::before{content:""; width:4px; height:16px; background-color:#ccc; display:block; position: absolute;} */

/*--location css--*/
.location_form {text-align: center; margin-bottom:40px;}

.location_form .location_logo {max-width:350px; width:100%; margin:auto;}

.location_form p {font-size:2.4rem; color:#333; margin-top:80px; display:flex; align-items:center; justify-content: center;}

.icon-loctation {display: inline-block; background:url('/child/img/icon/icon-location.svg') no-repeat center; width:17px; height:24px; margin-right:10px;}

@media(min-width:1201px){

}


@media(max-width:1200px){

}

@media(max-width:1024px){

    .location_form .location_logo {max-width:280px; height: auto;}

    .location_form p {margin-top:60px; font-size:2rem;}

}

@media(max-width:768px){


    .location_form .location_logo {max-width:240px; height: auto;}
    .location_form p {margin-top:30px; font-size:1.6rem;}
    .location_form {margin-bottom:30px;}

}

@media(max-width:480px){

    .icon-loctation {background:none; display: none;}

    .location-info-list {padding:10px 0px;}

}

/*--about css end--*/

/*--business--*/
.section {margin-bottom:80px; }
.section:last-child {margin-bottom:0px;}

.tit-items {display: flex; align-items: center;}
.tit-items p {font-size:2.4rem ; font-weight:700; color:#fff; background:linear-gradient(90deg, rgba(0,38,178,1), rgba(25,74,255,1)); line-height:1; padding:8px; margin-right:15px;}
.tit-items h5 {font-size:4rem; font-weight:700; color:#333; line-height:1;}

.type-tit { margin-bottom:20px; font-size:2.4rem; font-weight:700; color:#333;}
.type-tit::before {content: ''; display: inline-block; width:4px; height:20px; background-color:#ccc; margin-right:10px;}

.photo-items, .table-items, .two-box--items {margin-top:40px;}

.type-table table {width:100%; border-top:1px solid #333; text-align: center; font-size:1.6rem;}
.type-table tr {display: flex; border-bottom:1px solid #e6e6e6;}
.type-table th, .type-table td {padding:15px 10px;}
.type-table th {max-width:100px; width:100%; background-color:#f9f9f9; font-weight:400; color:#333; border-right:1px solid #e6e6e6;}
.type-table td {width:100%; font-weight:400; color:#666;}

.full-table--box {display: flex; flex-direction: column; justify-content: space-between; height:100%;}
.full-table table {width:100%; border-top:1px solid #333; text-align: center; font-size:1.6rem;}
.full-table tr {display: flex; border-bottom:1px solid #e6e6e6;}
.full-table th, .full-table td {padding:15px 10px; flex:1 1;}
.full-table th {background-color:#f9f9f9; font-weight:400; color:#333; border-right:1px solid #e6e6e6;}
.full-table td {width:100%; font-weight:400; color:#666;}


.two-box--items {display: flex; margin-left:-10px; margin-right:-10px; flex-wrap: wrap;}
.two-box--items > div {flex:0 50%; padding:0 10px; position: relative;}
.two-box--items img {width:100%;}
.two-box--items .prd-list-items {padding:40px 20px;}

.two-box--items .prd-list-items li:not(:last-child) {padding-bottom:20px;}

.two-box--items .prd-list-items li b {font-size:1.8rem; font-weight:700;}
.two-box--items .prd-list-items li p {font-size:1.6rem; color:#666; font-weight:400; margin-top:10px;}

.prd-photo--list {display: flex; margin-left:-10px; margin-right:-10px; flex-wrap: wrap; margin-top:-40px;}
.prd-photo--list.img-photo--list {margin-top:-20px;}
.prd-photo--list.panorama-photo--list {margin-top:-20px;}

.prd-photo--list > li {flex:0 33.33333%; padding:0 10px; position: relative; margin-top:40px;}
.prd-photo--list.img-photo--list > li {flex:0 33.3333%; margin-top:20px;}
.prd-photo--list.panorama-photo--list > li  {flex:0 50%; margin-top:20px;}
.prd-photo--list.new-img-photo--list > li {flex:0 50%; margin-top:20px;}
.prd-photo--list.photo--list-col > li {flex:0 50%;}

.list--bg {display: flex; flex-direction: column; padding:20px;}
.type-txt {margin-bottom:40px; font-size:1.8rem; line-height:1; font-weight:700; color:#333;}
.type-txt.lens-txt {margin-bottom:90px;}
.type-img img {display: block; margin:auto;}
.type-txt.map-type--txt {position:absolute; top:20px; left:20px;}
.full-imgs--bg {position:relative; display: flex; flex-direction: column; padding:0px;}
.full-imgs--bg .full-tit--box {position: absolute; width:100%; height:100%; left:0; top:0; padding:20px;}
.full-imgs--bg .type-txt.map-type--txt {position: relative; left:0; top:0;}

.mr-type--bg {background:url('/child/img/sub/business/led/mr16-bg.jpg') no-repeat top; background-size: contain;}
.f1-type--bg {background:url('/child/img/sub/business/led/flower1-bg.jpg') no-repeat top; background-size: contain;}
.f2-type--bg {background:url('/child/img/sub/business/led/flower2-bg.jpg') no-repeat top; background-size: contain;}
.light-type--bg {background:url('/child/img/sub/business/led/led-light-bg.jpg') no-repeat top; background-size: contain;}
.down-type--bg {background:url('/child/img/sub/business/led/down-light-bg.jpg') no-repeat top; background-size: contain;}
.factory-type--bg {background:url('/child/img/sub/business/led/factory-bg.jpg') no-repeat top; background-size: contain;}
.n-type--bg {background:url('/child/img/sub/business/led/n-bg.jpg') no-repeat top; background-size: contain;}
.f-type--bg {background:url('/child/img/sub/business/led/f-bg.jpg') no-repeat top; background-size: contain;}
.newled-type--bg {background:url('/child/img/sub/business/led/new-led-bg.jpg') no-repeat top; background-size: contain;}
/* .n-type--bg {background:url('/child/img/sub/business/led/n-bg.jpg') no-repeat top; background-size: contain;}
.w-type--bg {background:url('/child/img/sub/business/led/w-bg.jpg') no-repeat top; background-size: contain;}
.f-type--bg {background:url('/child/img/sub/business/led/f-bg.jpg') no-repeat top; background-size: contain;}
.e-type--bg {background:url('/child/img/sub/business/led/e-bg.jpg') no-repeat top; background-size: contain;}
.b-type--bg {background:url('/child/img/sub/business/led/b-bg.jpg') no-repeat top; background-size: contain;}
.c-type--bg {background:url('/child/img/sub/business/led/c-bg.jpg') no-repeat top; background-size: contain;}
.num-type--bg {background:url('/child/img/sub/business/led/num-bg.jpg') no-repeat top; background-size: contain;}
.floor-type--bg {background:url('/child/img/sub/business/led/floor-bg.jpg') no-repeat top; background-size: contain;}
.factory-type--bg {background:url('/child/img/sub/business/led/factory-bg.jpg') no-repeat top; background-size: contain;}
.air-type--bg {background:url('/child/img/sub/business/led/air-bg.jpg') no-repeat top; background-size: contain;}
.lens1-type--bg {background:url('/child/img/sub/business/led/lens1-bg.jpg') no-repeat top; background-size: contain;}
.lens2-type--bg {background:url('/child/img/sub/business/led/lens2-bg.jpg') no-repeat top; background-size: contain;}
.lens3-type--bg {background:url('/child/img/sub/business/led/lens3-bg.jpg') no-repeat top; background-size: contain;} */

.use--img {position: relative;}
.use-txt {position: absolute; color:#fff; font-size:1.8rem; font-weight:700; padding:20px;}
.use-txt.color-black {color:#333;}
.use-p {font-size:1.6rem; color:#666; padding-top:10px;}

.m-scroll-area {position:relative;}
.m-scroll-area .inner{ border-top:1px solid #333;}
.import-table-wrap.table-mo {display:none;}
.import-table-wrap {width:100%; text-align: center;}
.import-table-wrap table {width:100%;  }
.import-table-wrap th, .import-table-wrap td {padding:15px; font-size:1.6rem;}
.import-table-wrap th {font-weight:400; color:#333; background-color:#f9f9f9; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.import-table-wrap th:last-child {border-right:0px;}
.import-table-wrap td {color:#666; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6}
.import-table-wrap td.type--table {border-left:0px; color:#0026b2;}

.scroll {overflow-x: auto;z-index: 2;position: relative;}
.charact-list li {font-size:1.8rem; color:#666; margin:0 10px; line-height:1.75;}

.skil-items {margin-top:40px;}
.skil-list {display: flex; flex-wrap: wrap; align-items: center; margin-right:-10px; margin-left:-10px; margin-bottom:20px;}
.skil-list img {width:100%;}
.skil-list:last-child {margin-bottom:0px;}
.skil-list > div {flex:1 50%; padding:0px 10px;}
.skil-list .type-title--contents {padding:0 20px;}
.skil-list .type-title--box b {font-size:2.4rem; font-weight: 700; color:#333;}
.skil-list .type-title--box p {font-size:1.6rem; color:#666666; font-weight:400;}

.flow--box img {margin:0 auto;}
.flow--box .flow-m {display: none;}

@media(max-width:1200px){

    .import-table-wrap th, .import-table-wrap td {font-size:1.4rem;}

    .type-table th, .type-table td {font-size:1.4rem;}
    .full-table th, .full-table td {font-size:1.4rem;}

}


@media(max-width:1024px){

    .section:not(:first-child) {margin-top:70px;}

    .tit-items h5 {font-size:3.4rem;}
    .tit-items p {font-size:2rem; margin-right:10px;}
    .type-tit {font-size:2rem;}
    .type-txt {font-size:1.6rem; margin-bottom:10px;}
    .charact-list li {font-size:1.6rem;}
    .use-txt {font-size:1.6rem; padding:10px;}
    .scroll-t:before {

        content: ''; z-index: 3; position: absolute; top: 0; right: 0; width: 15px; height: 100%;
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 );

    }

    .scroll-t .scroll .inner {min-width:660px;}


    .two-box--items .prd-list-items {padding:20px 10px 0px;}
    .two-box--items .prd-list-items li:not(:last-child) {padding-bottom:10px;}
    .two-box--items .prd-list-items li b {font-size:1.6rem;}
    .two-box--items .prd-list-items li p {font-size:1.4rem;}
    .skil-list .type-title--box b {font-size:2rem;}
    .skil-list .type-title--box p {font-size:1.4rem;}

    .type-tit::before {height:16px; margin-right:5px;}

}

@media(max-width:800px){
    .photo-items, .table-items, .two-box--items {margin-top:25px;}
    .tit-items h5 {font-size:2.4rem;}
    .tit-items p {font-size:1.8rem; padding:6px; margin-right:6px;}
    .type-tit {font-size:1.8rem;}
    .type-txt {font-size:1.4rem;}
    .charact-list li {font-size:1.4rem;}
    .use-txt {font-size:1.4rem;}
    .type-txt.map-type--txt {top:40px;}
    .list--bg {background-size:cover;}
    .prd-photo--list {flex-wrap: wrap; margin-top:-30px;}
    .prd-photo--list > li {flex:0 50%; margin-top:30px;}
    .prd-photo--list > li .type-table {margin-top:10px;}
    .prd-photo--list.pro-imgs-list > li { margin-top:20px;}
    .prd-photo--list.photo--list-col > li {flex:0 100%;}

    .prd-photo--list.img-photo--list {flex-wrap: wrap;}
    .prd-photo--list.panorama-photo--list {flex-wrap: wrap;}
    .prd-photo--list.img-photo--list > li {flex:0 50%;}

    .type-map img {width:100%;}
    .use--img img {width:100%;}
    .use-p {font-size:1.4rem;}

    .prd-photo--list.colum-photo li {margin-bottom:20px;}
    .prd-photo--list.colum-photo li:last-child {margin-bottom:0px;}

    .prd-photo--list.photo--list-col1 li {flex:1 100%; margin-right:0;}

    .lens--list li {margin-bottom:20px;}
    .lens--list li:last-child {margin-bottom:0px;}


    .two-box--items > div {flex:0 100%;}
    .two-box--items .prd-list-items {padding:20px 10px 0px 0px;}

    .prd-photo--list.user-img--list{margin-top:20px;}
    .prd-photo--list.user-img--list > li {margin-top:0px; margin-bottom:20px;}
    .prd-photo--list.user-img--list > li:last-child {margin-bottom:0px;}

    .skil-items {margin-top:25px;}
    .skil-list .type-title--contents {padding:10px;}
    .skil-list .type-title--box b {font-size:1.8rem;}

    .full-table--box .full-table {margin-top:25px;}

    .flow--box .flow-pc {display: none;}
    .flow--box .flow-m {display:block;}

}

@media(max-width:580px){

    .tit-items h5 {font-size:2.2rem;}
    .tit-items p {font-size:1.6rem;}

    .prd-photo--list > li {flex:1 100%;}
    .prd-photo--list.img-photo--list > li {flex:1 100%;}
    .prd-photo--list.panorama-photo--list > li {flex:1 100%;}

    .skil-list > div {flex:1 100%;}
    .skil-list .type-title--contents {padding:10px 0px;}



}

/* .engine .tit-items {margin-bottom: 40px;} */
/* .engine-content{display: flex; align-items: center; justify-content: space-between;} */
.engine-items {margin-top:40px;}
.engine-items .engine-main-img .use-txt {color:#333;}
.engine-img-list {display: flex; flex-wrap: wrap; margin-left:-10px; margin-right:-10px; margin-bottom:-20px; margin-top:20px;}
.engine-img-list > div {flex:0 33.3333%; padding:0px 10px 20px;}

.engine-content>.use--img p{text-align: center; margin-top: 15px; color: #1e1e1e; font-size: 2.4rem; font-weight: 700;}

.engine-content-right .use--img:nth-child(2){margin: 58px 0;}

.floor-content{padding-top: 80px;}
.floor-content>h3{font-weight: 700; font-size: 3rem; margin-bottom: 30px; position: relative; left: 15px;}
.floor-content>h3::before{content: ""; display: block; position: absolute; width: 5px; height: 70%; top: calc(15% + 3px); left: -15px; background-color: #ccc;}

/*1025추가*/
.floor-icon-list ul {display: flex; flex-wrap: wrap; margin-bottom:-40px;}
.floor-icon-list li {flex:0 14.2857%; padding:0px 0px 40px; text-align: center;}
.floor-icon-list p {font-size:1.8rem; font-weight:700; color:#333; margin-top:10px;}
.floor-icon-list.floor-style2 ul {display: flex; flex-wrap: wrap; margin-bottom:-40px; margin-left:-25px; margin-right:-25px;}
.floor-icon-list.floor-style2 li {flex:0 25%; padding:0px 25px 40px; text-align: center;}

.floor-table-list {display: flex; flex-wrap:wrap;}
.floor-table-list > div {flex:1 1;}
.floor-table-list table {width:100%;border-top: 1px solid #333; text-align: center; font-size: 1.6rem;}
.floor-table-list tr {border-bottom: 1px solid #e6e6e6;}
.floor-table-list th, .floor-table-list td {padding: 15px 10px; width:50%;}
.floor-table-list th {background-color: #f9f9f9; color: #333; border-right: 1px solid #e6e6e6;}
/*1025추가 end*/

.floor-img{display: flex; padding-bottom: 50px}
.floor-img>img{display: inline-block; width: calc((100% - 60px) / 3)}
.floor-img>img:nth-child(2){margin: 0 30px}

.led-pc{display: block;}
.led-m{display: none;}

@media(max-width:1200px){
    .floor-table-list th, .floor-table-list td {font-size:1.4rem;}
}

@media(max-width:1024px){

    /*1025추가*/
    .floor-icon-list li {flex:0 25%;}

}
@media(max-width:800px){
  .floor-content>h3{font-size: 2.1rem; left: 11px;}
  .floor-content>h3::before{top: 15%}

  .floor-content{padding-top: 50px;}

  .led-m{display: block;}
  .led-pc{display: none;}

  .engine-content{display: block;}
  .engine-content .led-m{margin: 40px auto;}
  .engine-content-right{padding: 20px; box-sizing: border-box; border: 1px solid #e9e9e9}
  .engine-content-right .use--img:nth-child(2){margin: 20px 0;}

  .floor-img{flex-wrap: wrap; padding-bottom: 20px;}
  .floor-img>img{width: calc((100% - 20px) / 2)}
  .floor-img>img:nth-child(2){margin: 0 0 0 20px}
  .floor-img>img:nth-child(3){margin-top: 20px;}


  /*1025추가*/
  .engine-img-list > div {flex:0 50%;}

  .floor-icon-list ul {margin-bottom:-30px;}
  .floor-icon-list li {flex:0 33.3333%;  padding:0px 0px 30px;}
  .floor-icon-list p {font-size:1.6rem; font-weight:700; color:#333; margin-top:10px;}
  .floor-icon-list.floor-style2 ul {margin-bottom:-30px; margin-left:-20px; margin-right:-20px;}
  .floor-icon-list.floor-style2 li {flex:0 33.3333%; padding:0px 20px 30px; }

  .floor-table-list > div {flex:1 100%;}
  .floor-table-list > div:first-child {margin-bottom:20px;}


}

@media(max-width:580px){
  .floor-img{display: block;}
  .floor-img>img{width: 100%;}
  .floor-img>img:nth-child(2){margin: 15px 0;}
  .floor-img>img:nth-child(3){margin-top: 0;}

  /*1025추가*/
  .engine-img-list {margin-left:0; margin-right:0px; margin-bottom:-10px; margin-top:10px;}
  .engine-img-list > div {flex:0 100%;  padding:0px 0px 10px;}

  .floor-icon-list ul {margin-bottom:-30px;}
  .floor-icon-list li {flex:0 50%;  padding:0px 0px 30px;}
  .floor-icon-list.floor-style2 ul {margin-bottom:-30px; margin-left:-10px; margin-right:-10px;}
  .floor-icon-list.floor-style2 li {flex:0 50%; padding:0px 10px 30px;}
  .floor-icon-list p {font-size:1.4rem; font-weight:700; color:#333; margin-top:10px;}

}


/*--business css end--*/

/*투자정보*/
.txt-tit {border-top:1px solid #333; border-bottom:1px solid #e6e6e6;}
.txt-tit h5 {padding:20px 0px; line-height:1; font-size:2.4rem; color:#333; font-weight:700;}

.content-items {padding:40px 0px 70px;}

.content-items .txt-sub {font-size:1.8rem; line-height:1; color:#333; font-weight:700; margin:0 15px; position: relative;}
.content-items .txt-sub::before{content:''; width:6px; height:6px; display: block; background-color:#0026b2; position: absolute; top:50%; transform: translateY(-50%); left:-15px;}
.content-items .txt-content {margin-top:10px; font-size:1.6rem; color:#666;}
.txt--span {margin-left:20px;}

.content-items li {margin-top:40px;}
.content-items li:first-child {margin-top:0px;}

.sub-board-label {padding:10px 15px; background:linear-gradient(90deg, rgba(0,38,178,1), rgba(25,74,255,1)); line-height:1; color:#fff; display: inline-block;}
.sub-board .row {align-items: center;}



/* PR */

.sub-board{

    margin-bottom: 50px;

}

.sub-board a{

    display: block;
    box-sizing: border-box;

}

.sub-board a .row{

    align-items: center;

}

.sub-board-label {

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    color: #fff;

    background-color: #3db036;

    text-align: center;

    line-height: 1;

    padding:10px 15px;

}

.sub-board-subj {

    width: 100%;

    font-size: 32px;

    line-height: 1.2;

    display: block;

    display: -webkit-box;

    max-height: 1.2em;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    word-wrap: break-word;

}

.sub-board-date{

    font-size: 1.6rem;

    color:#666;

    text-align: right;

    padding-right: 10px;

}

.sub-board-date .month {

    display: block;

    font-size: 14px;

    line-height: 1;

    font-weight: 700;

}

.sub-board-date .day {

    display: block;

    font-size: 50px;

    line-height: 1;

    font-weight: 900;

    margin-top: 3px;

    background: linear-gradient(to top, rgba(61, 176, 54, .2) 55%, transparent 55%);

}

.sub-board .swiper-pagination-bullet {width:40px; height:3px; border-radius:0px;}

.swiper-pagination-bullet-active{

    background: #0026b2 !important;

}

.sub-board .swiper-pagination{display: block;position: relative;margin-top: 10px;}

.sub-board .swiper-pagination-bullet{margin:0 2px;}

@media (max-width:1024px){

    .sub-board-label {padding:8px 10px;}

    .sub-board-subj {font-size: 28px;}

    .sub-board-date{font-size: 16px;}

    .txt-tit h5 {font-size:2rem; line-height:1.3;}

}

@media (max-width:992px){

}

@media (max-width:768px){

    .sub-board a .row{margin:-4px;}

    .sub-board a .row >div{padding:4px;}

    .sub-board-label {font-size: 12px;padding:5px 10px;}

    .sub-board-subj {font-size: 22px;}

    .sub-board-date{font-size: 14px;}

    .content-items .txt-sub {font-size:1.6rem;}
    .content-items .txt-content {font-size:1.4rem;}

}

@media (max-width:576px){

    .sub-board-subj {

        font-size: 18px;

    }

}

.section--information {margin-top:0px;}
.contents.info--items-box {padding-bottom:0px;}

.info--intro {display: flex; align-items:center; position: relative;}
.info-txt {position: absolute; right: 0;}

.info-txt h3 {font-size:4rem; color:#333; font-weight:400; line-height:1.3;}

.info-txt h3::after {content: ""; width: 80px;
    height: 4px;
    background-image: linear-gradient(to right, #0026b2 40%, #194aff 70%);
    display: block;
    margin: 40px 0px;
}

.info-txt p {font-size:1.8rem; color:#666; line-height:1.75;}

.info-txt h3 strong {font-weight:700;}

.info-img img {display: block;}



.info-contents {margin-top:80px;}

.infor-num {border:1px solid #7fb2ff; border-radius:50%; width:48px; height:48px; justify-content: center; display: flex; align-items: center;}
.infor-num p {border:1px solid #e6e6e6; font-size:1.6rem; color:#666; border-radius:50%; width:38px; height:38px; display: flex; align-items:center; justify-content: center;}

.info-guide {border-bottom:1px solid #e6e6e6;}
.info-contents ul:last-child {border-bottom:0px;}

.info-guide > li > p {font-size:1.8rem; font-weight:700; color:#333; position: relative; line-height:1; margin-left:15px;}

.info-guide > li > p::before {content:''; width:6px; height:6px; background-color:#666; display: block; position: absolute; left:-15px; top:50%; transform: translateY(-50%);}
.info-guide > li {display: flex; align-items: center;}
.info-guide span {display: block; font-size:1.8rem; line-height:1; font-weight:700; color:#7fb2ff;}

.info-guide ul {display: flex;}
.info-guide ul li {display: flex; align-items: center; padding:15px 40px; position: relative;}

.info-guide ul li::after {content: ''; background:url('/child/img/sub/center/info-arrow.png') no-repeat center; width:7px; height:14px; display:block; color:#999; position: absolute; right:0; top:50%; transform:translateY(-50%);}
.info-guide ul li:last-child::after {display: none;}
.info-guide ul li .info-icon {margin:0 10px;}

.info-guide ul li .info-icon1 {background:url('/child/img/sub/center/info1.png') no-repeat center; width:36px; height:40px;}
.info-guide ul li .info-icon2 {background:url('/child/img/sub/center/info2.png') no-repeat center; width:36px; height:40px;}
.info-guide ul li .info-icon3 {background:url('/child/img/sub/center/info3.png') no-repeat center; width:36px; height:40px;}
.info-guide ul li .info-icon4 {background:url('/child/img/sub/center/info4.png') no-repeat center; width:36px; height:40px;}

.info-box {margin-top:40px;}
.info-box:first-child {margin-top:0px;}

.contents-txt {margin:0 15px; font-size:1.8rem; color:#666; line-height:1.75;}
.contents-txt.list--txt {text-indent:-5px;}

@media (max-width:1200px){

    .info-guide span {font-size:1.6rem;}
    .info-guide ul li {padding:15px 20px;}
    .infor-num p {font-size:1.4rem;}

    .contents-txt {font-size:1.6rem;}

}

@media (max-width:1024px){

    .info--intro{flex-wrap: wrap; flex-direction: column-reverse;; align-items: flex-start;}
    .info--intro > div {flex:1 100%;}
    .info-img {margin-bottom:30px;}
    .info-txt {position: relative;}
    .info-txt h3 {font-size:3.4rem;}
    .info-txt p {font-size:1.6rem;}
    .info-guide > li {flex-wrap: wrap;}
    .info-guide > li > p, .info-guide > li > ul {flex:1 100%;}
    .info-guide > li > p {margin:20px 15px;}
    .info-guide span {font-size:1.4rem; line-height:1.2;}
    .infor-num {width:38px; height:38px;}
    .infor-num p {width:28px; height:28px;}

}

@media (max-width:768px){

    .info-guide ul {flex-wrap:wrap; margin-bottom:10px;}
    .info-guide ul > li {flex:1 50%; padding:15px;}
    .info-guide ul li::after {display:none;}

    .info-txt h3 {font-size:2.4rem; line-height:1.4;}

    .info-txt h3::after {margin:30px 0px;}

    .contents-txt {font-size:1.4rem;}


    .list--txt li {margin-left:10px; text-indent:-15px;}


}
@media (max-width:500px){


    .info-guide ul > li {flex:1 calc(100% - 30px);}

}

/*경영정보 css*/
.management-intro {position: relative; display: flex; justify-content:flex-start;}
.management-img img {max-width:700px; width:100%; display:block;}
.management-tit {position: absolute; z-index:10; right:0; padding-top:50px;}
.management-box {padding-top:120px;}
.management-box h3 {font-weight: 700; font-size:2.4rem; position: relative; left: 15px;}
.management-box h3::before {content: ""; display: block; position: absolute; width: 4px; height: 60%; top: calc(15% + 3px); left: -15px; background-color: #ccc;}

.management-box .table-list {margin-top:40px;}
.management-box .table-list__title {font-size:1.8rem; color:#333; font-weight:700; padding-bottom:20px; display: flex; align-items: center;}
.management-box .table-list__title .square-point {
    background-position: center; background-repeat: no-repeat;
    background-size: auto 100%; width:6px; height:6px;
    background-image: url('/child/img/sub/investment/square.png');
    margin-right:10px;
}
.management-box .table-list__title span {font-size:1.6rem; font-weight:400; color:#999;}
.management-scroll-m {position:relative;}
.management-scroll {overflow-x: auto; z-index: 2; position: relative;}
.management-table table {
    width:100%; border-collapse: collapse; text-align:center; table-layout: fixed;
}
.management-table th {
    background-color:#f9f9f9; color:#222; font-weight:400; padding:15px 30px; border-top:1px solid #333333; font-size:1.6rem;
}
.management-table td {
    padding:15px 30px; font-size:1.6rem; color:#666;
    border-bottom:1px solid #e6e6e6; font-weight:400; line-height:1.7
}
.management-table td:last-child {border-right:0px;}


@media(max-width:1200px){


}

@media (max-width: 1024px){
    .management-intro {flex-wrap: wrap; flex-direction: column-reverse; padding:0px 0px;}
    .management-tit {position:relative; left:0; top:0; max-width:710px;}

    .management-box h3{font-size:2rem;}
    .management-box h3::before{height: 60%;}

    .management-box .table-list {margin-top:30px;}
    .management-box .table-list__title .square-point {margin-right:6px;}
    .management-box .table-list__title {font-size:1.6rem;}
    .management-box .table-list__title span {font-size:1.4rem;}

    .management-table th {font-size:1.4rem;}
    .management-table td {font-size:1.4rem;}
    .management-scroll-t:before {
        content: ''; z-index: 3; position: absolute; top: 0; right: 0; width: 15px; height: 100%;
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 );
    }
    .management-scroll-t .management-scroll .management-inner {min-width:660px;}
}
@media (max-width: 768px){
    .management-tit {padding-top:30px;}
    .management-box {padding-top:80px;}
    .management-table th {padding:13px;}
    .management-table td {padding:13px;}

}


/* @media(min-width:1201px){

}




@media(max-width:768px){


    .about-intro {flex-wrap: wrap; padding:0px;}

    .about-intro > div {flex:1 100%;}

    .tit {font-size:2.6rem;}
    .txt {padding-right:0px; font-size:1.4rem;}
    .about-sign span {font-size:1.4rem;}
    .about-sign strong {font-size:2rem;}
    .about-sign img {max-width:60px;}
    .about-tit::after {margin:30px 0px;}

    .about-img {margin-top:80px;}

    .about-pattern {display:none;}


}
 */

/*투자정보 end*/