/*reset css*/
*{padding: 0; margin: 0;}
ol,ul,li{list-style: none; margin: 0;}
.clear:after{content: ""; display: block; clear: both;}
img{vertical-align: top;}
p{margin: 0;}
.cont_menu h3, .cont_menu h4, .cont_menu h5, .cont_menu h6{margin: 0;}
.navy{color: #0d5fd0;}
.skyblue{color: #2293e3;}

/*header*/
.header h1{padding-top: 50px;}


/*counsel*/
.counsel .container{overflow: hidden; padding-top: 72px;}
.counsel .container > div{float: left;}
.counsel .imgBox{width: 582px; height: 396px;}
.counsel .imgBox img{width: 100%; height: 100%;}
.counsel .counselBox > div {padding-left:44px; box-sizing:border-box;}
.counsel .counselBox .callBox{width: 618px; height: 198px; background-color: #fbecee; overflow: hidden; padding-top: 34px; box-sizing: border-box;}
.counsel .counselBox .callBox .txt, .counsel .counselBox .callBox .icon{float: left;}
.counsel .counselBox > div .txt{margin-right: 25px;}
.counsel .counselBox .callBox p{font-size: 24px; font-weight: 300; margin: 0 0 0;}
.counsel .counselBox .callBox .tel{font-size: 36px; font-weight: 900;}
.counsel .counselBox .onlineBox{width: 618px; height: 198px; background-color: #d1828a; overflow: hidden; padding-top: 34px; box-sizing: border-box;}
.counsel .counselBox .onlineBox .txt, .counsel .counselBox .onlineBox .icon{float: left;}
.counsel .counselBox .onlineBox .txt{color: #fff; font-size:23px;}
.counsel .counselBox .onlineBox .txt .tit{font-weight: 900; font-size: 26px; margin-bottom: 20px;}
.counsel .icon > img:hover{transform: scale(1.2); transition: all 0.5s;}

/*business*/
.business{margin-top: 80px; padding-top: 60px; padding-bottom: 60px; height: 800px; text-align: center; color: #fff; background-image: url(/_upload/webmaker.kr/hasuguclean.webmaker.kr/business-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.business h4{text-align: center; font-weight: 900; font-size: 24px;}
.business > p{font-size: 19px; font-weight: 300; margin: 20px 0; margin-bottom: 50px;}
.business_content{text-align: center; width: 1200px; margin: 0 auto; height: 450px;}
/*.business_content ul{display: flex;}*/
.business_content ul li{width: 23%; float: left; box-shadow: 6px 6px 6px rgba(0,0,0,0.3); margin: 20px 1%; position: relative;  overflow: hidden; border-radius: 20px;}
.service-image{width: 100%; height: 100%; }
.service-image img{width: 100%; height: 100%;}
.service-text{padding: 10px 20px; background-color: rgba(255,255,255,1); position: absolute; bottom: 0; left: 0; height:60px; line-height: 60px; width: 100%; }

.service-text a{display: block; width: 100%; height: 100%; text-decoration: none;}
.service-text a h6{font-size: 20px; font-weight: 900; color: #000;}

.business .moreBtn{display: block; width: 200px; height: 45px; color: #fff; border:1px solid #fff;margin: 30px auto;line-height: 45px; text-align: center; box-sizing: border-box;font-size: 24px;position: relative; font-size: 18px; text-decoration: none;}
/*.business .moreBtn:after{content: '▶'; position:absolute; top:0; right: 20px; font-size: 15px;}*/

.business .moreBtn:hover{background-color: #fff; color: #000;}


/*custom*/
.custom h4{font-size: 30px; font-weight: 900; margin-bottom: 30px;}
.custom .container{overflow: hidden; padding: 86px 0 120px;}
.custom .container .loc{float: left;}
.custom .locBtn{display: block; width: 428px; height: 625px; background-image: url('/_upload/webmaker.kr/hasuguclean.webmaker.kr/loc.jpg'); background-size: cover;  color: #fff;text-align: center;  font-size: 30px; padding-top: 250px;}
.custom .locBtn:hover{text-decoration: none;}
.custom .locBtn p{font-family: 'S-CoreDream-2ExtraLight';}
.custom .locBtn p span{font-family: 'S-CoreDream-6Bold';}
.custom .container .gal{float: right; width: 770px;overflow: hidden;}
.custom .container .gal h4{text-indent: 40px;}
.custom .container .gal ul li{float: left; width:31.333333%; margin: 5px 1%; height: 200px;}
.custom .container .gal ul li a img{width:100%; height: 100%;}
.custom .container .gal ul li:nth-child(3n){margin-right: 0;}



/*loadmap*/
.map_btn{width:140px; margin: 40px auto; height: 40px; text-align: center; background-color: #d34826; border-radius: 10px;}
.map_btn a{display: block; height: 100%; line-height: 40px; font-size: 15px; color: #fff; text-decoration: none;}

.map_table table{border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; width: 800px; margin: 40px auto; font-size: 15px;}
.map_table table tr{height: 50px; line-height: 50px; border-bottom: 1px solid #ccc;}
.map_table table tr th{padding-left: 30px; background-color: #e4e4e4;}
.map_table table tr td{padding-left: 30px; text-align: left;}


/*sidebar*/
 .row-full{
 width: 100vw;
 position: relative;
 margin-left: -50vw;
 height: auto;
 margin-top: 0px;
 left: 50%;
margin-bottom: 50px;
}

.mains {margin-top: 0;}
.nav-tabs.nav-justified{width: 50%; margin: 0 auto; font-size: 12px; font-weight: bold;}
.nav-tabs{height: 60px;}
.nav li{height: 60px; background-color: #c3c3c3;}
.nav-tabs > li > a {border-radius: 0; height: 61px; line-height: 40px; color: #fff; font-size: 15px;}
.nav-tabs.nav-justified > li > a{border-radius: 0;}
.nav-tabs.nav-justified > li{ border-left: 1px solid rgba(255,255,255,0.3); height: 60px;}
.nav-tabs.nav-justified > li:last-child{border-right: 1px solid rgba(255,255,255,0.3);}
.nav-tabs > li > a:hover{color: #000;}
.sidebar_bg{width: 100%; height: 60px; background-color:#c3c3c3; border-top: rgba(0,0,0,1); border-bottom: rgba(0,0,0,1);}


.sidebarCs_logo{width: 220px; border-radius: 10px; text-align: center;}
.sidebarCs_logo a{display: block; height: 100%;}
.sidebarCs_logo a img{width: 60%;;}
.sidebarCs .sidebarCs_call{padding: 0; height: 150px;}
.sidebarCs_call img{width: 100%; height: 100%;}
.sidebarCs{width: 220px;float: left; position: absolute;}
.sidebarCs>div{border: 1px solid #bbb;padding: 15px; margin: 15px auto;}
.sidebarCs h3{margin: 0;}
.sidebarCs h4{margin-top: 20px;}
.sidebarCs p{font-size: 13px;}
.call_btn{text-align: center; border-radius: 10px;}
.call_btn a{color: #333;}
.call_btn a h5{margin: 0; font-size: 18px; line-height: 30px;}
.cs_btn{text-align: center; border-radius: 10px;}
.cs_btn h5{margin: 0; font-size: 18px; line-height: 30px;}


/*page-header*/
.page-header {
    padding-bottom: 9px;
    margin: 0 0 20px;
    color: #000;
    border-bottom: 3px solid #c7c7c7; }

/*pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #9c9c9c;
    border-color: #9c9c9c; }

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd; }



.loadmap_btn{   margin: 30px auto;     background-color: #aad656;     width: 170px;     height: 30px;     line-height: 30px;     text-align: center;     font-size: 16px;     font-weight: bold;     border-radius: 10px;     box-shadow: 4px 4px 3px rgba(0,0,0,0.2);}
.loadmap_btn a{display:block; height:100%;}