@charset "utf-8";
/* .main-header { position: absolute; top: 0; left: 0; z-index: 9; background: #fff; } */
#visual { width: 100%; height: 100vh; overflow: hidden; position: relative; }

#container .section { width: 100%; overflow: hidden; box-sizing: border-box; font-family: "NanumSquare"; padding-top: 150px; }
#container .section .inner-wrap { width: 1340px !important; }/* 보고용 메인 임시 세팅 */
#container .section .inner-wrap > p { text-align: center; line-height: 1; }
#container .section .inner-wrap .title { font-size: 30px; letter-spacing: 7px; font-weight: 800; padding-bottom: 15px; }
#container .section .inner-wrap .sub-title { font-size: 14px; color: #666; padding-bottom: 60px; }

#container .section1 { height: 680px; background: #f4f4f4; padding-top: 150px; }
#container .section2 { height: 916px; background: url('../img/main/sec2-bg.jpg') center no-repeat; }
#container .section2 .inner-wrap .title { color: #fff; }
#container .section2 .inner-wrap .sub-title { color: #ccc; }
#container .section3 { height: 884px; background: #f4f4f4; }
#container .section4 { height: 790px; background: #fff; }
#container .section5 { height: 580px; background: #f4f4f4; padding-top: 150px; }
#container .section5 .inner-wrap { height: 280px; }
#container .section5 .inner-wrap > div { float: left; width: 655px; box-sizing: border-box; } /* 220629 sj*/
#container .section5 .inner-wrap .sec5-1 { height: 280px; margin-right: 30px; background: url('../img/main/sec5-1.jpg') no-repeat; padding: 46px 40px; background-color: #0a59ab; }
#container .section5 .inner-wrap .sec5-1 > p { color: #fff; line-height: 1; padding-left: 5px; font-size: 21px; letter-spacing: -1px; padding-bottom: 20px; font-weight: 700; }

#container .section5 .inner-wrap .sec5-1 > p:first-child { font-size: 50px; letter-spacing: -3px; padding-bottom: 27px; padding-left: 0; font-weight: normal; }
#container .section5 .inner-wrap .sec5-1 > p.small { font-size: 14px; color: #c5e2ff; padding-bottom: 10px; letter-spacing: 0; font-weight: normal; }
#container .section5 .inner-wrap .sec5-1 > p:nth-child(5) { letter-spacing: 0; }

#container .section5 .inner-wrap > div:nth-child(2) { background: url('../img/main/sec5-2.jpg') no-repeat; margin-bottom: 20px; }
#container .section5 .inner-wrap > div:nth-child(3) { background: url('../img/main/sec5-3.jpg') no-repeat; }
#container .section5 .inner-wrap .sec5-2 { height: 130px; line-height: 130px; font-size: 30px; font-weight: 700; color: #333; letter-spacing: -1px; }
#container .section5 .inner-wrap .sec5-2 > a { width: 100%; height: 100%; display: block; padding-left: 40px; }
#container .section5 .inner-wrap .sec5-2 > a > p { float: left; }
#container .section5 .inner-wrap .sec5-2 > a > span { display: block; float: left; font-size: 14px; padding-left: 20px; color: #999; letter-spacing: 0; font-weight: normal; height: 100%; }





#qna { position: absolute; top: 240px; right: 80px; width:380px; height: 572px; background: #ececec; }
#qna .title { position: relative; width: 100%; height: 70px; background: #fff; padding: 25px 40px 0; }
#qna .title > p:first-child { position: relative; float: left; font-size: 22px; color: #e82121; font-weight: 500; line-height: 1; padding-right: 38px; }
#qna .title > p:first-child::after { content: ''; position: absolute; top: 0; right: 19px; width: 1px; height: 25px; background: #e5e5e5; }
#qna .title > p:nth-child(2) { float: left; font-size: 11px; line-height: 1; }
#qna .title .qna-close { position: absolute; top: 21px; right: 21px; width: 29px; height: 29px; cursor: pointer; background: url('../img/main/btn-close.png') no-repeat; }
#qna .form-wrap { width: 100%; padding: 0 40px; }
#qna .form-wrap ul { padding-top: 26px; }
#qna .form-wrap ul > li { margin-bottom: 20px; }
#qna .form-wrap ul > li > p:first-child { font-size: 14px; color: #666; line-height: 1; padding-bottom: 10px; }
#qna .form-wrap ul > li > p:nth-child(2) input { height: 36px; border: 0; padding: 0 10px; }
#qna .form-wrap ul > li > p:nth-child(2) textarea { width: 100%; height: 130px; border: 0; padding: 10px 10px; }
#qna .form-wrap ul > li:first-child > p:nth-child(2) input { width: 100%; height: 36px; border: 0; padding: 0 10px; }
#qna .form-wrap ul > li:nth-child(2) > p:nth-child(2) input { width: 31.2%; height: 36px; border: 0; padding: 0 10px; }
#qna .form-wrap .private { line-height: 1; margin-bottom: 30px; font-size: 13px; }
#qna .form-wrap .private .terms-pop { cursor: pointer; text-decoration: underline; }
#qna .form-wrap input[type=submit] { font-family: 'NotoKr'; font-weight: 800; border: 3px solid #e1e1e1; width: 100%; height: 60px; font-size: 16px; color: #222; background: #fff; }

#qna-terms { position: absolute; top: 240px; right: 480px; width:380px; height: 572px; background: #ececec; display: none; font-family:'NotoKr'; font-weight: 500; }
#qna-terms .title { position: relative; width: 100%; height: 70px; background: #fff; padding: 25px 40px 0; font-size: 22px; color: #e82121; line-height: 1; }
#qna-terms .title .terms-close { position: absolute; top: 21px; right: 21px; width: 29px; height: 29px; cursor: pointer; background: url('../img/main/btn-close.png') no-repeat; }
#qna-terms .contents { width: 100%; height: 500px; overflow-y: scroll; padding: 20px 40px; text-align: justify; }