@charset "utf-8";

#mVisual{width: 100%;}
#mVisual .mv{padding-top: 100px; width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: right top;}
#mVisual .mv1{background-image: url('/images/mv1.jpg');}
#mVisual .mv2{background-image: url('/images/mv2.jpg');}
#mVisual .mv .inner{display: flex; align-items: center; height: 100%;}
#mVisual .mv .mv-txt{}
#mVisual .mv .mv-txt h3{margin-top: 10rem; font-size: 8.0rem; color: #fff; font-family: 'Montserrat'; font-weight: 900;}
#mVisual .mv .mv-txt h3 .line-txt{color:#0e1f2b; text-shadow: -1px 0 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff;}
#mVisual .mv .mv-txt p{margin-top: 5rem; font-size: 2.8rem; color: #fff; font-weight: 600;}
#mVisual .slick-dots{transform: translateX(-50%);}
#mVisual .slick-dots li{border-radius: 0; width: 30px; height: 2px;}
#mVisual .slick-dots li.slick-active{background-color: #fff;}
@media all and (max-width:1200px){
    #mVisual .mv{background-position: 85% top;}
}
@media all and (max-width:976px){
    #mVisual .slick-dots{bottom: 5%;}

}
@media all and (max-width:768px){
    #mVisual .mv{height: 80vh;}
    #mVisual .mv .mv-txt h3{font-size: 5.8rem;}
    #mVisual .mv .mv-txt p{font-size: 2.2rem;}
}
@media all and (max-width:500px){
    #mVisual .mv{background-position: 80% top;}
    #mVisual .mv .mv-txt{text-align: center; justify-content: center; width: 100%;}
    #mVisual .mv .mv-txt h3{margin-top: 5rem; font-size: 4.0rem;}
    #mVisual .mv .mv-txt p{font-size: 1.8rem;}
}
@media all and (max-width:400px){
    #mVisual .mv{background-position: 75% top;}
}


.arrow > div{display: inline-block; cursor: pointer;}

#mTit h3{font-size: 6.0rem; font-family: 'Montserrat'; color: #222;}
#mTit p{font-size: 1.8rem; word-break: keep-all;}
@media all and (max-width:500px){
    #mTit h3{font-size: 5.0rem;}
    #mTit p{font-size: 1.6rem;}
}
@media all and (max-width:380px){
    #mTit h3{font-size: 4.5rem;}
    #mTit p{font-size: 1.5rem;}
}

/* Better-Why */
.sec1{height: 850px; padding: 130px 0; background: url('/images/sec1-bg.jpg')no-repeat; background-position:  right top; background-size: 100% auto; overflow: hidden;}
.sec1 .inner{height: 100%; position: relative;}
.sec1 #mTit h4{margin-top:6rem; font-size: 3.6rem; font-weight: 700; color: #1b2e5c;}
.sec1 #mTit p{margin-top: 30px; font-weight: 500;}
.sec1 #mTit a{margin-top: 60px; display:inline-flex; justify-content: space-between; align-items: center; padding: 0 30px; width: 225px; height: 60px; line-height: 60px; border-radius: 30px; font-size: 1.5rem; font-weight: 600; font-family: 'Montserrat';; background-color: #1b2e5c; color: #fff;}
.sec1 #mTit a img{vertical-align:middle; display:inline-block; margin-bottom:2px;}
.sec1 .vod{position: absolute; right: 0; bottom: 0; box-shadow: 0 3px 25px rgba(0, 0, 0, 0.35);}
.sec1 .vod .vodCover{cursor: pointer; position: absolute; left: 0; top: 0;}
@media all and (max-width:1560px){
    .sec1{background-position: 50% top; background-size: auto;}
}
@media all and (max-width:1300px){
    .sec1{background-position: 30% top; height: auto;}
    .sec1 .vod{margin-top: 60px; position: static; display: inline-block;}
}
@media all and (max-width:768px){
    .sec1{padding: 100px 0;}
}
@media all and (max-width:600px){
    .sec1 .vod{width: 100%;}
    .sec1 .vod .vodCover{width: 100%;}
    .sec1 .vod .vodCover img{width: 100%;}
    .sec1 .vod .vodPlay iframe{width: 100%; height: 52vw;}
}
@media all and (max-width:500px){
    .sec1{background-position: 30% bottom;}
    .sec1 #mTit h4{margin-top: 4rem; font-size: 2.8rem;}
    .sec1 #mTit a{margin-top: 40px; width: 170px; padding: 0 20px; height: 50px; line-height: 50px;}
    .sec1 .vod{margin-top: 40px;}
}
@media all and (max-width:380px){
    .sec1 #mTit h4{font-size: 2.0rem;}
}

/* Business */
.sec2{height: 830px; padding: 170px 0; background: url('/images/sec2-bg.jpg'); overflow: hidden; position: relative;}
.sec2 .inner{display: flex;}
.sec2 #mTit{width: 470px; color: #fff;}
.sec2 #mTit h3{color: #fff;}
.sec2 #mTit p{margin-top: 50px; line-height: 1.6;}
.sec2 #mTit .arrow{margin-top: 90px;}
.sec2 .list-wrap{width: calc(100% - 470px);}
.sec2 .list-wrap .list{margin: 0 10px; position:relative; transition: all .3s ease; background: #070e14;}
.sec2 .list-wrap .list a{position: relative; z-index: 5;}
.sec2 .list-wrap .list dl{position: absolute; left: 0; top: 0; padding: 50px;}
.sec2 .list-wrap .list dl dt{font-size: 2.4rem; font-weight: 600; color: #fff;}
.sec2 .list-wrap .list dl dd{margin-top:10px; font-family: 'Montserrat'; font-size: 1.5rem; color: rgba(255, 255, 255, 0.2);}
.sec2 .list-wrap .list .buy{position: absolute;  bottom: 10%; left: 15%; border: 1px solid #fff; width: 70%; height: 50px;color: #fff; text-align: center; line-height: 50px; font-size: 20px; font-weight: bold; border-radius: 10px;}
.sec2 .list-wrap .list .buy:hover{background-color: #fff; color: #212121;}
.sec2 .list-wrap .list.btm dl{top:auto; bottom:0;}
.sec2 .list-wrap .list:hover{transform: scale(1.07);}

.sec2 .arrow{position: absolute; top: -200px; display: flex; justify-content: space-between; width: calc(100% - 500px); left: 480px;}

@media all and (max-width:1400px){
    .sec2 #mTit{width: 350px;}
    .sec2 .list-wrap{width: calc(100% - 350px);}
    .sec2 .arrow{width: calc(100% - 380px); left: 360px;}
}
@media all and (max-width:768px){
    .sec2{height: auto; background-size:cover; padding: 100px 0;}
    .sec2 .inner{display: block;}
    .sec2 #mTit{display: flex; flex-wrap: wrap; width: 100%;}
    .sec2 #mTit h3{width: 100%; margin-bottom: 15px;}
    .sec2 #mTit p{width: calc(100% - 140px); margin-top: 0;}
    .sec2 #mTit .arrow{width: 140px; margin-top: 280px;}
    .sec2 #mTit .arrow img{vertical-align: middle; max-width: 100%;}
    .sec2 .arrow{left: 70%;}

    .sec2 .list-wrap{margin-top: 20px; width: 100%;}
    .sec2 .list-wrap .list{max-width: 280px;}
    .sec2 .list-wrap .list img{max-width: 100%;}
    .sec2 .list-wrap .list dl{padding: 25px;}

    .sec2 .list-wrap .list .buy{height: 40px; line-height: 40px; font-size: 16px;}

}
@media all and (max-width:500px){
    .sec2 .list-wrap .list{max-width: 220px;}
    .sec2 .list-wrap .list dl dt{font-size: 2.2rem;}
    .sec2 #mTit p{width: calc(100% - 90px);}
    .sec2 #mTit .arrow{width: 90px;}
    .sec2 #mTit .arrow > div{width: 100%; padding: 2%; display: table-cell; vertical-align: middle;}
    .sec2 .arrow{left: 80%;}
}
@media all and (max-width:440px){
    .sec2 .arrow{left: 75%;}

}
@media all and (max-width:380px){
    .sec2 #mTit h3{margin-bottom: 10px;}
    .sec2 #mTit p{width: 100%;}
    .sec2 .list-wrap .list dl dt{font-size: 2.0rem;}
    .sec2 .arrow{left: 70%;}

}


/* Technology */
.sec3{padding: 140px 0 170px; background: url('/images/sec3-bg.png')no-repeat right top; overflow: hidden;}
.sec3 #mTit{text-align: center;}
.sec3 #mTit p{margin-top: 15px;}
.sec3 .pic-wrap{margin-top: 50px; display: flex; gap:40px; justify-content: space-between;}
.sec3 .pic-wrap .pic{position: relative; }
.sec3 .pic-wrap .pic a{transition: all .3s ease; display: block;}
.sec3 .pic-wrap .pic a:hover{transform: scale(1.05);}
/* .sec3 .pic-wrap .pic.b{margin-top: 60px;} */
.sec3 .pic-wrap .pic p{position: absolute; left: 0; top: 0; padding: 8%; font-weight: 600; color:#fff; font-size: 2.4rem; line-height: 1.4;} 


@media all and (max-width:1400px){
    .sec3 .pic-wrap .pic img{max-width: 100%;}
}
@media all and (max-width:768px){
    .sec3{padding: 100px 0;}
    .sec3 .pic-wrap{gap: 20px;}
    .sec3 .pic-wrap .pic p{font-size: 1.8rem;}
}
@media all and (max-width:500px){
    .sec3{background-size:50%;}
    .sec3 #mTit p{padding: 0 10%;}
    .sec3 .pic-wrap{flex-direction: column;}
    .sec3 .pic-wrap .pic.b{margin-top: 0;}
}
@media all and (max-width:380px){
    .sec3 .pic-wrap{gap: 10px;}
}

/* News Room */
.sec4{height: 830px; padding: 80px 0 120px; background:url('/images/sec4-bg.jpg')no-repeat; overflow: hidden;}
.sec4 #mTit{display: flex; flex-wrap: wrap; margin-bottom: 100px;}
.sec4 #mTit h3{width: 100%; margin-bottom: 30px; color: #fff;}
.sec4 #mTit p{width: calc(100% - 140px); font-weight: 500; color: #fff; line-height: 1.8;}
.sec4 #mTit .arrow{ width: 95%; text-align: center;}
.sec4 .list-wrap{margin-top: 80px; display: flex !important; width: 120%;}
.sec4 .list-wrap .list{width: 100%; max-width: 460px; margin: 0 10px; padding: 50px; height: inherit !important; background-color: #fff; }
.sec4 .list-wrap .list .type{font-size: 1.6rem; font-family: 'Montserrat'; color: #1b2e5c; font-weight: 700;}
.sec4 .list-wrap .list h4{margin-top:40px; min-height: 73px; font-size: 2.6rem; color: #222; line-height: 1.4; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.sec4 .list-wrap .list p{padding-top:15px; line-height: 1.6; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.sec4 .list-wrap .list .date{margin-top: 30px; font-size: 1.5rem; opacity: 0.5;}

.sec4 .arrow{position: absolute; top: 180px; display: flex; justify-content: space-between; width: 100%; left: 1%; }

@media all and (max-width:768px){
    .sec4{padding: 100px 0; height: auto;}
    .sec4 #mTit p{padding-right: 10%;}
    .sec4 #mTit p br{display: none;}
    .sec4 .list-wrap{margin-top: 40px;}
}
@media all and (max-width:657px){
    .sec4 .arrow{top: 200px;}
}
@media all and (max-width:500px){
    .sec4 .list-wrap .list{max-width: 300px; padding: 30px;}
    .sec4 .list-wrap .list h4{margin-top: 30px; font-size: 2.2rem; min-height: 50px;}

    .sec4 #mTit h3{margin-bottom: 15px;}
    .sec4 #mTit p{width: calc(100% - 90px);}
    .sec4 #mTit .arrow{text-align: center;}
    .sec4 #mTit .arrow img{width: 60%;}
    .sec4 .arrow{top: 180px;}

}
@media all and (max-width:380px){
    .sec4 #mTit p{width: 100%;}
    .sec4 .list-wrap{margin-top: 20px;}
    .sec4 .list-wrap .list{max-width: 270px;}
    .sec4 .list-wrap .list h4{min-height: 48px;}
}


/** 동안**/
.main_visual{background:url('/images/mvisual1.jpg'); width:100%;  height:800px; border:0px solid red; margin-top:110px;  overflow:hidden;}
.main_visual_txt{width:1500px; margin:0 auto;  }

.main_tt{font-size:60px; font-weight:700; line-height:75x; color:#000; padding-top:15%;  }
.main_tt span{font-weight:200;}

.main_tt1{font-size:22px; line-height:40px; color:#000; padding-top:15px; }


@media all and (max-width:1299px) {

.main_visual_txt{width:100%; margin:0 auto;  }
}


@media all and (max-width:1024px) {

.main_visual{height:600px; background:url('/images/mvisual1.jpg')no-repeat right; background-position-x:80%;  background-position-y:120%;background-size:200%;}
.main_tt{padding-left:3%; font-size:40px;}
.main_tt1{padding-left:3%;}
}

.main_sate{width:100%; padding:110px 0px;   text-align: center; background:url('/images/main_img01.png');}
.main_sate_tt{color:#fff; font-size:47px; font-weight:700;}
.main_sate_tt1{color:#efefef; font-size:18px; line-height:25px; font-weight:200; letter-spacing: 1px;}
.main_sate_div{display: flex; justify-content: center; width:1500px; margin:0 auto; padding-top:3%;  }
.main_sate_div div{width:33%; bordeR:0px solid red;}
.main_sate_div div p{color:#fff; font-size:60px; font-weight:700;}
.main_sate_div div span{font-size:22px; color:#fff; line-height:35px;} 


@media all and (max-width:1024px) {

.main_sate{padding:70px 0px;background-size:cover; background-position-y:70%;}
.main_sate_tt{font-size:32px;}
.main_sate_div{display: block; width:100%;} 
.main_sate_div div{width:100%; bordeR:0px solid red; padding:25px 0px;}
.main_sate_div div p{color:#fff; font-size:30px; font-weight:700;}
.main_sate_div div span{font-size:21px; color:#fff; line-height:35px;} 
}



.main_call{width:100%; padding:100px 0px;  background:#f9f9f9;overflow:hidden;}
.main_call_div{width:1500px; margin:0 auto;}
.main_call_div_left{width:30%; float:left;}
.main_call_div_left p{color:#0066cc; font-size:47px; font-weight:700;}
.main_call_div_left span{font-size:21px; line-height:35px; color:#000;}
.main_call_div_right{width:70%; float:right;}
.main_call_div_right ul{width:100%;}
.main_call_div_right ul li{width:33%; display: inline-block; float:left ;}



@media all and (max-width:1024px) {

.main_call{padding:70px 10px;}
.main_call_div{width:100%; margin:0 auto;}
.main_call_div_left{width:100%; text-align: center}
.main_call_div_left p{font-size:30px;}
.main_call_div_left span{font-size:17px; padding-bottom:5%;  }
.main_call_div_right{width:100%; float:right;}
.main_call_div_right ul li{width:96%; margin:1% 2%; }

}





.form-control{width:96%; border:1px solid #ccc; background:#fff;  font-size:18px; line-height:55px !important; padding:3px;
 font-family: 'Pretendard', 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
}

.form-control_1{ width:100%; border:1px solid #ccc; background:#fff;  font-size:18px; height:55px;  line-height:55px !important; padding:3px; font-family: 'Pretendard', 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
}


@media all and (max-width:1024px) {

.form-control{width:100%; line-height:45px !important;}
.btn3{width:100%; font-size:1.8rem; text-align: center;  line-height:45px !important;}
}



.main_about{width:1500px;  margin:0 auto; padding:100px 0px; overflow:hidden;}

.main_about ul{width:100%;}
.main_about ul li{float:left; display:inline-block;}
.main_about ul li:first-child{width:45%; float:left;}
.main_about ul li:last-child{width:55%; float:left; padding-left:7%; padding-top:2%; }

.main_about_tt{font-size:68px; color:#000; font-weight:100; margin-bottom:5%; }
.main_about_tt span{font-weight:600; color:#0066cc;}

.main_about_tt1{font-weight:600; color:#000; font-size:32px; line-height:50px;  }
.main_about_tt2{font-weight:500; color:#000; font-size:19px; line-height:35px;  margin-top:5%; }


@media all and (max-width:1299px) {
.main_about{width:100%;}

}


@media all and (max-width:1024px) {
.main_about{padding:70px 0px;}
.main_about ul li:first-child{width:100%; float:left;}
.main_about ul li:first-child img{width:100%;}
.main_about ul li:last-child{width:100%; float:left; padding-left:3%; padding-top:2%; }
.main_about_tt{font-size:50px; padding-top:25px;}
.main_about_tt1{font-size:25px;}
.main_about_tt2{font-weight:500; color:#000; font-size:17px;  line-height:30px; }
}



.main_member{background:#efefef; width:100%; padding:100px 0px; overflow:hidden; }
.main_member_div{width:1400px;  margin:0 auto; text-align:center;}

.main_member_div ul{width:100%; margin-top:5%; }
.main_member_div ul li{width:50%; float:left; display: inline-block;   text-align: center; padding:50px 0px;}
.main_member_div ul li p{font-size:33px; font-weight:600; color:#000;}
.main_member_div ul li span{font-weight:500; color:#333; font-size:19px; line-height:35px;}


@media all and (max-width:1299px) {
.main_member_div{width:100%;}

}

@media all and (max-width:1024px) {
.main_member{padding:70px 0px;}
.main_member_div ul li{width:48%; padding:20px 10px;}
.main_member_div ul li img{width:130px;}
.main_member_div ul li p{font-size:21px; font-weight:600; color:#000;}
.main_member_div ul li span{font-size:17px; line-height:27px; margin-top:10px;}
}



.main_auto{width:100%; padding:130px 0px;   background:url('/images/main_img03.png'); overflow:hidden;}
.main_auto_div{width:1400px; margin:0 auto;}
.main_auto_div_left{width:55%; float:left;}
.main_auto_div_left p{font-weight:700; color:#fff; font-size:45px; }
.main_auto_div_left span{font-size:21px; line-height:35px; color:#fff;}

.main_auto_div_right{width:45%; float:left;}
.main_auto_div_right div{width:90%; background:#fff; padding:35px; box-shadow: 5px 5px 10px rgba(0,0,0,0.4); }
.main_auto_div_right div ul{width:100%;}
.main_auto_div_right div ul li{width:100%; padding:5px 0px; text-align: center;}
.main_auto_div_right div ul li p{font-size:30px; font-weight:700; color:#000;}



@media all and (max-width:1299px) {
.main_auto_div{width:100%;}

}
@media all and (max-width:1024px) {
.main_auto{padding:70px 0px;}
.main_auto_div_left{width:100%; float:left; text-align:center;}
.main_auto_div_right{width:100%; float:left; margin-top:5%;}
.main_auto_div_right div{margin:0 auto;}

.main_auto_div_left p{font-weight:700; color:#fff; font-size:29px; text-align:center; }
.main_auto_div_left span{displacy:block; font-size:19px; line-height:35px; color:#fff; text-align:center; }
.main_auto_div_right div ul li p{font-size:27px; font-weight:700; color:#000;}

}



.main_map{background:#efefef; width:100%; padding:100px 0px; overflow:hidden; }
.main_map_div{width:1500px; margin:0 auto;  text-align:center;}

.main_map_div_left{width:50%; float :left;  padding-top:5%;  }
.main_map_div_right{width:50%; float :left; padding-top:5%; text-align:left; padding-left:5%;  line-height:35px;}

.main_map_tt{font-size:25px; color:#000; font-weight:600;}


@media all and (max-width:1299px) {
.main_map_div{width:100%;}

}

@media all and (max-width:1024px) {

.main_map{padding:70px 0px;}
.main_map_div_left{width:100%;}
.main_map_div_right{width:100%;  font-size:17px;  line-height:30px;}

}


.main_inquiry{width:100%; padding:130px 0px; overflow:hidden;}
.main_inquiry_div{width:1500px; margin:0 auto;  text-align:center;}


@media all and (max-width:1299px) {
.main_inquiry_div{width:100%;}

}
@media all and (max-width:1024px) {

.main_inquiry{padding:70px 0px;}


}

.table_style01{width:100%; border-top:2px solid #0066cc; margin-top:5%;}
.table_style01 thead tr th{padding:17px;  font-size:21px; color:#000; font-weight:600; border-bottom:1px solid #0066cc; }
.table_style01 tbody tr td{padding:17px;  font-size:20px; border-bottom:1px solid #ccc;}


@media all and (max-width:1024px) {

.table_style01 thead tr th{padding:12px;  font-size:18px; color:#000; font-weight:600; border-bottom:1px solid #0066cc; }
.table_style01 tbody tr td{padding:12px;  font-size:17px; border-bottom:1px solid #ccc;}
}




.main_inquiry_list{width:98%; margin:0 auto;  padding-top:4%;}
.main_inquiry_list div{width:18%; margin:1%; background: #fff; padding:35px; box-shadow: 7px 7px 16px rgba(0,0,0,0.1); float:left;
font-size:17px; font-weight:400; line-height:25px;}

.main_inquiry_list div ul{width:100%;}
.main_inquiry_list div ul li{display: inline-block; float:left;}
.main_inquiry_list div ul li:first-child{width:30%;}
.main_inquiry_list div ul li:last-child{width:70%; bordeR:0px solid red; margin-top:2%; }
.main_inquiry_list div ul li:last-child p{font-size:18px; font-weight:700;}
.main_inquiry_list div ul li:last-child span{font-size:17px; font-weight:500;}
.main_inquiry_list div:nth-child(2){margin-top:3%;}
.main_inquiry_list div:nth-child(4){margin-top:3%;}


.main_cusomer{width:100%; padding:100px 0px; overflow:hidden; background:#0066cc;}
.main_cusomer_div{width:1500px; margin:0 auto;  }
.main_cusomer_div div{width:30%; margin:1%; display: inline-block; float:left;}
.main_cusomer_div div ul{width:100%; float:left;}
.main_cusomer_div div ul li{display: inline-block; float :left; BORDEr:0PX SOLID RED;}
.main_cusomer_div div ul li:first-child{width:20%;}
.main_cusomer_div div ul li:last-child{width:80%;}

.main_cusomer_div div ul li:last-child span{font-size:14px; color:#efefef; letter-spacing: 1px;}
.main_cusomer_div div ul li:last-child p{font-size:30px; font-weight:700; color:#fff;}

.main_cusomer_tt{font-size:35px; color:#fff; font-weight:600; margin-top:2%; }


@media all and (max-width:1399px) {
.main_cusomer_div{width:100%;}
}


@media all and (max-width:1024px) {

  .main_cusomer{padding:50px 15px;}  
.main_cusomer_div{width:100%; }
.main_cusomer_div div{width:100%;}
.main_cusomer_tt{font-size:25px; display:block; width:100%; text-align:center; padding-bottom:25px; border-bottom:1px solid rgba(250,250,250,0.3); }
.main_cusomer_div div ul{margin-top:10px;}
.main_cusomer_div div ul li:last-child p{ font-size:23px; font-weight:700; color:#fff;}

.main_inquiry_list div{width:48%;}
}


@media all and (max-width:768px) {

.main_inquiry_list div{width:98%;}
}



.layerPopup img{margin-bottom : 20px;}
.layerPopup:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9000}
.layerPopup .layerBox {    z-index:10000;   
position:fixed; left:80%; top:50%; transform:translate(-50%, -50%); padding:30px; background:#fff; border-radius:6px; }
.layerPopup .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9;}
.layerPopup .layerBox .btnTodayHide {
font-size:14px; font-weight:600; color:black; 
float: left;text-decoration:none;width: 150px; 
height : 30px;line-height:30px;border:black solid 1px; text-align : center;text-decoration:none;
}
.layerPopup div{
    display : inline;
}
.layerPopup form{
    margin-top : 5px;
    font-size:16px; font-weight:600;
    weight: 100%;
    height : 30px;
    line-height:30px
}
.layerPopup #close {
font-size:16px; font-weight:600; background:#003399; width:50px; height :40px;color:black; float: right; line-height:40px; text-align : center;text-decoration:underline;
}
.layerPopup a{
    text-decoration : none;
    color : black; width: 50px; height:40px; color:#fff;
}