@charset "UTF-8";
/* CSS Document */


/*섹터기본*/
#sector{display:block; width:100%; height:auto; padding:50px 0; overflow:hidden; }
#sector.buildings{}
#sector.works{padding-bottom:50px;}


.sector{width:1100px;height:auto; margin:0 auto; position:relative; text-align:center;}
.sector.full{width:100%;height:auto; margin:0 auto; position:relative; clear:both;}
.two-line{padding-top:0px !important;}
.three-line{padding-top:0px !important; padding-bottom:50px !important;}

@media(max-width:1200px){
.sector{width:100%;}
.padding0{display:none !important;}
#sector.works{padding:15px 10px !important;}
#sector.buildings{padding:15px 10px !important;}
#sector.latestinfo{padding:15px 10px !important;}
}

@media(max-width:768px){
.sector{width:100%;}
.titlegroup span.title{}
}

.pc_view{background: #777 !important;}

/*공지사항바*/
.notice_bar{background:#fff; padding:15px 0 !important; border-top:1px solid #ddd;}
@media(max-width:1200px){
    
    .notice_bar{margin-top:100px;}
    
}
/*상단로그인*/
.sector1{clear:both;width:100%; height:auto; border-bottom:1px solid #ddd; overflow:hidden; position:static; z-index: 99; padding:5px 0 !important; background:#fff;}
.topmenubar{width:1100px; height:auto; margin:0 auto; position:relative;}

@media(max-width:1200px){
.sector1{display:none !important;}
.topmenubar{width:100%;}
.m_con{padding: 10px !important;}

}



.middlenoticebar{padding:0 !important; background:#1ca4eb;}

.topmenubar ul.language{display:block; float:left; padding:2px 0;}
@media(max-width:1200px){
.topmenubar ul.language{float:none; }
}
.topmenubar ul.language li{float:left; margin-right:15px; font-size:85%; border:1px solid #ddd; padding:2px 10px; border-radius:15px;}
.topmenubar ul.language li b{color:#313131;}
.topmenubar ul.language li:hover{border-bottom:3px solid #efefef;}
.topmenubar ul.language li a{color:#444;}

.topmenubar ul.quickmenu{display:block; width:auto; height:auto; text-align:center; float:right; margin-right:0px;}
@media(max-width:1200px){
.topmenubar ul.quickmenu{float:none; margin-right:0;}
}
.topmenubar ul.quickmenu li {display:inline-block !important; padding:0px 5px; text-align:center; line-height:25px; font-size:95%; color:#ccc;}
.topmenubar ul.quickmenu li a{color:#777;}
.topmenubar ul.quickmenu li a:hover{color:#333;}
.topmenubar ul.quickmenu li.snslogin{border:0;}
.topmenubar ul.quickmenu li.pushmsg{}
.topmenubar ul.quickmenu li .sharebtn{display:block; z-index:999;}




/*올메뉴*/
#allmenu{
display:block; 
clear:both;
width:100%;
height:auto;/*높이일괄*/
border-top:0px solid #efefef; 
border-bottom:3px solid #222; 
z-index:999999999999999;
padding:0 0 0px 0;
background:#555; 
}
.allmenubg{
width:100%;
height:200px;/*높이일괄*/
background:#222;  
opacity:0.7;
}
.allmenu{width:100%; height:auto; padding:10px 0; }
.allmenu h3{display:block; text-align:center; padding-bottom:30px; font-size:250%; color:#777; margin-top:18px;}

.allmenu ul.depth1 {float:none; display:block; width:100%; height:auto; text-align:center; margin-right:48px;}
.allmenu ul.depth1 li.depth1{
	float: none;
    display: inline-block;
    width: 33%;
    height: auto;
    margin: 0;
    position: relative;
    border: 0;
    padding-left: 20px;
    padding-bottom:30px;
} 
.allmenu ul.depth1 li.depth1 a.depth1{display:block;/*1차막기*/ text-align:left; color:#555; font-size:150%; font-weight:600; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:10px;}
.allmenu ul.depth1 li.depth1 a.mobilemenu{display:none;}

@media(max-width:1200px){
.allmenu ul.depth1 li.depth1{width:48%; padding:0;}
.allmenu ul.depth1 li.depth1 a.depth1 {margin-top:20px;}

}

.allmenu ul.depth2 {display:block; width:100%; height:auto; z-index:999999; color:#333; }
.allmenu ul.depth2 li.depth2 {display:block; width:100%; height:auto; line-height:25px; border-bottom:1px solid #dbdbdb; font-size:105%;}
.allmenu ul.depth2 li.depth2 a.hdbtn{display:block;}
.allmenu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:100%; text-align:left; text-indent:0px; color:#333; }
.allmenu ul.depth2 li.depth2.on a.depth2 {color:#68dffd; font-weight:900;}

.allmenu ul.depth2 li.depth2 a.depth2 span.totalpost{display:none; border-radius:3px; background:#313131; color:#777; padding:0 3px; text-align:center;} /*토탈*/
.allmenu ul.depth2 li.depth2:hover a.depth2{color:#010101;}
.allmenu ul.depth2 li.depth2 b{color:#01a8ba; margin-right:3px;}
.allmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}

.allmenu ul.depth3 li.depth3 {display:block; width:100%; height:18px; line-height:18px; text-align:left;}
.allmenu ul.depth3 li.depth3 a.depth3{display:block; width:100%; height:100%; color:#777; font-size:11px; text-indent:13px; font-weight:normal; }
.allmenu ul.depth2 li.depth3:hover a.depth3{color:#68dffd;} 

.allmenu ul.depth1 li.mmenu00{display:none;}
.allmenu ul.depth1 li.mmenu08{border:0; }
.allmenu ul.depth1 li.mmenu09{display:none; }




/*서브이미지*/
.subimage_box{padding:0 !important; width:100%; border-top: 2px solid #1ab2de;}
ul.subimage {display:block; width:100%;  height:auto; }


@media(max-width:1200px){
ul.subimage {margin-top:0px;}
}

/*
ul.subimage li.default{display:none; width:100%; height:auto; transition: width 0.1s linear 0.1s;}
ul.subimage li.one{display:none; width:100%; height:auto; }
ul.subimage li.two{display:none; width:100%; height:auto; }
ul.subimage li.three{display:none; width:100%; height:auto; }
ul.subimage li.four{display:none; width:100%; height:auto; }
ul.subimage li.five{display:none; width:100%; height:auto; }
ul.subimage li.six{display:none; width:100%; height:auto; }
ul.subimage li.seven{display:none; width:100%; height:auto; }
ul.subimage li.eight{display:none; width:100%; height:auto; }
ul.subimage li.nine{display:none; width:100%; height:auto; }
ul.subimage li.ten{display:none; width:100%; height:auto; }
*/

ul.subimage li{overflow:hidden; display:none; width:100%; height:auto;  transition: width 0.1s linear 0.1s;}
ul.subimage li .subpic{margin:0 auto; height:150px; /*서브이미지 높이*/ position:relative; }
ul.subimage li h5{position:absolute; width:830px; margin-left:-285px; height: 130px !important; top:50%; left:50%; overflow:hidden; margin-top:-55px; padding:20px 20px; text-align:center; border-bottom:1px solid #ddd;}
ul.subimage li h5 span.title{display:block; color:#333;  font-size:150%; font-weight:900 !important; letter-spacing:0px; text-align:left; /* text-shadow: 2px 2px 4px #000000; */ margin-bottom:10px; }
ul.subimage li h5 span.title:after{
	content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 20px;

}
ul.subimage li h5 span.subtit{display:block; color:#fff; font-size:350%; font-weight:100 !important; float:right; padding-bottom:0px;}
ul.subimage li h5 span.text span{ font-size:140%; }
ul.subimage li h5 span.text {float:left; display:inline-block; height:auto; line-height:20px; padding:10px 0px; border-radius:10px; font-size:70%; text-align:left; border:0px solid #f7f7f7; color:#333;}
ul.subimage li h5 span.domain{clear:both; float:right; width:100%; height:35px; line-height:35px; text-align:right; margin-top:15px; color:#fff; overflow;hidden;}
ul.subimage li h5 span.domain em{display:block; width:100%;}
ul.subimage li h5 em p {font-style:italic; color:#83b5c3;}

@media(max-width:1200px){
ul.subimage li h5{display:none;}
ul.subimage li h5 span.title{font-size:100% !important;}
ul.subimage li h5{position:absolute; width:100%; margin-left:0; height:auto; top:50%; left:0; overflow:hidden; margin-top:-53px; padding:20px 20px;}
ul.subimage li h5 span.text{font-size:70% !important;}
}


.sharebtn{
	display:block;
	position:absolute;
	right:0;
	top:0;
    z-index: 999;
}



/*local*/
#local{display:block; width:100%;  height:auto; padding-top:50px;}
.local{width:1100px; height:auto; margin:0 auto;  margin-top:0px; }
@media(max-width:1200px){
#local{padding-top:110px;}
.local{width:100%;}
}

#subpage{clear:both; margin-top:0px; background:none; padding:0px; z-index:99999999; /* box-shadow: 2px 2px 30px -11px #000; */}
@media(max-width:1200px){
#subpage{padding:10px;}
}

#subpage .localmenu{/* display:none;*/  float:left;width:234px;height:auto;margin-top:-200px; margin-bottom:50px; }
#subpage .search_stamp_biz{display:none;}
@media(max-width:1200px){
#subpage .localmenu{display:none;}
}
#subpage .localmenu .left_slogan{
    width: 100%;
    height: 190px;
    line-height: 60px;
    background: url("/theme/henalhome/mobile/design/img/bg_leftmenutit.png") left top no-repeat;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size:120%;
}
#subpage .localmenu .menu{padding:0 10px 0 0;}
#subpage .localcontent{

	/*
    float: right;
    width: 100%;
    height: auto;
    min-height: 600px;
    margin-bottom: 50px;
    font-size: 115%;
    border-left:0px solid #dbdbdb;
    padding:0;
    position:relative;
    */


    float: right;
    width: 830px;
    height: auto;
    min-height: 700px;
    margin-bottom: 50px;
    padding-right:0px;
	position:relative;
	margin-top:0px;
	font-size: 105%;
    
}
@media(max-width:1200px){
#subpage .localcontent{float:none; width:100%; margin-bottom:0px;}

}




/*서브 페이지 스타일*/
.heading-block{padding-top:20px; margin-bottom:20px;}


.heading-block:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 40px;
    border-top: 0px solid #010101
}


#ctt {padding-top:0; margin-top:0;}
#ctt_con{overflow:hidden;}
#ctt_con {}
#ctt_con img{max-width:100%; margin-bottom:0px;}
.ctt_admin{position:absolute; right:0; bottom:-50px;}


/*페이지타이틀*/
.page_title {text-align:center; padding-top:30px;}
.page_title p.title{font-size:200%;  letter-spacing:-1px; }
.page_title p.text{ color:#777; padding-bottom:20px;
display: inline-block;
}
p.henal_caution {border:1px solid #ddd; padding:10px;}



/*페이지타이틀*/
.subpage_title{}

.subpage_title h3.page_title{
	font-size:200%;
    border-bottom:1px solid #ddd;
    padding-top:0;
	padding-bottom:10px;
	
	font-weight:900;
	text-align:left;
}

.subpage_title span.title_ment{display:block; font-weight:normal; font-size:200%; margin:20px 0 40px 0; color:#008cff; line-height:100%; letter-spacing:0px; font-weight:100; font-family: 'HangeulNuri-Bold';}
.subpage_title .subtitle_ment{display:block; color:#777; font-weight:normal; font-size:120%; margin-top:15px;}

.subtext{padding-bottom:50px; overflow:hidden; font-size:115%; color:#333; }
.subtext img{float:left; margin:0 20px 20px 0;}
/*페이지타이틀*/




/*서브페이지 타이틀*/
.subtitle_ment{padding-bottom:40px; font-size:120%;}
.subtitle_ment p {text-align: justify;}
.subtitle_ment p img{float:left; margin-right:30px; margin-bottom:30px !important; display:block;}
.subtitle_ment b{color:#222;}

.subtitle_ment span img{display:block; width:100%; float:none; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.subtitle_ment span img.all{display:block; width:100%; float:none; padding:0;}


@media(max-width:1200px){
.subtitle_ment{ }
.subpage_title span.title_ment{font-size:110% !important;}
}


p.mobile_button{
	margin-top: 0px;
    color: #fff !important;
    font-size: 70% !important;
}
.buttonx{
	margin-top: 8px;
    display: block;
    font-size:200%;
}

.be_over{width:100%; height:auto; z-index:999999999; position:absolute;}







/*sidemenu*/
#sidemenu{
/*position:fixed; left:-174px; top:0; */ float:left; display:block; background:#fff; z-index:999999999999; }
.sidemenu{display:block; height:100%; position:relative;}



/*localmenu*/
.localmenu {display:block;width:100%;height:auto;}
.localmenu .menu h3{display:block; font-size:120%; color:#666; padding:5px 0; border-bottom:0px solid #dae8f1;}
.localmenu .menu {display:block;width:100%;height:auto;margin-top:0px;} /*상담으로 올리기*/
.localmenu .menu ul.depth1 li.depth1{display:none; width:100% !important; height:auto; line-height:50px;} /*로컬타이틀대체*/
.localmenu .menu ul.depth1 li.depth1 a{display:block;width:100%; height:100%;}
.localmenu .menu ul.depth1 li.depth1 a.depth1{
	background:url("/theme/henalhome/design/img/bg_leftmenutit.png") center center no-repeat; 
	color:#fff;
	text-align:center;
	height:150px;
	padding:0;
	border-radius:0;
	margin-top:0;
	position:relative;
	overflow:hidden;
	/*
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	*/
}
.localmenu .menu ul.depth1 li.depth1 a.depth1 span{font-size:160%; display:block; text-align:center; padding:50px 0;}
.localmenu .menu ul.depth1 li.depth1 a.mobilemenu{display:none;}
.localmenu .menu ul.depth1 li.depth1 a b{display:none;} 
.localmenu .menu ul.depth1 li.depth1 a.depth1 span b.ionic_hidden{
display:none;
position:absolute;
right:-20px;
bottom:-20px;
opacity:0.4;
font-size:500%;
}

.localmenu .menu ul.depth2{clear:both;}
.localmenu .menu ul.depth2 li.depth2 {display:block; width:100%; height:auto; line-height:26px; border:1px solid #ccc; margin:3px 0; background:#e8e8e8 url("/theme/henalhome/design/img/arrow_menu.png") 180px center no-repeat !important; }

.localmenu .menu ul.depth2 li.depth2:last-child{}

.localmenu .menu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:auto; min-height:2.8rem; color:#777;  text-indent:25px; 
    padding:.8rem 1rem; font-size:0.8rem; 
    background:#f8f8f8 url("/theme/henalhome/design/img/arrow_menu_on.png") 190px center no-repeat;
    position:relative;
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.3s, 0.3s; 
-webkit-transition-timing-function: linear, ease-in;
}
.localmenu .menu ul.depth2 li.depth2 a.depth2:before{
content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -2px;
}

.localmenu .menu ul.depth2 li.depth2 a.littetext { font-size:95%;}

.localmenu .menu ul.depth2 li.depth2 a.depth2:hover {display:block; width:100%; height:auto; color:#010101; background:#f8f8f8 url("/theme/henalhome/design/img/arrow_menu_on.png") 200px center no-repeat !important;
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.3s, 0.3s; 
-webkit-transition-timing-function: linear, ease-in;
}
.localmenu .menu ul.depth2 li.depth2.on{border:1px solid #000;}
.localmenu .menu ul.depth2 li.depth2.on a.depth2 { color:#010101; text-indent:25px; background:#fff url("/theme/henalhome/design/img/arrow_menu_on.png") 190px center no-repeat;

}


.localmenu .menu ul.depth2 li.depth2 a.admin{background:#333; color:#fff;}
.localmenu .menu ul.depth2 li.depth2 a.admin:hover{background:#ff0; color:#333;}

.localmenu .menu ul.depth3{display:block; clear:both; padding:0;}
.localmenu .menu ul.depth3.on{display:block;}
.localmenu .menu ul.depth3 li.depth3 {display:block; width:100%; height:auto; line-height:20px; text-indent:30px; padding:3px 0; border-top:1px solid #dbdbdb; background:#fff; position:relative;}
.localmenu .menu ul.depth3 li.depth3.end {border-bottom:none;}
.localmenu .menu ul.depth3 li.depth3 a.depth3{display:block; width:100%;height:100%; color:#999; font-size:90%; font-weight:normal; text-indent:35px;}
.localmenu .menu ul.depth3 li.depth3 a.depth3:before{
content: '';
    display: block;
    width: 5px;
    height: 1px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 27px;
    margin-top: -2px;

}
.localmenu .menu ul.depth3 li.depth3:hover{ background:#f9f9f9;}
.localmenu .menu ul.depth3 li.depth3 a.depth3:hover { color:#81aa46;}

.localmenu .menu ul.depth3 li.depth3.on a.depth3 { color:#81aa46;}
.localmenu .menu ul.depth3 li.depth3.on a.depth3:hover { color:#81aa46;}

.localmenu .cscenter{width:100%; height:auto; border:1px solid #ddd; overflow:hidden; margin:0px 0; background:#fff; padding:15px;}
.localmenu .cscenter .subtitle{padding:0;}
.localmenu .cscenter .subtitle h6{font-size:140%; margin-bottom:10px;}
.localmenu .cscenter .subtitle strong {
	display: block;
	color: #999;
	font-size: 120%;
	font-weight:normal;
	padding:10px;
	text-align:center;
}
.localmenu .cscenter .subtitle span.csnumber{display:block; width:100%; height:auto; line-height:90%;  font-weight:bold; color:#010101; text-align:left; font-size:150%;  font-weight:900;}
.localmenu .cscenter .subtitle span.time{display:block; width:100%; font-size:110%; padding:5px 0 0 0; text-align:left; color:#000;  letter-spacing:-1px; position:relative;}
.localmenu .cscenter .subtitle span.direct{display:block; width:100%; font-size:95%; padding:15px 0 0 0; text-align:left; color:#222;position:relative;}
.localmenu .cscenter .subtitle span.direct b.tit{display:block; }
.localmenu .cscenter .subtitle span.direct b.num{display:block; margin-bottom:5px; text-indent:0px; letter-spacing:0px; font-size:95%;}


.localmenu ul.subworktime {clear:both; margin:10px 0; display:block; width:100%; height:auto;}
.localmenu ul.subworktime li p.text{ display:block; width:100%; height:30px; font-size:80%; text-align:left; margin-bottom:5px;}
.localmenu ul.subworktime li p.text b{font-size:120%; color:#222;}
.localmenu ul.subworktime li p.text{ display:block; width:100%; height:30px; line-height:30px; font-size:80%; text-indent:30px; text-align:left; }
.localmenu ul.subworktime li p.text.call{text-indent:0px;}
.localmenu ul.subworktime li p.text.kakao{  }
.localmenu ul.subworktime li p.text.nate{  }
.localmenu ul.subworktime li p.text b{font-size:120%; color:#222;}
.cafe{clear:both; display:block; width:100%; height:auto; border:1px solid #777; margin-top:10px; }
.cafe a{display:block; color:#fff;}
.cafe a span.subtitle{display:block; font-size:85%; width:90%; height:22px; line-height:22px; margin:0 auto; text-align:center; border-bottom:1px solid #fff;}
.cafe a span.title{display:block; width:90%; height:40px; line-height:40px; margin:0 auto;}
.cafe a span.title b{font-size:200%;}
.localmenu ul.leftquickmenu{
display:block; 
width:100%; 
height:96px;  
margin:5px 0; 
}
.localmenu ul.leftquickmenu li{float:left; width:50%; height:96px; line-height:96px;text-align:center; font-size:90%; color:#fff; font-weight:bold;}
.localmenu ul.leftquickmenu li a{display:block; width:100%; height:100%; text-align:center; font-size:90%; color:#333; font-weight:bold;}
.localmenu ul.leftquickmenu li a span{line-height:140px;}
.localmenu ul.leftquickmenu li.maintenance{display:block;  margin-right:1%;}
.localmenu ul.leftquickmenu li.maintenance:hover{background:#83c9b5;}
.localmenu ul.leftquickmenu li.faq{display:block; background:#fe8787;margin-right:1%;}
.localmenu ul.leftquickmenu li.faq:hover{background:#e46262;}
.localmenu ul.leftquickmenu li.blog{display:block; background:#f8bd31;}
.localmenu ul.leftquickmenu li.blog:hover{background:#dba015;}

.localmenu .customer_service{}
.localmenu .customer_service h5{font-size:120%; color:#bf9008}
.localmenu .customer_service ul{text-align:center;}

.localmenu .customer_service ul li{
	display:block;
    width:100%;
    height:auto;
    text-align: left;
    padding:0px;
    margin-top:0px;
}
.localmenu .customer_service ul li span{float:right;}
.localmenu .customer_service ul li ion-icon{
    font-size: 161%;
    margin-bottom: -5px;
}

/*localmenu end*/





/*position*/
.position {width:100%; height:auto; margin:0 0 0px; border-bottom:0px solid #efefef;}

.position h3.pagetitle {display:none; float:left; width:33%; height:auto;  font-size:125%; color:#333; text-align:left;}
.subpagetit {
    display: inline-block;
    line-height: 40px;
    font-size: 105%;
    text-indent: 10px;
    
}
.position ul{ 
	float:left;
    display: block;
    width:40%;
    line-height: 40px;
    /* margin-top: 20px; */
    background: #fff;

}

.position ul li{display:block;float:right; padding:0 0px; margin:0 0px; color:#B2B2B2; }
.position ul li.home{padding-left:20px; }
.position ul li.end{color:#333; font-size:100%;}
.position ul li a{display:block;width:100%;height:100%;}

@media(max-width:1200px){
.position ul {width:70%;}
}

/*position end*/

/*로케이션*/
.locationbox{width:100%; height:23px; margin:0px 0 30px 0; z-index:999; right:0; }
.locationbox .backhome{
float:left;
font-size:90%;
width:23px;
height:23px;
line-height:23px;
text-align:center;
margin:0;
padding:0;
background:#010101;
border-radius:50%;
}

.locationbox .backhome i{
color:#fff;
}



/*1차*/
.locationbox ul li.location1{float:right; width:50%; padding: 0px; border:0px solid #010101; z-index:9;}
li.location1{position:relative; border-right:0px solid #dbdbdb; height:23px; padding:0 10px;}
li.location1 p.menuname1{
width:100%;
height: 23px; 
line-height: 23px !important; 
font-size:90%;
background: url("/theme/henalhome/design/img/down_icon.png") right center no-repeat;
color: rgb(51, 51, 51); 
overflow: hidden; 
cursor: pointer; 
margin:0 auto;
text-indent:0px;
text-align:left;
}
li.location1 ul.depth1 {display:none; width:100%; margin-top:10px; z-index:99999999999; }
li.location1 ul.depth1 li.depth1{display:none; width:100% !important; } 

li.location1 ul.depth1 li.depth1 a.depth1{display:none;}
li.location1 ul.depth1 li.depth1 a.mobilemenu{display:none;}

li.location1 ul.depth1.on {
	display:block; 
	width:100%;
	height:auto;
	overflow:hidden; 
	float:none; 
	position:absolute; 
	top:40px; 
	left:0; 
	z-index:999999999;
	background:#fff;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
li.location1 ul.depth2 {width:100%; height:auto; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
li.location1 ul.depth2 li.depth2 {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dbdbdb;
    padding-left:10px;
    text-align:left;
}
li.location1 ul.depth2 li.depth2:hover{background:#f9f9f9 url("/theme/henalhome/design/img/arrow_menu.png") right center no-repeat;}


li.location1 ul.depth2 li.depth2 a{font-size:90% !important;}

/*2차*/
.locationbox ul li.location2{float:right; width:50%; padding: 0px; border:0px solid #f3f; z-index:9;}
li.location2{position:relative; border-right:0px solid #dbdbdb; height:23px; padding:0 10px;}
li.location2 p.menuname2{
width:100%;
height: 23px; 
line-height: 23px !important; 
font-size:90%;
background: url("/theme/henalhome/design/img/down_icon.png") right center no-repeat;
color: rgb(51, 51, 51); 
overflow: hidden; 
cursor: pointer; 
margin:0 auto;
text-indent:10px;
text-align:left;
}
li.location2 ul.depth1{display:none; width:100%; margin-top:10px; border: 1px solid #dbdbdb; border-bottom:0;}
li.location2 ul.depth1 li.depth1{
    display: block;
    width: 100% !important;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dbdbdb;
    padding-left:10px;
} 
li.location2 ul.depth1 li.depth1:hover{background:#f9f9f9 url("/theme/henalhome/design/img/arrow_menu.png") right center no-repeat;}

li.location2 ul.depth1 li.depth1 a.depth1{display:block; font-size:90% !important; z-index:99999999999;}
li.location2 ul.depth1 li.depth1 a.mobilemenu{display:none;}
li.location2 ul.depth1 li.depth1:nth-child(1){display:none}

li.location2 ul.depth1.on {
	display:block; 
	width:100%;
	height:auto;
	overflow:hidden; 
	float:none; 
	position:absolute; 
	top:40px; 
	left:0; 
	z-index:999999999;
	background:#fff;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
li.location2 ul.depth2 {width:100%; height:auto;}
li.location2 ul.depth2 li.depth2 {display:none; float:none;}






/*tailmenu*/
ul.tailmenu{display:inline-block; width:49%; height:auto; margin:0 auto; text-align:center; overflow:hidden;}
ul.tailmenu li{ float:left; padding:0 5px; line-height: 20px; height:auto; font-size:90%; text-align:center;border:0px solid #010101; padding:0 7px; margin:0 1px; color:#ccc;}
ul.tailmenu li a{display:block; width:100%;height:100%; }

ul.tailmenu2{display:inline-block; width:49%; height:auto; text-align:center; overflow:hidden;}
ul.tailmenu2 li{display:inline-block; float:left; padding:0 5px; line-height: 20px; height:auto; font-size:90%; text-align:center;border:1px solid #008cff; border-radius:0px; padding:0 7px; margin:0 1px;}
ul.tailmenu2 li a{display:block; width:100%;height:100%; color:#008cff;}

@media(max-width:1200px){
ul.tailmenu2{ width:100%;}

}

/*companyinfo*/
#companyinfo{clear:both; display:block; width:100%;  height:auto; background:#f8f8f8; position:relative;}
.companyinfo{width:1100px; height:auto; margin:0 auto; padding:20px 0; overflow:hidden;}

.companyinfo h1{float:left; position:relative; width:220px; margin:15px 0 !important; border-right:0px solid #555; padding-right:25px !important; }
.companyinfo h1 img{max-width:100%;}

.companyinfo ul.address{float:left; display:block; width:57%; height:auto; margin:10px 0 0 0px; position:relative; }
.companyinfo ul.address li{float:left; height:auto; padding-left:5px; margin-right:12px;margin-bottom:5px; color:#ccc; letter-spacing:0; font-size:95%; text-align:left;  color: #7a7d81;}
.companyinfo ul.address li a{color:#333;}

.companyinfo .kisa{float:right; display:block; width:13%; height:auto; margin:10px 0 0 0; }
.companyinfo .kisa img{width:50px; height:50px;}

@media (max-width: 1200px){
.companyinfo {
    width: 100%;
    padding:20px;
}
.companyinfo ul.address{width:100%;}
}

.familysitelink {
    float: right;
    border: 0px solid #666;
    position: relative;
    width:18%;
    font-size: 90%;
    margin-top: 10px;
}

@media (max-width: 1200px){
.familysitelink {
	float:left;
    width: 100%;
}
}

/*copyrightbar*/
#copyrightbar{clear:both; width:100%; height:auto; line-height:30px;background:#333; border-bottom:0px solid #ccc; border-top:1px solid #555; margin-top:0px;}
.copyrightbar{width:1100px;height:auto; margin:0 auto; text-align:center;}
.copyrightbar ul li.copyright{clear:both; display:block; margin-top:0px; color:#888; font-size:90%; text-align:center;}
.copyrightbar ul{display:block; width:100%;}
.copyrightbar ul li{display:inline-block; }
.copyrightbar ul li.total{float:left;}
.copyrightbar ul li.now{float:right;}
.copyrightbar ul li a{color:#ccc !important;}

@media (max-width: 1200px){
.copyrightbar {
    width: 100%;

}
}


/*푸쉬바메뉴*/
.pushbar ul {display:block;  margin:0 auto; text-align:center; }
.pushbar li {overflow:hidden; font-size:110%;}


.pushbar ul.depth1{}
.pushbar li.depth1{ border-top:0px solid #ddd; padding:5px 10px; display:inline-block; width:30%; text-align:left; float:left;}
.pushbar li.depth1 a{ color:#fff;}
.pushbar li.depth1:nth-child(1){border-top:0;}
.pushbar li.depth1:nth-child(2){}
.pushbar li.depth1:nth-child(3){}
.pushbar li.depth1:nth-child(4){}
.pushbar li.depth1:nth-child(5){}
.pushbar li.depth1:nth-child(6){}
.pushbar li.depth1:nth-child(7){}
.pushbar li.depth1:first-child {border-top:0;}


.pushbar ul.depth2{display:block;}
.pushbar li.depth2{display:block; padding:5px 0px;}
.pushbar li.depth2:hover a{color:#ff0;}
.pushbar li.depth2 a{display:block; border:2px solid #fff; padding: 10px; border-radius:5px;  color:#fff;}


.pushbar ul.depth3{}
.pushbar li.depth3{display:block; padding:5px 10px; font-size:80%;}
.pushbar li.depth3:hover a{color:#ff0;}
.pushbar li.depth3 a{display:block; border:0; border-bottom:1px solid #ddd; padding:0px 10px; border-radius:0;}


.pushbar li a {display:inline-block; overflow:hidden; position:relative; padding-bottom: 0px; margin-bottom: 0px;}
.pushbar li:last-child a {margin-bottom: 0;}
.pushbar li a span {display:block; overflow:hidden; font-size:180%; font-weight:900; color:#fff; }
.pushbar li a span:before {background-color:#f30; content:""; opacity:0; position:absolute; right:0; left:0; bottom:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; margin:0 auto; height:2px; width:1px;}

.pushbar li a span b{display:none;}

.pushbar a:hover span {color: #ff0; font-weight: 400;}
.pushbar a:hover span:before {opacity:1; width:100%;}


@media(max-width:1200px){
.pushbar li.depth1{ width:100%; }
}