@charset "utf-8";

/*
    ********************헤더영역 고정********************
*/

.headerWrap{position: fixed; top: 0; left:0; width: 100%; display: flex; justify-content:center; align-items: center; height:80px; background-color: #dc0121 }
.headerWrap img{display: block;}

.headerWrap .gnbList{display: flex; justify-content: center; align-content: center; margin: 0 87px 0 430px;}
.headerWrap .gnbList li{font-family:'NotoSans-M'; color: #fff; font-size: 15px;margin-left: 80px; cursor: pointer;}
.headerWrap .gnbList li:first-child{margin-left: 0;}

.headerWrap .blogWrap{display: flex; justify-content: center; align-content: center; }
.headerWrap .blogWrap .blog{ margin-right:38px; }
.headerWrap .blogWrap .blog:last-child{margin-right: 0;}
.headerWrap .blogWrap .blogY{padding-top: 4px;}


/*
    ********************메인컨텐츠********************
*/
.pageOutWarp{padding-bottom: 170px; box-sizing: border-box}

.pageOutWarp .page1{background: url(../images/pageSection1.jpg) no-repeat center center; height: 5022px;}
.pageOutWarp .page2{background: url(../images/pageSection2.jpg) no-repeat center center; height: 2364px;}
.pageOutWarp .page3{background: url(../images/pageSection3.jpg) no-repeat center center; height: 12610px;}
.pageOutWarp .page4{background: url(../images/pageSection4.jpg) no-repeat center center; height: 938px;}


/*
    ********************푸터********************
*/

.footer{display: flex; justify-content: center; align-items: center ;height: 170px; background-color: #f8f8f8; }
.footer .footerList{font-family:'NotoSans-M'; font-size: 12px; color: #656565 ; margin-right: 150px}
.footer .footerList .footerText{display: flex; justify-content: center ; margin-bottom:20px }
.footer .footerList .footerText .textBar{ width: 1px ;height: 11px; margin: 3px 10px 0 10px; background-color: #656565 }


/*
    ********************상담하기 고정********************
*/

.consultWrap{position: fixed;left: 0; bottom:0; width: 100%; background: url(../images/consultBg.jpg)no-repeat center center; height: 180px;}
.consultWrap .contentWrap{display: flex; align-items: center; width:1092px; margin: 0 auto ;}
.consultWrap .consultLeft{margin-right: 55px}
.consultWrap .consultLeft .consultTitle{font-family:'NotoSans-B'; font-size: 25px; color: #fff; padding-top: 30px; margin-bottom: 10px}
.consultWrap .consultLeft .consultForm{display: flex; margin-bottom:10px }
.consultWrap .consultLeft .consultForm .consultBox .inputBox{position: relative;width: 315px; height: 27px; margin-bottom: 6px}
.consultWrap .consultLeft .consultForm .consultBox .inputBox:last-child{margin-bottom: 0}
.consultWrap .consultLeft .consultForm .consultBox .inputText{width: 100%;height: 100%; padding-left: 10px; box-sizing: border-box;}
.consultWrap .consultLeft .consultForm .consultBox .starBtn,
.consultWrap .consultLeft .consultForm .textareaBox .starBtn{position: absolute; right:5px; top: 5px}

.consultWrap .consultLeft .consultForm .textareaBox{position: relative ;width: 370px; height: 60px; margin-left: 6px; margin-right: 20px}
.consultWrap .consultLeft .consultForm .textareaBox .textarea{width: 100%; height: 100%; padding-left: 10px; padding-top: 10px; box-sizing: border-box; resize: none}

.consultWrap .consultLeft .agreeForm{font-family:'NotoSans-M'; font-size: 14px; color: #fff;}
.consultWrap .consultLeft .agreeForm input[type=checkbox]{width: 20px; height: 20px; vertical-align: sub}
.consultWrap .consultLeft .agreeForm a{color: #c3b2df}

.consultWrap .consultRight{font-family:'NotoSans-B'; padding-top: 30px}
.consultWrap .consultRight .consultTel{display: flex; align-items: center;  font-size: 25px; color: #000}
.consultWrap .consultRight .consultTel img{padding-right: 15px}
.consultWrap .consultRight .telNumber{font-size: 38px; color: #dc0121}