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

/* CSS 설계·디자인 정보
작성인: 주우정(Ju Ujeong)
이메일: help@henal.kr
홈페이지 : henal.kr
최초생성일: 2013.12.09
마지막수정일: 2015.2.1
*/


section#maincontents{
	width:100%;
	height:460px;
	padding:3% 0;

}
article#maincontents{width:1100px;height:auto; margin:0 auto;}


/*동영상쪽*/
.main_movie{float:left; width:465px;height:auto;}
.main_latest{float:none; width:100%;}

.main_movie ul.btn{display:block; margin-bottom:10px; height:110px;}
.main_movie ul.btn li{float:left; display:inline-block; margin-right:5px; width:110px; height:110px; border:1px solid #e1e1e1; border-radius:10px; }
.main_movie ul.btn li:hover{ border:1px solid #5db6e5;}
.main_movie ul.btn li.masters{background:url("/henal/img/btn_mainmovie1.png") center 15px no-repeat;}
.main_movie ul.btn li.masters:hover{background:#c3eaff url("/henal/img/btn_mainmovie1.png") center 15px no-repeat;}
.main_movie ul.btn li.history{background:url("/henal/img/btn_mainmovie2.png") center 15px no-repeat;}
.main_movie ul.btn li.history:hover{background:#c3eaff url("/henal/img/btn_mainmovie2.png") center 15px no-repeat;}
.main_movie ul.btn li.pray{background:url("/henal/img/btn_mainmovie3.png") center 15px no-repeat;}
.main_movie ul.btn li.pray:hover{background:#c3eaff url("/henal/img/btn_mainmovie3.png") center 15px no-repeat;}
.main_movie ul.btn li.church{width:112px;  background:url("/henal/img/btn_mainmovie4.png") center 15px no-repeat; margin-right:0px; float:right;}
.main_movie ul.btn li.church:hover{width:112px;  background:#c3eaff url("/henal/img/btn_mainmovie4.png") center 15px no-repeat; margin-right:0px; float:right;}
.main_movie ul.btn li a{position:relative; display:block; width:100%; height:100%; text-align:center;}
.main_movie ul.btn li a span{position:absolute; bottom:0; left:0; display:block; width:100%; height:35px;}



/*메인아이콘*/
#mainicon{display:block; width:100%; height:auto; padding:20px 0;}
.mainicon{width:1100px; height:auto; margin: auto;}
ul.mainicon {display:table; width:100%; height:auto;}
ul.mainicon li{display: table-cell; float:left; border:1px solid #ddd; width:16.4%; text-align:center; background:#fff; padding:20px 0; border-right:0;}
ul.mainicon li:last-child{border-right:1px solid #ddd;}

/*한줄공지사항*/
#mainnotice{display:block; width:100%; height:auto; padding:0 0 20px 0;}
.mainnotice{display:block; width:1100px; height:auto; margin: auto;}

/*big3*/
#big3{display:block; width:100%; height:auto; padding:0 0 20px 0;}
.big3{display:block; width:1100px; height:auto; margin: auto;}
ul.big3 {display:table; width:100%; height:auto;}
ul.big3 li.line{display: table-cell; border:1px solid #ddd; width:33%; text-align:left; background:#fff; padding:20px; border-right:0;}
ul.big3 li.line:last-child{border-right:1px solid #ddd;}
ul.big3 li.line h4 {font-size:140%; padding-bottom:20px;}
ul.big3 li.line h4 span.more{float:right; font-size:70%;}




article#mainbanner{
position:relative;
width:100%;
height:auto;
overflow:hidden;
}
article#mainbanner .slogan{
    width: 1100px;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-550px;
    z-index: 9;
/*background:url("/henal/img/mask_dot.png") left top repeat;*/
}

article#mainbanner .slogan p{
	display:block;
	width:520px;
	height:200px;
	position:absolute;
	left:50%;
	bottom:50%;
	margin-left:-540px;
	margin-bottom:-50px;
	background:#333;
	opacity:0.5;
	padding:20px;
}

article#mainbanner .slogan span{
	display:block;
	width:520px;
	height:200px;
	position:absolute;
	left:50%;
	bottom:50%;
	margin-left:-540px;
	margin-bottom:-50px;
	color:#fff;
	padding:20px;
}

article#mainbanner .slogan span b{
	display:block;
}

article#mainbanner .slogan span b.p1{
	font-size:300%;
}
article#mainbanner .slogan span b.p2{
	font-size:300%;
}
article#mainbanner .slogan span b.p3{
	font-size:140%;
	padding-top:30px;
}

a.kgm{
display:block; width:100%; height:63px; line-height:63px; background:url("/henal/img/img_kgm.jpg") right top no-repeat; border:1px solid #c5c5c5; margin:10px 0;
font-size:130%; color:#222; text-indent:30px;
}
a.kgm b{color:#78a0ae;}

.main_latest ul.latest{height:245px;}
.main_latest ul.latest li.gallery{float:left;background:#ececec; width:256px; height:195px; padding:25px;}
.main_latest ul.latest li.notice{float:left;background:#f5f5f5; width:255px; height:195px; padding:25px;}

ul.quickmenu{margin-top:40px;}
ul.quickmenu li{float:left; width:200px; height:170px; border-right:1px solid #e1e1e1; }
ul.quickmenu li.part a{background:#84c7e9 url("/henal/img/btn_01.png") center top no-repeat;}
ul.quickmenu li.part a:hover{background:#0080c5 url("/henal/img/btn_01.png") center top no-repeat;}
ul.quickmenu li.newface a{background:#84c7e9 url("/henal/img/btn_03.png") center top no-repeat;}
ul.quickmenu li.newface a:hover{background:#0080c5 url("/henal/img/btn_03.png") center top no-repeat;}
ul.quickmenu li.edu a{background:#84c7e9 url("/henal/img/btn_02.png") center top no-repeat;}
ul.quickmenu li.edu a:hover{background:#0080c5 url("/henal/img/btn_02.png") center top no-repeat;}
ul.quickmenu li.edu { border-right:none;}
ul.quickmenu li a{position:relative; display:block; width:110px; height:110px; text-align:center; margin:0 auto; border-radius:100%;}
ul.quickmenu li a span{position:absolute; bottom:-50px; left:0; display:block; width:100%; height:35px; color:#0080c5; font-size:130%;}



/*sidecontents*/
article#sidemenu ul.sidecontents{position:absolute; top:0; left:-1100px; display:block; width:1100px; height:100%; 
background:#444;}
article#sidemenu ul.sidecontents li.depth1{display:block; width:90%; height:90%; padding:5%;}
article#sidemenu ul.sidecontents li.depth1 h4{display:none;}
article#sidemenu ul.sidecontents li.depth1 ul{display:block; max-width:100%; height:100%; background:url("/henal/img/bg_sidecontents_allmine.gif") center center no-repeat;}
article#sidemenu ul.sidecontents li.depth1 ul li.text{position:absolute; top: 200px; left:600px; display:block; width:300px; height:auto; line-height:25px; font-size:110%; color:#fff;}
article#sidemenu ul.sidecontents li.depth1 ul li.text b{color:#50AEFF; text-decoration:underline;}

article#sidemenu ul.sidecontents li.depth1 ul li.button_estimate{
position:absolute; top: 350px; left:600px; display:block; width:300px; height:auto; 
color:#fff; text-align:center;
text-indent:0px; font-size:120%; padding:15px 0;
border:1px solid #2a2c2f; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;text-decoration:none;
 background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
 background-image: -webkit-linear-gradient(top, #45484d, #000000);
 background-image: -moz-linear-gradient(top, #45484d, #000000);
 background-image: -ms-linear-gradient(top, #45484d, #000000);
 background-image: -o-linear-gradient(top, #45484d, #000000);
 background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}
article#sidemenu ul.sidecontents li.depth1 ul li.button_online{
position:absolute; top: 420px; left:600px; display:block; width:300px; height:auto; 
color:#fff; text-align:center;
text-indent:0px; font-size:120%; padding:15px 0;
border:1px solid #df0909; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;text-decoration:none;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}
article#sidemenu ul.sidecontents li.depth1 ul li a{display:block; width:100%; height:100%;color:#fff;}

a.beforeopen{display:block;}
a.beforeclose{display:none; color:#333;}
/*sidecontents끝*/

/*메인_사이드메뉴*/
section#sidemenu{position:fixed; left:0px; top:0; display:block; width:67px; height:100%;background:#fff; z-index:10000; border-right:1px solid #484747; background:#5b5b5b; -webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.4);}
article#sidemenu{display:block; height:100%; position:relative;}

a.sidemenuclose{position:absolute; right:-19px; top:45%; display:block; width:19px; height:79px;background:url("/henal/img/btn_sidemenu_in.png") left top no-repeat; }
a.sidemenuopen{position:absolute; right:-19px; top:45%; display:block; width:19px; height:79px;background:url("/henal/img/btn_sidemenu_out.png") left top no-repeat; }

article#sidemenu ul.sidemenu{position:absolute; top:0; left:0; display:block; width:66px; height:100%;}
article#sidemenu ul.sidemenu li{
display:block; 
width:65px;height:63px;line-height:26px;
border-top:1px solid #5f5e5e; 
border-bottom:1px solid #484747; 
border-left:1px solid #5f5e5e; 
border-right:1px solid #484747; 
font-size:95%;
cursor:pointer;
text-align:center;
transition: all 0.1s ease-out 0s; /*스무스하게 변하는 효과*/
text-rendering: optimizelegibility;
white-space: nowrap;
background-color: transparent;
}
article#sidemenu ul.sidemenu li:hover{
border-top:2px solid #50AEFF; 
border-bottom:2px solid #50AEFF; 
border-left:2px solid #50AEFF; 
border-right:2px solid #50AEFF; 
}
article#sidemenu ul.sidemenu li a{display:block; width:100%; height:100%; color:#fff;}
article#sidemenu ul.sidemenu li a:hover{color:#fff;}
article#sidemenu ul.sidemenu li.ico_modify{background:#727171 url("/henal/img/ico_sidemenu_modify.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_modify:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_modify.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_logout{background:#727171 url("/henal/img/ico_sidemenu_logout.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_logout:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_logout.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_login{background:#727171 url("/henal/img/ico_sidemenu_login.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_login:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_login.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_join{background:#f30 url("/henal/img/ico_sidemenu_join.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_join:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_join.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_maintenance{background:#727171 url("/henal/img/ico_sidemenu_maintenance.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_maintenance:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_maintenance.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_solution{background:#727171 url("/henal/img/ico_sidemenu_solution.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_solution:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_solution.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_receipt{background:#727171 url("/henal/img/ico_sidemenu_money.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_receipt:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_money.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_notice{background:#727171 url("/henal/img/ico_sidemenu_notice.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_notice:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_notice.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_schedule{background:#727171 url("/henal/img/ico_sidemenu_schedule.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_schedule:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_schedule.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_admin{background:#727171 url("/henal/img/ico_sidemenu_admin.png") center 20px no-repeat;}
article#sidemenu ul.sidemenu li.ico_admin:hover{background:#2b2b2b url("/henal/img/ico_sidemenu_admin.png") center 20px no-repeat;}

/*메인_상단배너*/
#toggle_banner {position: relative; width: 100%; height:auto;}
ul.top_toggle_banner{display:block;position: relative; width:100%; height:93px; overflow:hidden;}
ul.top_toggle_banner li{float:left; display:block; width:100%; height:93px; text-align:center; }
ul.top_toggle_banner li.ban01{background:#ff0084; position:relative;}
ul.top_toggle_banner li.ban02{background:#f7dd73; position:relative;}
ul.top_toggle_banner li.ban03{background:#89d5ce; position:relative;}
ul.top_toggle_banner li.ban04{background:#ceacec; position:relative;}
a.adup {
    	position: absolute;
	width:130px;
	height:15px;	line-height:15px;
	display:block;
    	color:#fff;
	font-size:85%;
	background:#333 url("/henal/img/today_close.png") 5px center no-repeat;
 	text-indent:15px;
	padding:5px;
    	right: 5px;
    	top:5px;
	z-index:3;
border:1px solid #fff;
}

/*메인_맨위로이동버튼*/
#hiddenmenu {position:fixed; top:450px; right:22px; display:block; width:30px; height:30px; line-height:30px; background:#50AEFF; z-index:3;}
#hiddenmenu a{display:block; width:100%; height:100%; font-size:90%; color:#fff; text-align:center;}

/*메인_로고바*/
section#search{width:100%;height:40px; background:#2d2b31;}
article#search{width:1100px;height:auto; margin:0 auto; position:relative;}

/*메인_로고바*/
section#logobar{clear:both;width:100%;height:auto;}
article#logobar{width:1100px;height:80px; margin:0 auto; position:relative; margin-top:-20px;}
section#logobar h1.logo{float:left; display:block; width:20%; height:80px; background:url("/henal/img/logo.png") left center no-repeat; }
section#logobar h1.logo a{display:block; width:100%; height:100%; }

#globalmenu{float:right; display:block;margin:0 auto;width:70%;height:38px; margin-top:30px;}
#globalmenu ul.depth1 {display:block; width:100%; height:auto;}
#globalmenu ul.depth1 li.depth1{
float:right; display:block;width:14%;padding:0 0px;height:38px;line-height:38px;position:relative;background: #fff;} 
#globalmenu ul.depth1 li.depth1 a{display:block;width:100%;height:100%; text-align:center; font-size:120%; color:#2d2b31; background:url("/henal/img/bar_menugap.gif") left center no-repeat;position:relative;}
#globalmenu ul.depth1 li.depth1.mmenu01 a{background:none;}
#globalmenu ul.depth1 li.depth1.mmenu05 a{font-size:90%; color:#222; background:url("/henal/img/ico_admin.png") left center no-repeat; text-indent:20px;}
#globalmenu ul.depth1 li.depth1 a b{text-indent:-9999px; background:url("/henal/img/ico_plusmobile.png") left center no-repeat; width:64px; height:31px; display:block; position:absolute; top:-15px; right:0;}
#globalmenu ul.depth1 li.depth1 a:hover{ 
color:#0099cc; border-bottom:3px solid #38a8d1;
}
#globalmenu ul.depth1 li.depth1.on a{font-weight:normal;}
#globalmenu ul.depth2 {display:none; width:100%; height:auto; position:absolute; top:38px; left:0;box-shadow: 0px 1px 3px #666666;
background:#fefefe; color:#888; z-index:999999;} /*오버시 박스*/
*html ul.depth2 {display:block;}
#globalmenu ul.depth2 h2 {font-size:100%; display:block; width:100%; height:130px; position:relative;}
#globalmenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:25px; border-bottom:1px solid #e1e1e1;border-left:1px solid #e3e3e3;border-right:1px solid #e1e1e1;}
#globalmenu ul.depth2 li.depth2 a {display:block; width:100%; height:100%; color:#666; text-align:left; text-indent:20px; font-size:85%; 
background: #fff;
}
#globalmenu ul.depth2 li.depth2 a:hover {display:block; width:100%; 
color:#666;} 
#globalmenu ul.depth2 li.depth2 a.admin{background:#333; color:#fff;}
#globalmenu ul.depth2 li.depth2 a.admin:hover{background:#fff; color:#333;}
#globalmenu ul.depth2 li.depth2.on a{width:100%; background:#fff; color:#f00;}
#globalmenu ul.depth2 li.depth2.henalmenu a{background:#fff; color:#50AEFF;  font-weight:bold;}
#globalmenu ul.depth2 li.depth2.henalmenu a:hover{background:#333; color:#fff;}
#globalmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}
#globalmenu ul.depth3 li.depth3 {display:block; width:100%; height:21px; line-height:21px; }
#globalmenu ul.depth3 li.depth3 a{display:block; width:100%; height:100%; color:#777; font-size:11px; font-weight:normal; }
#globalmenu ul.depth3 li.depth3 a:hover{text-decoration:underline;}
#globalmenu ul.depth3 li.depth3.on a {width:100%; background:#fff; color:#00f; }
#globalmenu ul li a.allmenuup{
    	position: absolute;
	display:block;
	width:100%;
	height:34px;	
	line-height:34px;
    	color:#fff;
	font-size:110%;
	font-weight:bold;
background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
    	bottom: 0px;
    	left: 0px;
	top:0px;
}
#globalmenu ul li a.allmenuup:hover{
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);

}
#globalmenu ul li a.allmenudown{
    	position: absolute;
	display:block;
	width:100%;
	height:34px;	
	line-height:34px;
    	color:#fff;
	font-size:110%;
	font-weight:bold;
	background: #ff0012;
    	bottom: 0px;
    	left: 0px;
	top:0px;
}
#globalmenu ul li a.allmenudown:hover{background: #ff0080;}

section#allmenu{display:none; width:100%; height:auto; background:#2a2a2a; z-index:1000000;} 
article#allmenu{display:block; width:90%; height:280px; padding:5%;}
section#allmenu ul.depth1.allmenu{display:none;}
section#allmenu ul.depth1 {display:block; width:100%; height:500px;}
section#allmenu ul.depth1 li.mmenu00{display:block; width:100%; height:auto;border:1px solid #50AEFF;}
section#allmenu ul.depth1 li.depth1{float:left; display:block;width:13.1%;height:auto;line-height:35px; position:relative; margin:0 0.5%;} 
section#allmenu ul.depth1 li.depth1 a{display:block;width:100%;height:100%; color:#fff;font-size:115%;text-indent:20px;font-weight:bold; color:#888;}
section#allmenu ul.depth1 li.depth1 a span b{display:none; text-indent:-9999px;}
section#allmenu ul.depth1 li.depth1 a span.mask{display:block;width:100%;height:28px; text-align:left;  background:#50AEFF; color:#fff;}
section#allmenu ul.depth1 li.depth1 a:hover{color:#fff;}
section#allmenu ul.depth2 {display:block; width:100%; height:auto; position:absolute; top:40px; right:0px;}
section#allmenu ul.depth2 li.depth2 {display:block; width:100%; height:22px; line-height:22px; margin:0 auto; }
section#allmenu ul.depth2 li.depth2 a {display:block; width:100%; height:100%; color:#666; font-weight:normal; text-align:left; text-indent:20px; font-size:12px; border-bottom:1px solid #222;}
section#allmenu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:22px;}
section#allmenu ul.depth2 li.depth2 a:hover {color:#fff;}
/*메인_메뉴끝*/

/*메인_index레이아웃*/
section#main{clear:both; display:block; width:100%;height:auto; }
article#main{}
/*메인_index레이아웃끝*/

/*메인_광고*/
section#latestportfolio{clear:both; 
	width:100%;
	height:500px;
	padding:3% 0;
	background:url("/henal/img/bg_latestportfolio.gif") left top repeat fixed;
}
article#latestportfolio{width:1100px;height:auto; margin:0 auto;}
.monitor{ /*모니터*/
	position:relative;
	float:left;
	width:544px;
	height:438px;
	padding-top:56px;
	background:url("/henal/img/img_imac.png") center center no-repeat; /*739*596*/
}
.cuts{
	position:absolute;
	left:22px;
	top:49px;
	z-index:100;
}
.smartphone{
	position:absolute;
	right:0;
	bottom:0;
	width:147px;
	height:290px;
	background:url("/henal/img/img_iphone.png") center center no-repeat; /*147*290*/
	z-index:101;
}
.cuts_m{
	position:absolute;
	left:7px;
	top:34px;
	z-index:100;
}
.advertising{float:right; width:400px; height:auto; padding:40px 0;}
.advertising h5{color:#fafafa; font-size:300%; height:50px;}
.advertising h6{color:#e0fa06; font-size:150%; }
.advertising ul {padding:30px 0;}
.advertising ul li{background:url("/henal/img/ico_arrow_white.png") left center no-repeat; text-indent:30px; color:#fff; height:30px; line-height:30px; font-size:115%; letter-spacing:1;}
a.more {clear:both; 
width:100%;height:50px;line-height:50px;
text-indent:0px; font-size:150%;
border:1px solid #df0909; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;text-decoration:none; display:block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; text-align:center;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}
/*메인_광고끝*/

/*메인_쿨한가격*/
section#coolmoney{display:block; width:100%; height:700px; background:#f0f0f0; padding:5% 0}
article#coolmoney{width:1100px;height:auto; margin:0 auto;}
h4.coolpay{text-align:center; color:#50AEFF; font-size:250%; font-weight:normal; padding:20px;}
h5.coolpay{text-align:center; color:#333; font-size:170%; padding:10px;}
h5.coolpay b{font-weight:bold; color:#50AEFF;}
ul.payitem{width:1100px; margin:0 auto;}
ul.payitem li.item{float:left; width:30%;height:auto;margin:3% 1.5%;}
ul.payitem li.item ul li.money{
font-size:400%;
color:#50AEFF;
}

ul.payitem li.item ul li.money span{font-weight:lighter; font-size:30%; color:#777;}
ul.payitem li.item ul li.money b{font-weight:lighter; font-size:100%; color:#50AEFF;}
ul.payitem li.item ul li.title{
color:#222;
font-size: 22px;
line-height: 30px;
margin-bottom:10px;
}
ul.payitem li.item ul li.text{
font-size: 95%;
line-height: 25px;
margin-bottom:10px;
color:#777;
}

ul.payitem li.item ul li.more{
width:100px; margin:0 auto; text-align:center;
border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:95%; padding: 5px; text-decoration:none; 
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

ul.payitem li.item ul li.more:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}
ul.payitem li.item ul li.more a{
display:block;
width:100%;
height:100%;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
}
/*메인_쿨한가격끝*/

/*메인_킬링포인트*/
section#killingpoint{display:block; width:100%; height:700px; background:#1c1c1c; padding:5% 0}
article#killingpoint{width:1100px;height:auto; margin:0 auto;}
h4.killeritem{text-align:center; color:#50AEFF; font-size:250%; font-weight:normal; padding:30px;}
ul.killeritem{width:1100px; margin:0 auto;}
ul.killeritem li.item{float:left; width:30%;height:auto;margin:5% 1.5%; text-align:center; }
ul.killeritem li.item ul li.title{
color:#fff;
font-size: 22px;
line-height: 30px;
margin-bottom:10px;
}
ul.killeritem li.item ul li.text{
font-size: 14px;
line-height: 25px;
margin-bottom:10px;
color:#777;
}
ul.killeritem li.item ul li.more a{
font-size: 9px;
line-height: 27px;
font-weight: 500;
letter-spacing: 1px;
color: #f90;
text-transform: uppercase;
}
/*메인_킬링포인트끝*/

/*메인_메신저*/
section#messanger{display:block; width:100%; height:600px; background:#333 url("/henal/img/gplaypattern.png") left top repeat fixed; padding:5% 0;}
article#messanger{width:1100px;height:auto; margin:0 auto;}
h4.messanger{text-align:center; color:#50AEFF; font-size:250%; font-weight:normal; padding:30px;}
h5.messanger{text-align:center; color:#333; font-size:170%; padding:20px;}
h5.messanger b{font-weight:bold; color:#50AEFF;}
ul.messanger{width:1100px; margin:0 auto;}
ul.messanger li.item{float:left; width:310px;height:auto;margin:10px; text-align:center; border:1px solid #c1c1c1; border-radius:15px; padding:30px 0; transition: all 0.1s ease-out 0s;
text-rendering: optimizelegibility;
white-space: nowrap;
background-color: transparent;
}
ul.messanger li.item:hover{background:#fff;}
ul.messanger li.item ul{padding-top:140px;}
ul.messanger li.item ul.one{background:url("/henal/img/sns_kakaotalk.png") center top no-repeat;}
ul.messanger li.item ul.two{background:url("/henal/img/sns_nateon.png") center top no-repeat;}
ul.messanger li.item ul.three{background:url("/henal/img/sns_telegram.png") center top no-repeat;}
ul.messanger li.item ul li.money{
font-size:400%;
color:#777;
}
ul.messanger li.item ul li.money b{font-weight:lighter; font-size:30%;}
ul.messanger li.item ul li.title{
color:#222;
font-size: 22px;
line-height: 30px;
margin-bottom:10px;
}
ul.messanger li.item ul li.text{
font-size: 14px;
line-height: 25px;
margin-bottom:10px;
color:#777;
}
ul.messanger li.item ul li.more a{
display:none;
font-size: 9px;
line-height: 27px;
font-weight: 500;
letter-spacing: 1px;
color: #f90;
text-transform: uppercase;
}
/*메인_메신저끝*/

/*메인_체크리스트*/
section#seventip{clear:both; display:block; width:100%; height:600px; background:#f0f0f0 url("/henal/img/bg_office.png") right center no-repeat fixed; overflow: hidden; padding:5% 0;}
article#seventip{width:1100px;height:auto; margin:0 auto;}
section#seventip dl.summary{display:block; width:70%; height:400px; margin-top:50px;}
section#seventip dl.summary dt {display:block; width:100%; height:50px; line-height:50px; font-size:200%;color:#222;margin-bottom:10px; text-align:center; font-weight:light; padding-bottom:10px; border-bottom:1px solid #50AEFF;}
section#seventip dl.summary dt span{color:#50AEFF; font-size:130%;}
section#seventip dl.summary dt b{color:#f60; font-size:180%;}
section#seventip dl.summary dd.list{clear:both; display:block; width:100%; text-indent:5px; height:35px; line-height:35px; border-bottom:1px dashed #afaeae; color:#797979; background:url("/henal/img/ico_check.png") left center no-repeat; text-indent:30px; font-size:110%;} 
section#seventip dl.summary dd.list b{margin-right:15px;color:#333; }
section#seventip dl.summary dd.list span{color:#333; font-size:105%; font-weight:bold;}
p.summary_btn_m{display:none;}
p.summary_btn {
margin:50px auto;
display: block;
width:200px;
text-align:center;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 500;
font-size:150%;
border: 1px solid #797979;
background-color: transparent;
color: #666;
padding: 0px 20px;
line-height: 40px;
text-rendering: optimizelegibility;
white-space: nowrap;
transition: all 0.1s ease-out 0s;
}
p.summary_btn a{display:block; width:100%; height:100%; color:#797979;}
p.summary_btn:hover {
color: #fff;
background:#333;
}
/*메인_체크리스트끝*/

/*홈>갤러리*/
section#maingallery{width:100%; height:auto; background:url("/henal/img/congruent_outline.png") left top repeat fixed; padding:5% 0;}
article#maingallery{width:1100px;height:auto; margin:0 auto;}
h4.maingallery{text-align:center; color:#50AEFF; font-size:250%; font-weight:normal; padding:30px;}
h5.maingallery{text-align:center; color:#fafafa; font-size:150%; padding:50px 0 20px 0; border-bottom:1px solid #555;}
h5.maingallery b{font-weight:bold; color:#f60;}
/*홈>갤러리끝*/

/*홈>제휴사이트*/
section#partnership{clear:both; width:100%; height:50px;}
article#partnership{width:1100px;height:auto; margin:0 auto; position:relative; }
ul.partnership{width:100%; height:auto;}
ul.partnership li{float:left; width:8%; height:50px; line-height:50px; padding:0px; text-align:center; }
ul.partnership li:hover{border-bottom:3px solid #50aeff;}
ul.partnership li a{display:block; width:100%; height:100%; color:#fff;}
ul.partnership li:hover a{background:#fff; color:#333; display:block; width:100%; height:100%;}
/*홈>제휴사이트끝*/

/*홈>하단레이아웃*/
section#bottom{clear:both; display:block; width:100%;height:auto; background:#484848;}
article#bottom{width:1100px; height:80px; margin:0 auto; padding:30px 0;}
article#bottom #left{float:left; width:20%; margin-right:10%;}
article#bottom #center{float:left; width:70%;}
article#bottom #center p{clear:both; color:#c3c9ce; font-weight:bold;}
/*홈>하단레이아웃 끝*/

/*홈>하단로고*/
article#bottom #left h1{display:block; width:100%; height:70px; background:url("/henal/img/logo_address.png") center center no-repeat; text-indent:-9999px;}
/*홈>하단로고끝*/

/*홈>바로가기메뉴*/
article#bottom ul.topmenu{display:block; width:100%; height:20px; margin:0 0 15px 0;}
article#bottom ul.topmenu li{float:left; display:block; line-height: 20px; height:20px; }
article#bottom ul.topmenu li a{display:block; width:100%;height:100%;color:#777;font-size:90%;font-weight:bold;text-align:center;border-right:1px solid #444; padding:0 5px; margin:0 5px;}
article#bottom ul.topmenu li a:hover{color:#f60;}
/*홈>바로가기메뉴끝*/

/*홈>주소*/
article#bottom ul.address{display:block; width:100%; height:auto; margin:10px 0 0 0;}
article#bottom ul.address li{float:left; height:22px; padding-left:5px; margin-right:12px; font-size:90%; letter-spacing:0; color:#828d96; text-align:left;font-weight:bold;}
article#bottom ul.address li b{font-weight:normal;}
article#bottom ul.address li.phone b{font-size:110%;}
article#bottom ul.address li a{color:#50aeff;}
/*홈>주소끝*/

/*홈>패밀리사이트*/
article#bottom .familysite{position:relative;}
article#bottom .familysite dl.agencyLink1{display:block; width:100%; height:30px; line-height:30px; }
article#bottom .familysite dl.agencyLink1 dt.blind{display:block; width:100%;}
article#bottom .familysite dl.agencyLink1 dt.blind label{color:#fff; }
article#bottom .familysite dl.agencyLink1 dd{display:block; width:100%;}
article#bottom .familysite dl.agencyLink1 dd select{width:100%; background:#333; color:#fff; padding:5px; border:3px solid #222; margin-bottom:5px;}
article#bottom .familysite dl.agencyLink1 dd a.gofamily{
width:100%;
font-weight:bold; 
color: #FFFFFF;
display:block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
text-align:center;
border:1px solid #111;
 background-color: #222; 
}
/*홈>패밀리사이트끝*/

/*홈>카피라이트*/
section#copyright{
clear:both;
display:block; 
width:100%;
height:60px; 
line-height:60px; 
color:#888; 
background:#2a2a2a; 
text-align:center;
text-transform:capitalize;
font-size:80%;
}
/*홈>카피라이트끝*/



/* -----------------------  서브페이지 ----------------------- */
/*서브레이아웃*/
section#local{display:block; width:100%;height:auto; }
article#local{width:1100px;height:auto; margin:0 auto;}
#subpage{clear:both; overflow:hidden;}
#subpage .localmenu{float:left;width:20%;height:auto;margin-bottom:50px;}
#subpage .localcontent{float:right;width:76%;height:auto; }
/*서브레이아웃끝*/


/*홈>견적서요청*/
section#detail{width:100%; height:auto;}
section#detail a{
	display:block;
	background: #d93434;
  	background-image: -webkit-linear-gradient(top, #d93434, #ff0055);
  	background-image: -moz-linear-gradient(top, #d93434, #ff0055);
  	background-image: -ms-linear-gradient(top, #d93434, #ff0055);
  	background-image: -o-linear-gradient(top, #d93434, #ff0055);
  	background-image: linear-gradient(to bottom, #d93434, #ff0055);
  	-webkit-border-radius: 9;
  	-moz-border-radius: 9;
  	border-radius: 9px;
  	color: #ffffff;
  	text-decoration: none;
	text-align:center;
	width:100%;height:40px; line-height:40px;
}
section#detail a:hover{
	background: #961919;
  	background-image: -webkit-linear-gradient(top, #961919, #ab4e63);
  	background-image: -moz-linear-gradient(top, #961919, #ab4e63);
  	background-image: -ms-linear-gradient(top, #961919, #ab4e63);
  	background-image: -o-linear-gradient(top, #961919, #ab4e63);
  	background-image: linear-gradient(to bottom, #961919, #ab4e63);
  	text-decoration: none;
}
/*홈>견적서요청 끝*/

/*로컬 카페24배너*/
.cafe{clear:both; display:block; width:100%; height:70px; background:#00acec url("/henal/img/logo_cafe24.jpg") right top no-repeat; margin-top:10px;}
.cafe a{display:block; width:100%; height:100%; color:#fff; }
.cafe a span.subtitle{display:block; font-size:85%; width:90%; height:30px; line-height:30px; margin:0 auto;}
.cafe a span.title{display:block; width:90%; height:40px; line-height:40px; margin:0 auto;}
.cafe a span.title b{font-size:200%;}
/*로컬 카페24배너끝*/

/*서브페이지*/
.subpage{width:100%;height:auto;margin:10px 0;}
.subpage img{display:block; min-width:320px;max-width:100%;height:auto;margin:10px auto 0;}
/*서브페이지 끝*/

/*로컬메뉴*/
.localmenu {display:block;width:100%;height:auto;}

.localmenu .menu h3{display:block; font-size:80%; color:#666; padding:5px 0; border-bottom:5px solid #50AEFF;}
.localmenu .menu {display:block;width:100%;height:auto;margin-bottom:20px;}

.localmenu .menu ul.depth1 li.depth1{display:none; width:100%; height:auto; line-height:50px;} /*로컬타이틀대체*/
.localmenu .menu ul.depth1 li.depth1 a{display:block;width:100%; height:100%; text-indent:20px; }
.localmenu .menu ul.depth1 li.depth1 a b{display:none;} 
.localmenu .menu ul.depth1 li.depth1 a.localtitle{
display:block;
width:100%; 
height:auto; 
text-indent:10px; 
text-align:center;
color:#222; 
border-bottom:1px solid #333; 
margin-bottom:5px;
font-weight:bold;
font-size:200%;
padding:20px 0;
}

.localmenu .menu ul.depth2 li.depth2 {display:block; width:100%; height:33px; line-height:33px; border-bottom:1px solid #ddd;}
.localmenu .menu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:auto; background:#fff url("/henal/img/arrow_menu.png") right center no-repeat; color:#888; }
.localmenu .menu ul.depth2 li.depth2 a.depth2:hover {display:block; width:100%; height:auto; background:#fefefe url("/henal/img/arrow_menu.png") right center no-repeat; color:#222; }
.localmenu .menu ul.depth2 li.depth2.on a.depth2 {background:#50AEFF url("/henal/img/arrow_menu.png") right center no-repeat; color:#fff; font-size:120%; font-weight:bold;}
.localmenu .menu ul.depth2 li.depth2.on a.depth2:hover {background:#333 url("/henal/img/arrow_menu.png") right center no-repeat; color:#fff;}
.localmenu .menu ul.depth2 li.depth2 a.admin{background:#333; color:#fff;}
.localmenu .menu ul.depth2 li.depth2 a.admin:hover{background:#fff; color:#333;}

.localmenu .menu ul.depth3 li.depth3 {display:block; width:100%; height:auto; line-height:18px; text-indent:20px;}
.localmenu .menu ul.depth3 li.depth3.end {border-bottom:1px solid #50AEFF;}
.localmenu .menu ul.depth3 li.depth3 a.depth3{display:block; width:100%;height:100%; color:#999; font-size:12px; font-weight:normal; text-indent:25px; border-bottom:1px dashed #e3e3e3;}
.localmenu .menu ul.depth3 li.depth3 a.depth3:hover{background:#fefefe; font-weight:bold; color:#222;}
.localmenu .menu ul.depth3 li.depth3.on a.depth3 {background:#fefefe url("/henal/img/arrow_menu.png") right center no-repeat; color:#50AEFF; font-weight:bold;  height:22px; line-height:22px;}
.localmenu .menu ul.depth3 li.depth3.on a.depth3:hover {background:#fefefe url("/henal/img/arrow_menu.png") right center no-repeat; color:#333; font-weight:bold;}

/*서브 고객센터*/
.localmenu .cscenter{width:90%;height:auto; border:1px solid #efefef;margin-bottom:10px;padding:5%;}
.localmenu .cscenter hgroup.pagetitle {display:block;width:100%; padding-top: 10px; padding-bottom: 5px;}
.localmenu .cscenter hgroup.pagetitle h2{font-size:115%;color:#50AEFF; text-align:center; }
.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:40px; font-size:130%; font-weight:bold; color:#555; text-align:center; }
.localmenu ul.subworktime {clear:both; margin:10px 0; display:block; width:100%; height:auto;}
.localmenu ul.subworktime li p.title{display:block; width: 100%; height:20px; line-height:20px; padding:3px 0; text-align:center; margin-bottom:5px;border-radius:5px; font-size:90%;
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;text-decoration:none; 
 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.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{ background:url("/henal/img/ico_kakao.png") left center no-repeat;}
.localmenu ul.subworktime li p.text.nate{ background:url("/henal/img/ico_nate.png") left center no-repeat;}
.localmenu ul.subworktime li p.text b{font-size:120%; color:#222;}
/*로컬메뉴끝*/


/*로컬퀵메뉴*/
.localmenu ul.quickmenu{
display:block; //디스플레이
width:100%; //가로값
height:96px;  //세로값
margin:5px 0; 
}

.localmenu ul.quickmenu li{float:left; width:32.6%; height:96px; line-height:96px;text-align:center; font-size:95%; color:#fff; font-weight:bold;}
.localmenu ul.quickmenu li a{display:block; width:100%; height:100%; text-align:center; font-size:95%; color:#333; font-weight:bold;}
.localmenu ul.quickmenu li a span{line-height:140px;}
.localmenu ul.quickmenu li.maintenance{display:block; background:#a2e0ce url("/henal/img/ico_process.png") center 10px no-repeat;margin-right:1%;}
.localmenu ul.quickmenu li.maintenance:hover{background:#83c9b5 url("/henal/img/ico_process.png") center 10px no-repeat;}
.localmenu ul.quickmenu li.faq{display:block; background:#fe8787 url("/henal/img/ico_won.png") center 10px no-repeat;margin-right:1%;}
.localmenu ul.quickmenu li.faq:hover{background:#e46262 url("/henal/img/ico_won.png") center 10px no-repeat;}
.localmenu ul.quickmenu li.blog{display:block; background:#f8bd31 url("/henal/img/ico_estimate.png") center 10px no-repeat;}
.localmenu ul.quickmenu li.blog:hover{background:#dba015 url("/henal/img/ico_estimate.png") center 10px no-repeat;}
/*로컬퀵메뉴끝*/

/*로컬컨텐츠*/
/*현재위치*/
.position {width:100%; height:auto; margin:0 0 30px;}
.position h3.pagetitle {width:100%; height:50px; line-height:50px; font-size:230%;font-weight:bold; border-bottom:1px solid #f2f2f2; color:#333; }
.position ul{ display:block;width:100%; height:30px;line-height:30px;}

.position ul li{display:block;float:right; padding:0 1px; margin:0 2px; color:#B2B2B2; font-size:85%;}
.position ul li.home{padding-left:20px; background:url("/henal/img/ico_home.png") left center no-repeat;}
.position ul li.end{color:#333; font-size:100%;}
.position ul li a{display:block;width:100%;height:100%;}
/*현재위치 끝*/

/*로컬컨텐츠 서브타이틀*/
h3.subtitle{color:#999; font-size:98%; width:100%; height:20px; line-height:20px; margin-bottom:30px; text-align:center; padding-bottom:5px; font-weight:normal; border-bottom:1px dotted #f2f2f2;}
/*로컬컨텐츠 서브타이틀 끝*/

/*서브비쥬얼*/
#subvisual{clear:both;}
#subvisual li{margin:50px 0; display:none; width:100%; height:155px; text-indent:30px; position:relative; background:#fafafa; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
#subvisual li a{display:block; width:100%;height:100%;}
#subvisual li span{display:block; width:100%; height:155px; background:url("/henal/img/mask_rightbottom.png") right bottom no-repeat;}
#subvisual li span b{position:absolute; top:20px; left:10px; font-size:16px; color:#fff; font-family:'Noto Sans', 'Nanum Gothic' , '맑은 고딕','Malgun Gothic',Dotum,tahoma,Arial,Helvetica,AppleGothic,sans-serif; font-weight:light; }
#subvisual li.visual01{background:url("/henal/img/subvisual01.jpg") center top no-repeat;}
#subvisual li.visual02{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual03{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual04{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual05{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual06{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual07{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual08{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual09{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual10{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual11{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual12{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual13{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual14{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
#subvisual li.visual15{background:url("/henal/img/subvisual02.jpg") center top no-repeat;}
/*서브비쥬얼 끝*/

/*[모듈] 툴팁 마이페이지 > 현재사용중인상품*/
.tooltips{
	display:block;
	position:relative;
	top:0;
	left:20px;
	width:11px;
	height:11px;
	background:url("/henal/img/ico_tooltips.jpg") left top no-repeat;
	line-height:22px;
	z-index:10;
}
.tooltips:hover:after{
	background: #333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	bottom:0px;
	color: #fff;
	content: attr(title);
	left: 30px;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 220px;
	font-size:12px;
}

/*홈>해날>해날소개*/
.jumbotron.baground{background:url("/henal/img/struckaxiom.png")left top repeat;}
section#company{}
article#company{}
article#company h3{font-size:130%; color:#f10;padding:20px 0;}
article#company p{font-size:95%; color:#777; margin:10px 0;}
article#company p.logo{width:100%; background:url("/henal/img/logo400.png") center center no-repeat; padding:50px 0; height:200px;}
article#company h4{color:#de3f0a; font-size:120%; margin-top:50px; font-weight:bold;}
article#company p.logo{text-align:center; width:100%; border:1px solid #e9e9e9;}
/*홈>해날>해날소개*/

/*홈>해날>대표자인사말*/
.aboutvisual{width:100%; height:auto; background:url("/henal/img/desk.png")left top no-repeat;}
.aboutvisualback{width:100%; height:250px; background:url("/henal/img/Ujeong.png")right top no-repeat;}
table.about {
	border-collapse:collapse;    /* border 사이의 간격 없앰 */
	border-top: 2px solid #333;       /* border 상단 두께 지정 */
	border-bottom: 1px solid #333;    /* border 하단 두께 지정 */
	width:100%;                  /* 전체 테이블 길이 설정 */
	font-size:95%;
}
table.about th, td {/* 테이블의 th 와 td 마진과 패딩 지정 */
	margin:0;
	padding:8px 10px;
}
table.about th {
	width:15%;
	background: #50AEFF;
	color: #FFF; 
	border-bottom:1px dotted #000;
	font-size: 100%; 
}
table.about td {
	width:35%;
	border-bottom:1px dotted #666;
	color:#777;
}
.about ul.text{display:block; width:100%;height:250px;margin:15px 0 30px 0;}
.about ul.text li{float:left;width:32%;margin-right:2%;color:#777; font-size:90%;height:auto;line-height:24px;}
.about ul.text li h4{color:#de3f0a; font-size:120%; margin:30px 0 10px 0; font-weight:bold;}
.about ul.text li.end{margin-right:0;}
.about p.sign{clear:both; display:block; margin:50px 0; float:right; height:72px; background:url("/henal/img/img_sign.jpg")100px top no-repeat;}
/*홈>해날>대표자인사말끝*/


/*홈>해날>채용정보*/
section#peoples h2{color:#50AEFF; font-size:200%;}
section#peoples p.text{float:left; width:50%; margin:10px 0;color:#777; font-size:90%; line-height:25px;}
section#peoples p.member{float:right; width:50%; height:270px;background:url("/henal/img/img_4.png") right top no-repeat;}
section#peoples h4{color:#de3f0a; font-size:120%; margin:50px 0 15px 0; font-weight:bold;}
section#peoples ul li {color:#777; font-size:90%; line-height:25px;}
table.peoples {
	border-collapse:collapse;    /* border 사이의 간격 없앰 */
	border-top: 2px solid #f90;       /* border 상단 두께 지정 */
	border-bottom: 1px solid #333;    /* border 하단 두께 지정 */
	width:100%;                  /* 전체 테이블 길이 설정 */
	font-size:95%;
}
table.peoples th, td {/* 테이블의 th 와 td 마진과 패딩 지정 */
	margin:0;
	padding:8px 10px;
}
table.peoples th {
	background: #50AEFF;
	color: #FFF; 
	border-bottom:1px dotted #000;
	font-size: 100%; 
}
table.peoples td {
	border-bottom:1px dotted #666;
	color:#777;
}
/*홈>해날>채용정보끝*/


/*홈>해날>스토리*/
section#story h2{color:#50AEFF; font-size:200%;}
section#story p.text{display:block; width:100%; height:500px;margin:10px 0;color:#777; font-size:90%; line-height:25px; background:url("/henal/img/lineart_01.png") center bottom no-repeat;}
section#story p.text span{display:block; width:100%; height:auto;}
/*홈>해날>스토리끝*/

/*홈>해날>소중한클라이언트님들 */
section#client h2{color:#50AEFF; font-size:200%;}
section#client ul li{display:block; float:left; border:3px solid #fafafa; width:31%; height:31%; line-height:80px; margin:0 5px 5px 0; text-align:center; font-size:95%;padding:3% 0;}
section#client ul li:hover{border:3px solid #f50;}
section#client ul li a{width:100%; height:100%; color:#999;}
/*홈>해날>소중한클라이언트님들 끝*/

/*홈>해날>오시는 길 */
section#map h2{color:#50AEFF; font-size:200%;}
section#map p.text{width:100%; margin:10px 0;color:#777; font-size:90%; line-height:25px;}
section#map img{max-width:100%;}
/*홈>해날>오시는 길 끝*/

/*홈>견적문의*/
section#esti .titleimg{width:100%; height:auto; margin:0 0 15px 0; background:#f0b11b; padding:50px 0;}
section#esti .titleimg h4{height:auto; color:#fff; font-size:400%; font-weight:bold;text-align:center;}
section#esti .titleimg h4 b{color:#333;}
section#esti .titleimg p.subtitle{clear:both;display:block; height:30px; font-size:140%; color:#fafafa;text-align:center;padding:10px;}

section#esti ul.esti {display:block; height:auto; margin-top:20px;}
section#esti ul.esti li {float:left; display:block; width:19%; height:200px; line-height:200px; margin:0.5%; text-align:center;}
section#esti ul.esti li a{display:block; width:100%; height:auto; font-size:140%;
border:1px solid #d7dada; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:block;font-weight:bold; 
   background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
section#esti ul.esti li a:hover{
 border:1px solid #bfc4c4;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
} 
section#esti p.subtitle{display:block; width:100%; height:50px; font-size:130%; color:#f60; padding:20px 0;}

section#esti ul.messinger {clear:both;display:block; width:100%; height:auto; }
section#esti ul.messinger li {display:block; width:100%; height:auto; text-indent:25px; padding:10px 0;}
section#esti ul.messinger li.kakao {background:url("/henalshop/skin/shop/basic/img/sns_kakao_s.png") left center no-repeat; }
section#esti ul.messinger li.nate {background:url("/henalshop/skin/shop/basic/img/sns_nate_s.png") left center no-repeat; }
section#esti ul.messinger li a{display:block; width:100%; height:30px; line-height:30px; font-size:140%;
border:1px solid #d7dada; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; display:block;font-weight:bold; 
   background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
section#esti ul.messinger li a:hover{
 border:1px solid #bfc4c4;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

/*홈>마이페이지>현재 사용중인 상품*/
table.mypage {
	border-collapse:collapse;    /* border 사이의 간격 없앰 */
	border-top: 3px solid #333;       /* border 상단 두께 지정 */
	border-bottom: 3px solid #333;    /* border 하단 두께 지정 */
	width:100%;                  /* 전체 테이블 길이 설정 */
	font-size:95%;
	margin:50px 0 20px 0;
}
table.mypage th, td {/* 테이블의 th 와 td 마진과 패딩 지정 */
	margin:0;
	padding:8px 10px;
}
table.mypage th, td:hover {
	background:#fff;
}
table.mypage th {
	background: #F2F5F9;
	color: #777; 
	border-bottom:1px dotted #000;
	font-size: 100%; 
}
table.mypage td {
	border-bottom:1px dotted #666;
	color:#777;
}
table.mypage td.on {
	color:#ff5b89;
}
/*홈>마이페이지>현재 사용중인 상품 끝*/

/*홈>마이페이지>입금안내*/
section#receipt .receipt{width:100%; height:auto;background:url("/henal/img/lineart_07.png") right center no-repeat;}
section#receipt h4{width:100%; color:#de3f0a; font-size:120%; margin:30px 0 10px 0; font-weight:bold;}
section#receipt p{display:block; width:100%; height:auto;}
section#receipt .receipt h4{width:70%; color:#de3f0a; font-size:120%; margin:30px 0 10px 0; font-weight:bold;}
section#receipt .receipt p{display:block; width:70%; height:auto;}
table.money {
	border-collapse:collapse;    /* border 사이의 간격 없앰 */
	border-top: 2px solid #333;       /* border 상단 두께 지정 */
	border-bottom: 1px solid #333;    /* border 하단 두께 지정 */
	width:70%;                  /* 전체 테이블 길이 설정 */
	font-size:95%;
}
table.money th, td {/* 테이블의 th 와 td 마진과 패딩 지정 */
	margin:0;
	padding:8px 10px;
}
table.money th {
	background: #50AEFF;
	color: #FFF; 
	border-bottom:1px dotted #000;
	font-size: 100%; 
}
table.money td {
	border-bottom:1px dotted #666;
	color:#777;
}

/*홈>마이페이지>입금안내 끝*/

/*로컬컨텐츠끝*/


/*홈>고객센터>FAQ*/
.search_faq{padding:50px; border:1px solid #f1f1f1;}
.search_faq select {border:1px solid #ccc;}
.searchtop select {border:1px solid #ccc;}

/*홈>고객센터>FAQ 끝*/


a.onlyadmin {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1px solid red;
    color: red !important;
    z-index: 99999999999999999999999999;
    background: #fff;
    font-size: 14px !important;
    padding: 3px 10px !important;
}