@charset "utf-8";


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

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


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


/*전체 텍스트 폰트 조정*/
#contentwrap h3 {
    letter-spacing: -1px;
}
#title {
    width: 1024px;
    height: 30px;
    text-align: left;
    font: 400 25px/1.5 'Noto Sans KR';
    margin: 30px 0 20px 0;
}
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/03_service_1.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;
}
.ser3-4 {
    background-color: #fff;
}



/*자주하는 질문*/
#qnawrap {
    width: 100%;
    height: 100%;
    border-bottom: solid 1px #000;
    
}
#qnawrap > div {
    width: 1024px;
    height: 100%;
    margin: 0 auto;
    
}
#qnawrap h3 {
    height: 30px;
}
#qnawrap > div > div {
    width: 1024px;
    height: 100%;
}

#qna {
    width: 1024px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 70px;
    float: left;
}
#qna li {
    
}
#qna > li {
    border-bottom: 2px solid  #738910;
}
#q > a{
    display: block;
    width: 1004px;
    height: 30px;
    padding: 10px 10px;
    font: 500 17px/1.5 'Noto Sans KR';
    letter-spacing: -0.5px;
    text-align: left;
    color: #fff;
    background-color: #92ab23;
    
}
#btn {
    float: right;
    position: relative;
    top: 5px;
    transition: all 0.2s ease-in-out;
}
.rotate {
    transform: rotate(180deg);
}

#a {
    width: 1024px;
    height: 100%;
    
}
#a li {
    width: 954px;
    height: 100%;
    font: 400 16px/1.5 'Noto Sans KR';
    text-align: left;
    letter-spacing: -0.5px;
    background-color: #eee;
    padding: 20px 35px;
}


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


#footer {
    float: left;
}