/* header */
div.header{position: fixed;top: 0;left: 0; width: 100%;z-index: 9999;padding:35px 100px 35px 80px;box-sizing: border-box;}
div.header > *{display: inline-block;vertical-align: middle;}
div.gnbWrap{width: 80%;}
ul.gnb{margin: 0 0 0 9%;}
ul.gnb li{display: inline-block;margin: 0 0 0 50px;}
ul.gnb li:first-child{margin: 0;}
ul.gnb li a{font-size: 16px;font-weight: bold;color: #ffffff;}
ul.utillList{float: right;margin-top: 30px;}
ul.utillList li {display: inline-block;margin: 0 0 0 15px;}
ul.utillList li a{display: block;width: 55px;height: 55px;background:rgba(255,255,255,0.2);border-radius: 50%;text-align: center;padding: 15px 0;box-sizing: border-box;}
ul.utillList li a:hover, div.sub_header ul.utillList li a:hover{background:#a2cd22; }
.logo a{/*background: url("../img/main_logo.png") no-repeat 0 0;*/display: block;}
/*.logo a:hover{opacity: 1;}
.logo a:hover img{transition: all .3s ease;-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
.logo a img{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}*/
div.header .gnbBtn{width: 26px;height: 19px;background: url("../img/gnbBtn.png") no-repeat 0 0;position: absolute;top: 30px;right: 7px;display: none;}
div.gnbWrap.active + .gnbBtn{width: 27px;height: 28px;background: url("../img/gnbBtn_x.png") no-repeat 0 0;}
.gnbLogo, .gnbUtill{display: none;}




/* content */

ul.pr_list {position: fixed;right: 100px;top: 50%;margin-top: -86px;}
ul.pr_list li{margin: 10px 0 0 0;}
ul.pr_list li a{display: block;width: 10px;height: 10px;box-sizing: border-box;border: 1px solid #fff;opacity: 0.5;border-radius: 50%;}
ul.pr_list li.active a{background: #fff;opacity: 1;} 
div.sectionTxtWrap{width: 1400px;margin: 0 auto;padding: 0 0 0 80px;color: #fff;}
.visualNum, .visTitWrap{display: inline-block;vertical-align: top;}
.visualNum {font-size: 20px;color: rgba(255, 255, 255, 0.5);overflow: hidden;position: fixed;top:35.5%;left:10%;text-align: right;height: 180px;}
.visualNum ul{overflow: hidden;}
.visualNum ul li{color: #fff; font-size: 100px;font-weight: bold;display: block;line-height: 1;}
div.numberWrap{height: 100px;overflow: hidden;}
div.totalWrap{position: absolute;top: 120px;width: 100%;}
span.num{color: #fff; font-size: 100px;font-weight: bold;display: block;margin: 0 0 10px 0;text-align: left;opacity: 0;position: relative;top: -120px;}
span.num_bar{border-bottom:1px solid rgba(255, 255, 255, 0.5);display: block;margin: 0 0 20px 0;}
div.visTitWrap{padding: 0 0 0 80px;width: 80%;}
.visualTit{font-size: 100px;font-weight: 300;color: #fff;}
.visualTit span{font-weight: bold;}
.visualSubTit{font-size: 16px;margin:20px 0 0 15px;}
.bar{color: #4f4f4f;font-size: 9px;vertical-align: middle;display: inline-block;margin-bottom: 4px;}
div.loactionWrap{margin: 50px 0 0 0;}
div.loactionWrap > div{display: inline-block;vertical-align: top;color: #fff;}
div.loactionWrap > div:first-child{margin: 0 155px 0 0;}
.locationTit, .locationTit a{font-size: 25px;font-weight: bold;color: #a2cd22;}
p.locationTxt, p.locationTxt a{font-size: 14px;line-height: 25px;margin: 20px 0 0 0;color: #fff;}
p.locationTxt img{margin: 0 5px 0 0;}
ul.locationList{margin: 20px 0 0 0;}
ul.locationList li{font-size: 14px;margin: 10px 0 0 0;}
ul.locationList li span{font-weight: bold;color: #a2cd22;    display: inline-block;width: 10%;}
ul.locationList li a{color: #fff;}
#section1{background: url("../img/mainVisual01.png") no-repeat center center;background-size: cover;}
#section2{background: url("../img/mainVisual02.png") no-repeat center center;background-size: cover;}
#section3{background: url("../img/mainVisual03.png") no-repeat center center;background-size: cover;}
#section4{background: url("../img/mainVisual04.png") no-repeat center center;background-size: cover;}
#section5{background: url("../img/mainVisual05.png") no-repeat center center;background-size: cover;}
#section5 div.visTitWrap {margin-top: 80px;}


/* request popup */

button.req_close {position: absolute; top: 50px; right: 9%; width: 27px; height: 28px; background: url("../img/closeBtn.png") no-repeat center center; z-index: 1}

div.requestWrap{background: #333333;position: fixed;top: 0;right: -100%;width: 50%;height: 100%;box-sizing: border-box;padding: 70px 100px;}
div.req_header{position: relative;margin-top: 30px;color: #fff;}
div.req_header h3{font-size: 50px;font-weight: bold;}
div.req_header p{font-size: 16px;margin-top:20px; }
button.req_xBtn{width: 21px;height: 21px;background: url("../img/req_xBtn.png") no-repeat 0 0;background-size: 100% 100%;border: 0;cursor: pointer;position: absolute;right: 0;top: 30px;}
div.req_content{margin-top: 75px;}
div.req_content ul li{margin: 0 0 20px 0;overflow: hidden;}
div.req_content ul li input{height: 40px;border:0;border-bottom: 1px solid #fff;width: 100%;background: none;color: #fff;font-size: 18px;text-indent: 10px;}
div.req_content ul li input.w50p{width: 48%;}
div.req_content ul li div{float: left;width: 48%;}
div.req_content ul li div:first-child{margin: 0 4% 0 0;}
div.req_content ul li input::placeholder {color: #999999;}
div.req_content ul li input:-ms-input-placeholder {color: #999999;}
div.req_content ul li input::-ms-input-placeholder {color: #999999;}
.req_txtArea{box-sizing: border-box;border: 1px solid #fff;padding: 20px;color:#999;width: 100%;background: none;font-size: 18px;height: 340px;}
div.sendBtnWrap{margin: 40px 0 0 0;text-align: right;}
.sendBtn{display:inline-block;background: #fff;border: 0;width: 200px;line-height: 50px;font-size: 20px;font-weight: bold;color: #191919;text-align: center;}
div.reqBg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.2;z-index: -1;display: none;}


/* footer */
div.footer{position: fixed;left: 0;bottom:70px; width: 100%;}
div.footWrap{float: right; margin: 0 100px 0 0;width: 1420px;color: rgba(255, 255, 255, 0.5);font-size: 12px;position: relative;}
ul.footList{}
ul.footList li{display: inline-block;border-left: 1px solid rgba(255, 255, 255, 0.5);padding: 0 10px;line-height: 6px;}
ul.footList li:first-child{border-left: 0;padding-left: 0;}
ul.footList li a{color: rgba(255, 255, 255, 0.5);}
p.copyright{margin: 5px 0 0 0;}
div.footWrap > img{position: absolute;right: 0;top: 0;}




/* sub */

div.header.sub_header{position: relative;padding:70px 0;}
div.sub_header ul.gnb{margin: 0;}
div.sub_header ul.gnb li a{color:#cccccc;}
div.sub_header ul.gnb li a.active{color: #555;}
div.sub_header ul.utillList li a{background:rgba(0,0,0,0.1);}
div.sub_header ul.utillList{margin: 0;}

div.subMainWrap{overflow: hidden;}
div.subLnb{float:left;height: 100%;width: 19%;box-sizing: border-box;border-right: 1px solid #eaeaea;padding: 0 0 0 80px;}
div.subContent{float: left;width: 81%;padding:0 100px 0 130px; box-sizing: border-box;}
div.subLnb h1.logo{margin-top: 40px;}
ul.lnb{margin: 230px 0 0 0;}
ul.lnb li{}
ul.lnb li a{font-weight: 500;color: #cccccc;font-size: 16px;display: block;padding: 14px 0;}
ul.lnb li a.active{color: #191919;font-weight: bold;border-right: 3px solid #a2cd22;}
/*ul.lnb li a:hover{color: #191919;font-weight: bold;border-right: 3px solid #a2cd22;
-webkit-transition: background-color .25s linear,border-color .25s linear,box-shadow .25s linear,color .25s linear,opacity .25s linear;
    transition: background-color .25s linear,border-color .25s linear,box-shadow .25s linear,color .25s linear,opacity .25s linear;
	-webkit-transition: background-color .25s linear,border-color .25s linear,box-shadow .25s linear,color .25s linear,opacity .25s linear;
    transition: background-color .25s linear,border-color .25s linear,box-shadow .25s linear,color .25s linear,opacity .25s linear;}*/
div.subContainer{padding: 0 10% 0 0;}
ul.lnb li a span{display: inline-block;font-weight: bold;margin: 0 10px 0 0;}
div.subTxtWrap{overflow: hidden;}
.subTopTit{font-size: 60px;font-weight: bold;width: 52%;float: left;}
.subTopTit span{color: #a2cd22;display: block;font-weight: bold;}
div.subTopTxt{float: left;width: 40%;}
div.subTopTxt p{color:#555555;line-height: 40px;word-break: keep-all;    font-size: 15px;letter-spacing: -0.5px;font-family: 'Noto Sans KR', sans-serif;}
div.subTopTxt p:first-child{color: #191919;font-weight: 500;margin: 0 0 40px 0;}
div.worksWrap{margin: 40px 0 0 0;overflow: hidden;}
.thumbTxt{text-align: right;margin: 0 0 15px 0;}
.thumbTxt a{color: #191919;text-decoration: underline;font-size: 15px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;}
.thumbTxt a:hover{text-decoration: underline;}
ul.listType{border-top: 1px solid #ebebeb;clear: both;}
ul.listType > li{border-bottom: 1px solid #ebebeb;padding: 38px 0;    font-family: 'Noto Sans KR', sans-serif;}
ul.listType > li span{display: inline-block;vertical-align: top;line-height: 1;}
.listNum{font-size: 16px;color: #cccccc;font-weight: bold;}
.listTit{font-size: 32px;font-weight: 600;color: #555555;margin: 0 0 0 30px;}
.listLink:hover .listNum{color: #a2cd22;}
.listLink:hover .listTit{color: #191919;}
div.listInfo{margin: 20px 0 0 53px;}
div.listInfo ul li{display: inline-block;vertical-align: middle;margin: 0 0 0 25px;}
div.listInfo ul li:first-child{margin: 0;}
div.listInfo ul li span{font-size: 12px;}
.infoTit{color: #b3b3b3;margin: 0 10px 0 0;}
.infoTxt{color: #555555;}




/***********media query************************/
@media (max-width:1800px) {
    div.sectionTxtWrap{width: 100%;padding-left: 10%;}
    .visualNum{left: 5%;}
    div.footWrap{width: 80%;}
    div.header{padding: 35px 0;width: 95%;left: 50%;margin-left: -47.5%;}
    div.requestWrap{padding: 50px 5%;}
    div.header.sub_header{width: 100%;margin-left: 0;left: 0;}
    div.subLnb{padding: 0 0 0 5%;}
    div.subContent{padding: 0 5%;}
    div.subContainer{padding: 0;}
    div.subTopTxt{width: 45%;}
    .subTopTit{font-size: 50px;}
    div.subTopTxt p{line-height: 30px;}
    ul.listType > li{padding:3% 0;}
    .listTit{font-size: 22px;}
    div.gnbWrap{width: 55%;}
}

@media (max-width:1300px) {
    .visualTit{font-size: 80px;}
    ul.pr_list{right: 50px;}
    .visualNum{top:34.5%;}
    div.footWrap{width: 90%;float: none;margin: 0 auto;}  
    div.visTitWrap{padding:0 10%;width: 90%;box-sizing: border-box;}
    div.subLnb{padding: 0 0 0 3%;}
    .subTopTit{margin: 0 3% 0 0;}
}

@media (max-width:1024px) {
    ul.pr_list{right: 20px;}
    .visualTit, .visualNum ul li{font-size: 60px;}

    .visualNum{top: 39.5%;height: 115px;}
    div.totalWrap{top: 80px;}
    span.num_bar{margin: 0 0 10px 0;}
    #section5 div.visTitWrap{margin-top: 130px;}
    div.loactionWrap > div:first-child{margin:0 10% 0 0;}
    div.requestWrap{width: 70%;}
    div.req_header h3{font-size: 30px;}
    div.req_header p{font-size: 14px;width: 95%;}
    div.req_content ul li input, .req_txtArea{font-size: 15px;}
    .sendBtn{font-size: 17px;}
    button.req_xBtn{top: 15px;}
    div.subLnb h1.logo{width: 90%;}
    div.subLnb{width: 22%;}
    div.subContent{width: 78%;}
    ul.lnb li a{font-size: 14px;}
    .subTopTit{font-size: 40px;}
    div.subTopTxt p:first-child{margin: 0 0 20px 0;}
}
@media (max-width:900px) {
    ul.utillList{margin-top: 20px;}
    ul.utillList li a{width: 40px;height: 40px;padding: 7px 0;}
    ul.utillList li a img{width: 15px;}
    ul.utillList li:last-child a img{width: 10px;}
    .logo{width: 20%;}
}

@media (max-width:800px) {
    ul.gnb{margin: 0 0 0 8%;}
    div.loactionWrap > div:first-child{width: 60%;}
    ul.gnb{margin: 0 0 0 5%;}
    ul.gnb li{margin: 0 0 0 20px;}
    ul.gnb li a{font-size: 15px;}
    div.header.sub_header{padding: 40px 0;}
    .subTopTit, div.subTopTxt{width: 100%;}
    .subTopTit{margin: 0 0 20px 0;}
}

@media (max-width:640px) {
    
    .visualNum{top: 25%;}
    .visualTit{font-size: 45px;}
    div.visTitWrap{padding: 0;}
    .visualSubTit{margin-left: 0;font-size: 13px;}
    /*div.loactionWrap > div:first-child{width: 100%;margin: 0 0 30px 0;}*/
    ul.utillList li{margin: 10px 0 0 0;display: block;}
    
    div.sectionTxtWrap{padding:0 4%;box-sizing: border-box;}
    div.loactionWrap{margin: 25px 0 0 0;}
    ul.utillList{margin-top:50px;}
    div.header .gnbBtn{display: block;}
    /*ul.gnb{display: none;}*/
    div.gnbWrap{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #eaebe6;padding: 25px 3%;display: none;box-sizing: border-box;}
    ul.gnb{margin: 125px 0 0 5%;}
    ul.gnb li{margin: 50px 0 0 0;display: block;}
    ul.gnb li a{color: #191919;font-size: 35px;}
    ul.gnbUtill{margin: 70px 0 0 5%;}
    ul.gnbUtill li{margin: 30px 0 0 0;}
    ul.gnbUtill li a{color: #191919;font-size: 25px;}
    .gnbLogo, .gnbUtill{display: block;}
    .logo{width: 40%;}
    div.header{padding: 15px 0;}
    
    
     
}
@media (max-width:560px) { 
   
    /**/
    div.loactionWrap, p.locationTxt{margin:0;}
    div.footer{bottom: 30px;}
    div.requestWrap{width: 100%;}
    
}
@media (max-width:420px) { 
    ul.gnb li{margin: 30px 0 0 0;}
    ul.gnb li a{font-size: 25px;}
    ul.gnbUtill li{margin: 15px 0 0 0;}
    ul.gnbUtill li a{font-size: 20px;}
    .visualTit{font-size: 30px;}
    div.loactionWrap > div:first-child{width: 100%;margin: 0 0 10px 0;} 
    .visualNum ul li{font-size: 40px;}
    div.totalWrap{top: 50px;}
    .locationTit, .locationTit a{font-size: 20px;}

}

@media (max-width:375px) {
    ul.footList li{padding: 0 5px;}
    
    
}
@media (max-width:320px) {
    .visualNum{top: 20%;}
    
}


@media (max-height:640px) {
    #section5 div.visTitWrap{margin-top: 90px;}
    .locationTit, .locationTxt{display: none;}
    ul.locationList, div.loactionWrap{margin: 10px 0 0 0;}
    ul.locationList li{margin: 5px 0 0 0;}
    div.loactionWrap > div:last-child .locationTxt{display: block;}
    ul.utillList{margin-right: 5px;}
    ul.utillList li a{width: 30px;height: 30px;padding: 2px 0;}
    .visualTit{font-size: 25px;}
    ul.gnb{margin: 40px 0 0 5%;}
    .visualSubTit{margin: 5px 0 0 0;}
    
}


@media (max-height:500px) {
    div.sectionTxtWrap{margin-top: 30px;}
    
}