@charset "utf-8";


/*콘텐츠 영역*/
#contentwrap {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

#contentwrap > div {
    width: 100%;
    margin: 0 auto;
}

/*전체 텍스트 폰트 조정*/
#contentwrap h3 {
    letter-spacing: -1px;
}

p {
    letter-spacing: -1px;
    text-align: left;
}



/*인트로 영역*/
#intro {
    min-width: 1024px;
    height: 200px;
    margin: 0 auto;
}

#intro > div {
    width: 100%;
    height: 200px;
    background: url(../images/02_responsibility_intro.jpg) center no-repeat;
    background-attachment: fixed;
    background-position: top;
}

#intro > div > h3 {
    font: 600 35px/1 'Noto Sans KR';
    color: #fff;
    padding: 60px 0 40px 0;
}

#link {
    width: 680px;
    height: 23px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.5);
}

#link > li {
    float: left;
    font: 400 12px/21px 'Noto Sans KR';
    letter-spacing: -1px;
}

#link > li > a {
    display: block;
    width: 170px;
    height: 23px;
    transition: all 0.5s ease-in-out;
}

#link > li > a:hover {
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease-in-out;
}
/*링크배경*/
.res2-3 {
    background-color: #fff;
}






/*각 본문 사이의 구분선 설정(마지막 내용엔 선 없음)*/
#contentwrap > div > div:last-child {
    border-bottom: none;
}


/*지속가능한 품질 본문 영역*/
#qualitywrap {
    width: 100%;
    border-bottom: solid 1px #000;
}

#q_intro {
    width: 1024px;
    height: 100%;
    margin: 0 auto;
}


/*지속가능한 품질 본문 영역*/
#title {
    width: 1024px;
    height: 30px;
    text-align: left;
    float: left;
    font: 400 25px/1.5 'Noto Sans KR';
    margin: 30px 0 20px 0;
}

#q1-1 {
    width: 1024px;
    height: 350px;
    overflow: hidden;
}

#q1-2 {
    font: 400 18px/1.5 'Noto Sans KR';
    text-align: center;
    margin: 20px 0px 40px 0px;
}


#q_content {
    width: 100%;
    height: 100%;
    background-color: rgba(235, 220, 199, 0.3);
}
#q1-3 {
    text-align: center;
    font: 600 25px/1.2 'Noto Sans KR';
    padding-top: 40px;
}

#q1-4 {
    text-align: center;
    font: 400 20px/1.3 'Noto Sans KR';
    margin: 10px 0 50px 0;
    color: #777;
}


dl {
    /*문단 전체*/
    width: 1024px;
    height: 350px;
    margin-bottom: 100px;
    margin: 0 auto 70px auto;
}

dt {
    /*문단 타이틀(이미지)*/
    display: block;
    width: 512px;
    height: 350px;
    overflow: hidden;
    float: left;
}

dd {
    /*문단 설명글(내용)*/
    display: block;
    width: 492px;
    float: left;
}

#p1 {
    /*문단 제목*/
    /*높이설정하지말기(두줄제목때문)*/
    display: block;
    margin-bottom: 20px;
    font: 600 25px/1.4 'Noto Sans KR';
    color: #92ab23;
}

#p2 {
    /*문단 내용*/
    font: 400 17px/1.5 'Noto Sans KR';
}

/*지속가능한 품질*/
/*각각 마진 탑 설정*/
#q2 dt {}

#q2 dd {
    margin-top: 45px;
    float: right;
}

#q3 dd {
    margin-top: 40px;
}

#q3 dt {
    float: right;
}

#q4 dt {}

#q4 dd {
    margin-top: 0px;
    float: right;
}

#q5 {
    padding-bottom: 80px;
    margin-bottom: 0;
}
#q5 dd {
    margin-top: 10px;
}

#q5 dt {
    float: right;
}




/*
    그린
    background-color: #92ab23;
    브라운
    background-color: #5a3822;
*/