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

body{background:#000d24 url("/theme/henalhome/design/img/bg.png") center top no-repeat;}
div#select_box {
    position: relative;
    width: auto;
    height: auto;
    background: #020202 url(select_arrow.png) 168px center no-repeat;
    border: 1px solid #333;
}
div#select_box select#color {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    opacity: 0;
    color: #838282;
    filter: alpha(opacity=0);
}
div#select_box label {
    position: absolute;
    font-size: 80%;
    color: #666;
    top: 7px;
    left: 10px;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
}


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

.sector{width:1200px;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;}
.padding0 {
  padding: 0;
  height:200px !important;
  background:#fff !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{}
}


.point_notice{ border:0; padding:30px 0;}
.pc_view{ width:1200px !important; margin:0 auto; position:relative;}

@media(max-width:1200px){
.pc_view{ width:100% !important;}
}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){

}


/*공지사항바*/
.notice_bar{background:#268c7f; padding:15px 0 !important;}

/*상단로그인*/
.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:1200px; height:auto; margin:0 auto; position:relative;}

.m_con{padding-bottom:0 !important;}

@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:50px;}
@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: 24%;
    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:22px; line-height:22px; 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; position:relative;}
.allmenu ul.depth3 li.depth3 a.depth3:before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 10px;
    left: 0;
}

.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%; height:auto;}
ul.subimage {display:block; width:1200px;  height:auto; margin:0 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:200px; /*서브이미지 높이*/ position:relative; }
ul.subimage li h5{
	position: absolute;
	width: 800px;
	margin-left: 253px;
	height: 130px !important;
	top: 50%;
	left: 0;
	margin-top: -55px;
	padding: 0px 20px;
	text-align: center;
	border-bottom: 0px solid #ddd;
}
ul.subimage li h5 span.title{ display:block; color:#333; font-size:90%; letter-spacing:0px; text-align:left; /* text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; */ }
ul.subimage li h5 span.title b{color:#288ec3;}
ul.subimage li h5 span.title:after{
  content: '';
    display: block;
    width: 50px;
    height: 4px;
    background-color: #0067b3;
    position: absolute;
    top: 36px;
    left: 0;
    margin-left: 0px;

}
ul.subimage li h5 span.subtit{
	display: block;
	    color: #444;
	    font-size: 124%;
	    font-weight: 100 !important;
	    float: left;
	    padding-top: 35px;
}
ul.subimage li h5 span.text span{ font-size:140%; }
ul.subimage li h5 span.text {display:inline-block; height:auto; line-height:46px; padding:0px; border-radius:10px; font-size:100%; text-align:center; border:0px solid #f7f7f7; color:#fff; margin:0 auto; letter-spacing: -1px;}
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-size:90%; color:#fff; font-weight:normal; /* text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; */}

@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:0;
}

.sharebtn a{
    border: 3px solid #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 5px;
}

.sharebtn a img{margin-bottom:5px;}

@media(max-width:1200px){
    .sharebtn{top:-28px; position:static;}
    .sharebtn a{border-color:#e8c5d8;}
}



/*타이틀*/
.title_group{text-align:center;}
.title_group h3.page_title {
		display:inline-block;
    font-size: 200%;
    border-bottom: 1px solid #111;
    padding-top: 0;
    padding-bottom: 0px;
    font-weight: 400;
}
.title_group .title_ment {
display:block;
    color:#777;
    padding:15px 0 30px 0;
}
/*타이틀*/



#warn_txt{display:block; width:100%;  height:auto; padding-top:50px;}
.warn_txt{width:1200px; height:auto; margin:0 auto;  margin-top:0px; border:1px solid #ddd; padding:30px; overflow:hidden;}

.warn_txt .img{float:left; width:30%;}
.warn_txt .img p{ font-size:150%; font-weight:400; color:#111; }

.warn_txt .info{float:left; width:69%;}
.warn_txt .info p{position:relative; padding-left:10px; padding-bottom:10px;}
.warn_txt .info p:before{
			content: '';
	    position: absolute;
	    top: 9px;
	    left: 0px;
	    width: 3px;
	    height: 3px;
	    background: #f30;

}



@media(max-width:1200px){
	.warn_txt .img{float:none; width:100%; padding-bottom:50px;}
	.warn_txt .info{float:none; width:100%;}
	.warn_txt .info p{padding-bottom:10px;}

#warn_txt{padding-top:30px;}
.warn_txt{width:100%;}
}


/*local*/
#local{display:inline-block; width:100%;  height:auto; padding-top:50px; border-top:0px solid #ddd; background:#fff; }
.local{width:1200px; height:auto; margin:0 auto;  margin-top:0px; }
@media(max-width:1200px){
#local{padding-top:30px;}
.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: -250px;
 }
#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; margin-top:20px;}
#subpage .localcontent{

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

*/

    float: right;
    width: 930px;
    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;}

}


/*카톡문의*/
#katalk{clear:both; display:block; width:100%;  height:auto; background:#fae100;}
.katalk{width:1200px; height:auto; margin:0 auto; padding:25px 0;}
#katalk .channel{text-align:center;}
#katalk .phone{text-align:center; font-size:180%;}
#katalk .phone span{line-height:25px;}
#katalk .phone span.tit{}
#katalk .phone span.num{font-size:200%; font-weight:900;}
#katalk .phone span.num.num2{margin-left:20px; color:#333;}

.katalk span.txt{font-size:145%; color:#222;}
.katalk a {background:#222; color:#fff; padding:10px; border-radius:20px; margin-left:20px;}

@media(max-width:1200px){
.katalk{width:100%;}
}
@media(max-width:992px){
	#katalk .channel{padding-bottom:30px;}
#katalk .channel img {display:block !important; margin:0 auto;}
#katalk .channel span {display:block !important; font-size:110%; padding-bottom:10px;}
#katalk .channel a{display:inline-block !important; margin:0 auto;}
#katalk .phone span {display:block !important;  margin:0 auto; line-height:52px;}
#katalk .phone span.num{font-size:170% !important;}
}
@media(max-width:768px){

}
@media(max-width:480px){

}



/*서브 페이지 스타일*/
.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:visible;}
#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:none; 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 {display:block;}
.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:#f7f7f7;
	color:#333;
	text-align:center;
    display:block;
    width:100%;
	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: 132%;
      display: block;
      text-align: center;
      padding: 49px 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
}
.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; margin-top:50px}
.localmenu .menu ul.depth2 li.depth2 {display:block; width:100%; height:auto; line-height:26px; border:1px solid #eee; 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:12px;
    padding:.8rem 1rem; font-size:0.8rem;
    background:#f9fbfb 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:5px solid #288ec3;}
.localmenu .menu ul.depth2 li.depth2.on a.depth2 { color:#010101; text-indent:12px; 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:10px 0; border-top:0; 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:25px;}

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

.localmenu .menu ul.depth3 li.depth3.on a.depth3 { color:#23b3a1;}
.localmenu .menu ul.depth3 li.depth3.on a.depth3:hover { color:#23b3a1;}

.localmenu .cscenter{display:none; width:100%; height:auto; border:1px solid #eee; overflow:hidden; margin:50px 0 0 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:70%;
    line-height: 40px;
    /* margin-top: 20px; */

}

.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:70%; 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; background:#dfeef9;}
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:#dfeef9 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:30%; 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; background:#f9f0f5;}
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:#f9f0f5 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;}



/*policybar*/
#policybar{clear:both; width:100%; height:60px; line-height:50px; border-bottom:1px solid #333; background:#020202; border-top:1px solid #111; margin-top:0px;}
.policybar{width:1200px;height:auto; margin:0 auto; text-align:center;}


/*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:auto; height:auto; text-align:center; overflow:hidden; float:left; }
ul.tailmenu2 li{display:inline-block; float:left; height:auto; font-size:90%; text-align:center; background:none; padding:5px 0px; margin:0 10px; border:0px solid #00ac97; }
ul.tailmenu2 li:first-child{margin-left:0;}
ul.tailmenu2 li a{display:block; width:100%;height:100%; color:#ccc; font-size:110%;}
ul.tailmenu2 li a:hover{color:#fff;}

@media(max-width:1200px){
ul.tailmenu2{ width:100%; padding:0 15px; font-size:80%;}

}

.face_call{float:left; clear:both; width:25%;}
.face_call li{color:#333;}
.face_call .tit{font-size:122%; color:#444; padding-bottom:15px; font-weight:bold;}
.face_call .tel{font-size:230%; line-height:100%; font-weight:600; color:#222; padding-bottom:5px; letter-spacing:-1;}
.face_call .email{color:#444; padding-bottom:10px;}

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

}


.notice_bottom{float:left; width:25%; color:#fff;}
.notice_bottom .tit{
	font-size: 122%;
	color: #444;
	padding-bottom: 15px;
	font-weight: bold;
}
.notice_bottom .time{color:#eee;}
.notice_bottom .time b.code{font-weight:bold; font-size:180%;}

.notice_bottom .txt{line-height:120%; padding-top:10px;}



.work_time{float:left; color:#fff; width:25%;}
.work_time .tit{
	font-size: 122%;
	color: #444;
	padding-bottom: 15px;
	font-weight: bold;
}
.work_time .time{color:#444;}
.work_time .time b.code{font-weight:bold; font-size:180%;}

.work_time .txt{line-height:120%; padding-top:10px; color:#444;}

.work_icon{float:left; width:25%; color:#444; }
.work_icon li{display:inline-block; margin:0px; width:100%; text-align:left;}
.work_icon li img{width:143px; margin:0 auto;}
.work_icon li.list{float:left; border:1px solid #ddd; text-align:center; margin:2px;}
.work_icon li.list b{display:block; margin:0 auto; width:60px; height:60px; line-height:50px; border-radius:50%; border:1px solid #ddd; text-align:center; }

.work_icon li i{font-size:200%; }
.work_icon li span{display:block; font-size:95%; text-align:center; padding-top:0px;}
.work_icon .tit{
	font-size: 122%;
	color: #444;
	padding-bottom: 15px;
	font-weight: bold;
	display:block;
}
@media(max-width:1200px){
.work_icon{font-size:85%; border-top:1px solid #ddd; padding-top:20px !important;}
.work_time {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:20px 0; padding:20px !important;}
.work_time .txt{padding-bottom:30px;}
}


.info_list{padding:30px 0; overflow:hidden; width:1200px; margin:0 auto;}
.info_list ul{width:25%; height:137px; padding:0 20px; border-right:1px solid #ddd;}
.info_list ul li{position:relative;}
.info_list li.none ul{width:100% !important; border-right:0; padding:0; height:auto;}
.info_list ul:last-child{border-right:0;}
.info_list li.none .lat li {padding:0; line-height:auto;}
@media(max-width:1200px){
.info_list{width:100%; }
.info_list ul{width:100% !important; height:auto; border-right:0;}
}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){

}





.email_group{float:left; color:#fff;}
.email_group ul{padding-bottom:10px;}
.email_group li.tit{font-size:130%; padding-bottom:5px;}

.email_group li.tit i{color:#eee;}
.email_group li.tit b{color:#eee;}

@media(max-width:1200px){
.email_group{padding:30px 0;}

}


.location_btn{float:left; color:#fff; margin-left:50px;}
.location_btn li {text-align:center;}
.location_btn li span{text-align:center; font-size:150%; display:block; font-weight:700; padding:10px;}
.location_btn li i{font-size:380%; border:1px solid #eee; border-radius:50%; padding:20px; color:#131313; background:#eee;}
.bottom-line{clear:both; height:1px; width:100%; border-bottom:1px solid #ddd; margin:20px 0;}

.sns_link{position:absolute; top:0; right:0; color:#fff; font-size:320%;}

@media(max-width:1200px){
.sns_link{bottom:0; top:unset;}

}


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


#companyinfo2{clear:both; display:block; width:100%;  height:auto; background:#020202; position:relative;}
.companyinfo2{width:1200px; height:auto; margin:0 auto; padding:40px 0; overflow:hidden;}

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

.companyinfo2 ul.address{display:block; float:left; width:80%; height:auto; margin:0px; position:relative; }
.companyinfo2 ul.address li{float:left; display:block; width:auto; height:auto; padding-left:5px; margin-right:12px;margin-bottom:0px; color:#838282; letter-spacing:0; text-align:left; }
.companyinfo2 ul.address li a{color:#eee;}

.companyinfo2 ul.address li.company{clear:both; color:#838282; display:inline-block; font-size:115%;}

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

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


@media (max-width: 480px){
    .companyinfo2 ul.address{clear:both; float:none; display:block; width:100%; }
    .companyinfo2 ul.address li{display:block !important; float:none !important;}
}



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

.big_num{font-size:400%; font-weight:600;}


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

.kcp_box{float:right; width:52%;}
.kcp_box h4{font-size:110%; font-weight:bold; padding-bottom:5px;}
.kcp_box p{line-height:100%; padding-bottom:10px;}
.kcp_box ul.address_list {position:relative;}
.kcp_box ul.address_list:before{
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: #eee;
	position: absolute;
	top: 9px;
	left: 0px;
	margin-top: 0px;

}


@media(max-width:1200px){
.kcp_box{float:none; width:100%; padding-top:20px; }
}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){

}




/*copyrightbar*/
#copyrightbar{clear:both; width:100%; height:auto; line-height:50px;background:#020202; border-bottom:0px solid #ccc; border-top:0px solid #555; margin-top:0px;}
.copyrightbar{width:1200px;height:auto; margin:0 auto; 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:#666 !important;}

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

}
}




.modal-backdrop{z-index:0;}