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

/* CSS Layout·css Designer
html/css coder: Ju Ujeong
e-mail: help@henal.kr
homepage : www.henal.kr
*/

a.back_btn{clear:both; display:block; font-size:110%; padding:10px 20px; background:#f70; color:#fff; text-align:center;}


.cnj_input { width:100px; border:2px solid #ddd; color:#0084D4; background-color:white; margin-right:20px;}



/*패딩*/
.padding-left-none{padding-left:0;}
.padding-right-none{padding-right:0;}

/*주요버튼*/
.admtip{font-size:80%; color:#f10ee6;}
.caution_tip{font-size:80%; color:#555555;}

.tongButton{
border:1px solid #f05a1f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #f05a1f; background-image: -webkit-gradient(linear, left top, left bottom, from(#f05a1f), to(#f05a1f));
 background-image: -webkit-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: -moz-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: -ms-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: -o-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: linear-gradient(to bottom, #f05a1f, #f05a1f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f05a1f, endColorstr=#f05a1f);
}

.tongButton:hover{
 border:1px solid #f05a1f;
 background-color: #f05a1f; background-image: -webkit-gradient(linear, left top, left bottom, from(#f05a1f), to(#f05a1f));
 background-image: -webkit-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: -moz-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: -ms-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: -o-linear-gradient(top, #f05a1f, #f05a1f);
 background-image: linear-gradient(to bottom, #f05a1f, #f05a1f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f05a1f, endColorstr=#f05a1f);
}

.tongButton2{background:#555555 !important; font-size:200% !important; font-weight:900 !important; color:#fff !important; display:block !important; width:100% !important; text-align:center !important;}


/*오시는길*/
.contact-info{color:#777;}
.contact-info h2{color:#777; font-size:150%;}
.contact-info address a {color:#e81d25;}



/*올메뉴*/
ul.sf-menu{z-index:9999999;}
a.allmenu{width:100%; height:50px; line-height:50px; background:#1b1f20; font-size:110%; z-index:99999999;}

section#allmenu{display:block; position:absolute; top:0; left:50%; margin-left:-555px;width:1110px; height:auto; background:#f8f8f8; padding:0px 0; z-index:9999999; border:2px solid #2dadf8; border-top:0px solid #dbdbdb;}
article#allmenu{display:block; width:100%; height:auto; margin:0 auto; padding:20px;}

article#allmenu .sf-menu-all {float:none; width:100%;}
article#allmenu .sf-menu-all a {
    padding:0;
    zoom: 1;
    }

article#allmenu .sf-menu-all li.cate-li-1 a:hover{color:#2dadf8;}
article#allmenu .sf-menu-all li.cate-li-1 {float:left; display:block; width:130px; height:auto; padding:2px 0px;}
article#allmenu .sf-menu-all li.cate-li-1 a{font-size:98%; color:#222; font-weight:bold; }
article#allmenu .sf-menu-all li ul {display:block;position:static;}
article#allmenu .sf-menu-all li ul li.cate-li-2{
	height:auto;
	margin-left: 0px;

    text-align: left;
    font-size: 12px;
    margin-top: 4px;
}
article#allmenu .sf-menu-all li ul li.cate-li-2 a{font-size:95%; font-weight:normal; }
article#allmenu .sf-menu-all li ul li ul li.cate-li-3 {height:14px; padding-left:10px; border-bottom:0px solid #dbdbdb;}
article#allmenu .sf-menu-all li ul li ul li.cate-li-3 a{font-size:85%; color:#777; font-weight:normal;}





section#allmenu ul.depth1.allmenu{display:none;}
section#allmenu ul.depth1 {display:block; width:100%; height:auto; margin:0 auto;}
section#allmenu ul.depth1 li.mmenu00{display:block; width:100%; height:auto;border:1px solid #18B0FF;}
section#allmenu ul.depth1 li.depth1{float:left; display:block;width:14%;height:auto;line-height:35px; position:relative; }
section#allmenu ul.depth1 li.depth1.mmenu05{margin-right:0px;}
section#allmenu ul.depth1 li.depth1 a{display:block;width:100%;height:auto;font-weight:bold; color:#fff; position:relative; }
section#allmenu ul.depth1 li.depth1 a span.menubadge {
    display:none;
}
section#allmenu ul.depth1 li.depth1 a span b{display:block; text-indent:0px;}
section#allmenu ul.depth1 li.depth1 a span.mask{display:block;width:100%;height:28px; text-align:left;  background:#18B0FF; color:#fff;}
section#allmenu ul.depth1 li.depth1 a:hover{color:#fff;}
section#allmenu ul.depth2 {display:block; width:100%; height:auto; border:0px solid #fff;}
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:1px; font-size:90%; 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;}


			ul.cDepth2 {text-align:left;}
			ul.cDepth2 > li {display:inline-block; position:relative; width:180px; margin-bottom:4px; vertical-align:top;}
			ul.cDepth2 > li > a {display:block; width:100%; color:#000; padding:5px 0;
				background:#ffe8e8; font-weight:bold; font-size:12px; text-align:center;}
			ul.cDepth2 > li > a:hover, ul.cDepth2 > li > a:focus {background:#ff3636; color:#fff;}
				ul.cDepth3 > li {}
				ul.cDepth3 > li > a {display:block; padding:3px 0; font-size:12px; border:2px solid #f9f9f9; background:#f9f9f9;}
				ul.cDepth3 > li > a:hover, ul.cDepth3 > li > a:focus  {border:2px solid #ff3636; background:#fff;}
				ul.cDepth3 > li > a:before {content:">"; padding:0 8px;}

			/* pc ÁÖ¿äºÎÇ° */
			ul.cDepth2.cate01 > li.c06 {top:-90px;}
			ul.cDepth2.cate01 > li.c07 {top:-30px;}
			ul.cDepth2.cate01 > li.c11 {top:-134px;}
			.cDepth2BnrZone.cate01 {position:absolute; left:0; bottom:0; width:916px; padding:5px 15px;}
			.cDepth2BnrZone.cate01 > a:first-child {display:inline-block; border-right:2px dotted #ccc;}

			/* ³ëÆ®ºÏ/pc/¸ð´ÏÅÍ */
			ul.cDepth2.cate02 > li.c06 {left:0px; top:-94px;}
			ul.cDepth2.cate02 > li.c07 { top: -310px; left: 373px;;}
			ul.cDepth2.cate02 > li.c08 {left:-372px; top:-64px;}
			.cDepth2BnrZone.cate02 {position:absolute; right:0; top:175px; width:370px; padding:5px 15px;}
			.cDepth2BnrZone.cate02 > a:first-child {display:inline-block; border-right:2px dotted #ccc;}

			/* ÇÁ¸°ÅÍ º¹ÇÕ±â */
			ul.cDepth2.cate03 {width:560px;}
			ul.cDepth2.cate03 > li.c06 {top:-120px;}
			ul.cDepth2.cate03 > li.c07 {top:-48px;}
			ul.cDepth2.cate03 > li.c09 {top:-120px;}
			ul.cDepth2.cate03 > li.c10 {top:-100px;}
			.cDepth2BnrZone.cate03 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate03 > a:first-child {display:inline-block; position:absolute; top:30px; right:10px; border-bottom:2px dotted #ccc;}
			.cDepth2BnrZone.cate03 > a + a {display:inline-block; position:absolute; top:420px; left:12px; border-right:2px dotted #ccc;}
			.cDepth2BnrZone.cate03 > a + a + a {display:inline-block; position:absolute; top:340px; left:auto; right:20px; border:none;}

			/* S/W */
			.cDepth2Group.cate04 {height:342px;}
			ul.cDepth2.cate04 {width:740px;}
			ul.cDepth2.cate04 > li.c05 {top:-46px;}
			ul.cDepth2.cate04 > li.c06 {top:-72px;}
			.cDepth2BnrZone.cate04 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate04 > a:first-child {display:inline-block; position:absolute; left:10px; top:260px; border:none;}
			/*.cDepth2BnrZone.cate04 > a + a {display:inline-block; position:absolute; left:auto; top:260px; right:30px; border:none;}*/


			/*Ŭ¶ó¿ìµå¼Ö·ç¼Ç*/
			ul.cDepth2.cate11 { height: 342px;}

			/* ÁÖº¯±â±â */
			ul.cDepth2.cate05 { height: 342px;}
			.cDepth2BnrZone.cate05 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;height:342px;}
			.cDepth2BnrZone.cate05 > a:first-child {display:inline-block; position:absolute; left:10px; top:270px; border-right:2px dotted #ccc;}
			.cDepth2BnrZone.cate05 > a + a {display:inline-block; position:absolute; left:490px; top:270px; border:none; border:none;}
			/*.cDepth2BnrZone.cate05 > a + a + a {display:inline-block; position:absolute; left:760px; top:270px; border:none;}*/

			/* À×Å©/Åä³Ê */
			.cDepth2Group.cate06 {height:342px;}
			.cDepth2BnrZone.cate06 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate06 > a:first-child {display:inline-block; position:absolute; left:10px; top:270px;}

			/* ³×Æ®¿öÅ©/ÄÉÀ̺í */
			.cDepth2Group.cate07 {height:342px;}
			.cDepth2BnrZone.cate07 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate07 > a:first-child {display:inline-block; position:absolute; left:10px; top:360px; border-right:2px dotted #ccc;}
			.cDepth2BnrZone.cate07 > a + a {display:inline-block; position:absolute; left:470px; top:360px;}

			/* ÀúÀåÀåÄ¡/usb */
			.cDepth2Group.cate08 {height:420px;}
			.cDepth2BnrZone.cate08 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate08 > a:first-child {display:inline-block; position:absolute; left:10px; top:240px; border-right:2px dotted #ccc;}
			.cDepth2BnrZone.cate08 > a + a {display:inline-block; position:absolute; left:470px; top:240px;}

			/* ¸ð¹ÙÀϾ׼¼¼­¸® */
			.cDepth2Group.cate09 {height:342px;}
			ul.cDepth2.cate09 > li.c07 {top:-24px;}
			ul.cDepth2.cate09 > li.c08 {top:-70px;}
			.cDepth2BnrZone.cate09 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate09 > a:first-child {display:inline-block; position:absolute; right:15px; top:130px;}

			/* ±â¾÷¿ëÁ¦Ç° */
			.cDepth2Group.cate10 {height:342px;}
			.cDepth2BnrZone.cate10 {position:absolute; left:0; top:0; width:926px; padding:5px 15px;}
			.cDepth2BnrZone.cate10 > a:first-child {display:inline-block; position:absolute; right:10px; top:10px;}

			/* Àüüº¸±â */
			ul.cDepth2.cateAll > li > a {display:block; width:170px; padding:5px; vertical-align:middle;}
			ul.cDepth2.cateAll > li.c00 > a , ul.cDepth2.cateAll > li.c00 ~ li > a {height:13px;}
			ul.cDepth2.cateAll ul.cDepth3 {background:#f9f9f9;}
			ul.cDepth2.cateAll ul.cDepth3 > li > a {padding:1px 0;}





/*검색창*/
.aside-search .frm_input {
    float: left;
    width: 80%;
    padding: 6px 5px;
    height: 35px;
    border: 3px solid #1b1f20;
}
.aside-search .btn_submit {
    float:right;
    width: 19%;
    line-height: 25px;
    background: #333;
    color: #fff;
    border: none;
}




/*패밀리사이트링크*/





.leftarea{width:102px !important;}
.rightarea{width:145px !important;}

/*브랜드*/
.ci_title {
	margin-bottom:64px;
}

.ci_title > div {
	width:25px;
	border-top:3px solid #000;
	margin-bottom:20px;
}

.ci_title > p {
	font-size:2.1875em;
	margin-left:-2px;
	letter-spacing:-2px;
}

.ci_contents {

}

.ci_contents > ul {
	overflow:hidden;
	margin-bottom:145px;
}

.ci_contents > ul > li {
	float:left;
}

.ci_contents > ul .ci_box_left {
	width:34%;
	border:1px solid #8a8a8a;
}

.ci_contents > ul .ci_box_left > div:first-child {
    background-image: url(/theme/henalhome/design/img/pattern.png);
	background-size:20px;
}

.ci_contents > ul .ci_box_left > div:first-child > img {
	display:block;
	width:80%;
	margin:0 auto;
	padding:32% 0 24%;
}

.ci_contents > ul .ci_box_left > a > div {
	background-color:#f8f9fb;
	border-top:1px solid #d4d7e0;
	width:100%;
	height:100%;
	text-align:center;
	transition:all 0.5s;
}

.ci_contents > ul .ci_box_left .off > div {

}

.ci_contents > ul .ci_box_left > a > div > p {
	display:inline-block;
	padding:10% 0;
	font-size:0.8125em;
	font-weight:400;
}

.ci_contents > ul .ci_box_left > a > div > p > span {
	display:inline-block;
	width:40px;
	height:14px;
	background:url(../img/billyangel/down_off.png) no-repeat;
	background-position:100% 100%;
}


.ci_contents > ul .ci_box_right {
	width:60%;
	float:right;
}

.ci_contents > ul .ci_box_right > div {}

.ci_contents > ul .ci_box_right > div > p {}

.ci_contents > ul .ci_box_right .ci_bit_01 > p:first-child {
	font-size:1.25em;
	font-weight:600;
}

.ci_contents > ul .ci_box_right .ci_bit_01 > p:nth-child(2) {
	font-size:0.9375em;
	font-weight:300;
	margin-top:18px;
	margin-right:20px;
	word-break:keep-all;
}

/* 색상바 부분 02*/
.ci_contents > ul .ci_box_right .ci_bit_02 {
	margin-top:108px;
}

.ci_contents > ul .ci_box_right .ci_bit_02 > p {
	font-size:1.6875em;
	font-weight:200;
	letter-spacing:2px;
}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 {
	overflow:hidden;

}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 > div {
	float:left;
	width:33.3333%;
}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 .color_info_01 {

}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 > div > p {
	margin:20px 0;
	font-size:0.9375em;
	font-weight:400;
}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 .color_info_01 > p:first-child {
	width:96%;
	height:18px;
	background-color:#9db4c9;
}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 .color_info_02 > p:first-child {
	width:96%;
	height:18px;
	background-color:#838588;
}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 .color_info_03 > p:first-child {
	width:calc(96% - 2px);
	height:16px;
	background-color:#fff;
	border:1px solid #000;
}

.ci_contents > ul .ci_box_right .ci_bit_02 .color_bar_02 > div > p > span {
	color:#737373;
}

/*채용안내*/
.intro_dl {display:block; overflow: hidden; width:100%; padding:25px 0 54px 130px; border-bottom:1px solid #e1e1d8; }
.content .con .intro_dl dt { display:block; overflow: hidden; margin:0 0 3px; color:#44413c; font-size:20px; line-height:26px;}
.content .con .intro_dl dd { display:block; overflow: hidden;color:#75736f; font-size:110%; line-height:20px;  }
.content .con .intro01 { background:url("/theme/henalhome/design/img/01_01company.jpg") no-repeat left 30px; }
.content .con .intro02 { background:url("/theme/henalhome/design/img/01_01company.jpg") no-repeat left 30px; }
.content .con .intro03 { background:url("/theme/henalhome/design/img/01_01company.jpg") no-repeat left 30px; }
.content .con .intro04 { background:url("/theme/henalhome/design/img/01_01company.jpg") no-repeat left 30px; }
.content .con .intro05 { background:url("/theme/henalhome/design/img/01_01company.jpg") no-repeat left 30px; }
.content .con .intro06 { background:url("/theme/henalhome/design/img/01_01company.jpg") no-repeat left 30px; }
.txt_green01 {display:block; margin:39px 0 0 0; color:#16773a; font-size:15px; line-height:34px;}
.txt_stit01 {display:block; margin:0 0 41px 0; color:#44413c; font-size:28px; line-height:34px;}
.txt_con {display:block; padding:0 0 0 350px; color:#75736f; font-size:110%; line-height:21px;background:url("/theme/henalhome/design/img/01_03ceo.jpg") no-repeat left top;}
.txt_con em {color:#2c2c2a; font-size:110%; line-height:21px;}
.tab { display:block; overflow: hidden; height:39px;padding:0 0 1px; background: url("../image/ck_brand_info/bg_tab.gif") repeat-x left bottom;}
.tab li {float: left;height:39px; width:237px; margin-left:4px;}
.tab li:first-child {margin-left:0}
.tab li a { display:block; height:38px; width:216px; padding:0 0 0 20px; color:#9f9f98; font-size:110%; line-height:38px; border:1px solid #e1e1d8; border-bottom:none;  background-color:#f4f3e9;}
.tab li a.on, .tab li a:hover {height:38px;color:#16773a; border:1px solid #16773a; border-bottom:1px solid #fafaf0; background:#fafaf0 url("../image/ck_brand_info/bg_tab_on.png") no-repeat 209px center;}
.his_txt01 {height:147px;padding:10px 0 0; margin:50px 0 0 0; display:block;color:#44413c; font-size:28px; line-height:36px;background:url("/theme/henalhome/design/img/01_04history.jpg") no-repeat right top;}
.his_tbl {width:100%; border-collapse: collapse; border-spacing: 0;}
.his_tbl th {padding:19px 0 0 0; color:#44413c; text-align:left; font-size:20px; line-height:24px;vertical-align:top; border-right:1px solid #e1e1d8;border-bottom:1px solid #e1e1d8;  }
.his_tbl td {padding: 15px 0 13px 28px; color:#83837e;font-size:110%; line-height:24px;border-bottom:1px solid #e1e1d8; vertical-align:top}
.his_tbl td em {display:inline-block; margin:0 14px 0 0; color:#16773a; font-size:110%; line-height:24px;}
.his_tbl td span {display:block; text-indent:30px; color:#83837e; font-size:110%; line-height:24px;}
.aw_dl {display:block; overflow: hidden; width:720px; padding:25px 0 30px 0; border-bottom:1px solid #e1e1d8; }
.content .con .aw_dl img { float:left; margin-right:30px; width:125px; height:161px;}
.content .con .aw_dl dt { display:block; overflow: hidden; margin:0 0 3px; color:#44413c; font-size:20px; line-height:26px;}
.content .con .aw_dl dd { display:block; overflow: hidden;color:#75736f; font-size:110%; line-height:20px;  }
.content .con .aw01 { background:url("../image/ck_brand_info/award_icon01.jpg") no-repeat left 30px; }
.content .con .aw02 { background:url("../image/ck_brand_info/award_icon02.jpg") no-repeat left 30px; }
.content .con .aw03 { background:url("../image/ck_brand_info/award_icon03.jpg") no-repeat left 30px; }
.content .con .aw04 { background:url("../image/ck_brand_info/award_icon04.jpg") no-repeat left 30px; }
.content .con .aw05 { background:url("../image/ck_brand_info/award_icon05.jpg") no-repeat left 30px; }
.content .con .aw06 { background:url("../image/ck_brand_info/award_icon06.jpg") no-repeat left 30px; }
.content .con .aw07 { background:url("../image/ck_brand_info/award_icon07.jpg") no-repeat left 30px; }
.content .con .aw08 { background:url("../image/ck_brand_info/award_icon08.jpg") no-repeat left 30px; }
.content .con .aw09 { background:url("../image/ck_brand_info/award_icon09.jpg") no-repeat left 30px; }
.content .con .aw10 { background:url("../image/ck_brand_info/award_icon10.jpg") no-repeat left 30px; }
.aw_ul li {display:block; overflow: hidden; width:720px; padding:25px 0 25px 0; color:#44413c; font-size:20px; line-height:26px; border-bottom:1px solid #e1e1d8; }
.bi_dl {display:block; overflow: hidden; width:230px; margin:50px 0 0 0; padding:0 490px 40px 0; border-bottom:1px solid #e1e1d8;background:url("../image/ck_brand_info/bi_icon01.jpg") no-repeat right 9px; }
.content .con .bi_dl dt { display:block; overflow: hidden; margin:0 0 0px; color:#44413c; font-size:20px; line-height:38px;}
.content .con .bi_dl dd { display:block; overflow: hidden;color:#75736f; font-size:110%; line-height:21px;  }
.bi_dl2 {display:block; overflow: hidden; width:230px; margin:40px 0 0 0; padding:0 490px 40px 0; background:url("../image/ck_brand_info/bi_icon02.jpg") no-repeat right 9px; }
.content .con .bi_dl2 dt { display:block; overflow: hidden; margin:0 0 0px; color:#44413c; font-size:20px; line-height:38px;}
.content .con .bi_dl2 dd { display:block; overflow: hidden;color:#75736f; font-size:110%; line-height:21px;  }
.lo_dl { position:relative; width:720px; margin:30px 0 0 0;  }
.content .con2 .lo_dl dt { display:block; overflow: hidden; margin:0 0 0px; color:#44413c; font-size:20px; line-height:38px;}
.content .con2 .lo_dl dd { display:block; overflow: hidden;color:#75736f; font-size:110%; line-height:21px;  }
.content .con2 .lo_dl dd.btn {position:absolute; top:0px; right:0; }

article#mobilemenubar ul li.menutab{float:none;display:none;}
article#mobilemenubar ul li.menutab a.btn_mobile{display:none;}







.logobox .menus{
	color: #d2232d;
    width: 100%;
    position: absolute;
    /* right: 0px; */
    top: 64px;
    height: 35px;
}
.logobox .menus span.title{font-size:90%; font-weight:200;}
.logobox .menus p{font-size:170%; font-weight:900;}


/* 사이드바 */
.topsearch{position:relative;margin-top:25px}
.topsearch h2{position:absolute; line-height:0; left:-60px; top:15px; color:#00aabc; font-weight:900; font-size:90%;}
.topsearch .frm_input{width:100%;padding:6px 5px;height:35px; border:3px solid #01a8ba; border-radius:15px;}
.topsearch .btn_submit {width:28px; line-height:25px; color:#fff;border:none; position:absolute; bottom:0px; right:10px; text-indent:-9999px;}
.topsearch form{display:block; width:100%;}




/*menubar */
#menubar{clear:both; display:block; width: 100%;height:auto; background:#fff; position:relative; border-top: 0px solid #903d44; border-bottom: 0px solid #8c0b15;}

.menubar{display:block; width:100%;height:auto; margin:0 auto;}


.fixed {
    /*
position:fixed;
top: 0;
left: 0;
width: 100%;
height:38px;line-height:38px;
z-index:99999999999;
background: #f5f5f5!important;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), 0px 3px 8px rgba(0, 0, 0, 0.2);
    */
}







/*사이트맵 메뉴*/



#sitemapmenu{
width:100%;
height:auto;/*높이일괄*/
z-index:999999999;
padding:0 0 0px 0;
}
.sitemapmenu{width:100%; height:200px; padding:10px 0; }

.sitemapmenu ul.depth1 {float:right; display:block; width:100%; height:auto; text-align:center; margin-right:0px; margin-bottom:20px;}
.sitemapmenu ul.depth1 li.depth1{
    display: inline-block;
    width: 19%;
    height: 25px;/*높이일괄*/
    margin:0 3px;
    position: relative;
    border: 0;
}

.sitemapmenu ul.depth1 li.mmenu06{display:none;}
.sitemapmenu ul.depth1 li.depth1 a.depth1{display:block; font-size:140%; padding-bottom:5px; margin-bottom:10px; text-align:left; border-bottom:2px solid #222; }
.sitemapmenu ul.depth1 li.depth1 a.mobilemenu{display:none;}

.sitemapmenu ul.depth2 {display:block; width:100%; height:auto; z-index:999999; color:#fff; }
.sitemapmenu ul.depth2 li.depth2 {display:block; width:100%; height:22px; line-height:22px; border-bottom:1px solid #dbdbdb;}
.sitemapmenu ul.depth2 li.depth2 a.hdbtn{display:block;}
.sitemapmenu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:100%; text-align:left; text-indent:10px; font-size:98%; color:#777;}
.sitemapmenu ul.depth2 li.depth2.on a.depth2 {color:#333; font-weight:900;}
.sitemapmenu ul.depth2 li.depth2 a.depth2 span.totalpost{display:none; border-radius:3px; background:#f60; color:#fff; padding:0 3px; text-align:center;} /*토탈*/
.sitemapmenu ul.depth2 li.depth2:hover a.depth2{color:#111;}
.sitemapmenu ul.depth2 li.depth2 b{color:#01a8ba; margin-right:3px;}
.sitemapmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}

.sitemapmenu ul.depth3 li.depth3 {display:block; width:100%; height:18px; line-height:18px; text-align:left;}
.sitemapmenu ul.depth3 li.depth3 a.depth3{display:block; width:100%; height:100%; color:#fff; font-size:11px; text-indent:30px; font-weight:normal; }
.sitemapmenu ul.depth2 li.depth3:hover a.depth3{color:#f8f8f8;}





/*mobilemenubar */




article#mobilemenubar{display:block; width:100%;height:auto; margin:0 auto;}






/*회원가입*/
ul.joinenter{padding:50px 0; text-align:center; overflow:hidden;}
ul.joinenter li{border-radius:5px; border:1px solid #01a8ba; display:inline-block; width:45%; height:auto; padding:20px 0;}
ul.joinenter li a{display:block; width:100%; height:100%; font-size:120%; color:#555;}
ul.joinenter li:hover{background:#01a8ba;}
ul.joinenter li.active{background:#01a8ba;}
ul.joinenter li:hover a{color:#fff;}
ul.joinenter li a span i{font-size:300%; color:#333;}
ul.joinenter li:hover a p i{color:#fff;}












/*search*/
section#search{border-bottom:1px solid #dbdbdb; height:30px;}
section#quickmenubar{width:100%;height:22px; border-bottom:1px solid #dbdbdb; }
article#quickmenubar{width:1200px;height:auto; margin:0 auto;}
article#quickmenubar form{display:block; width:100%; height:auto; }
article#quickmenubar input.searchform{float:left; width:264px; height:42px; line-height:42px; display:block; text-indent:10px; color:#333; background:#e5ebe4; border:none;}
article#search input.searchsubmit{float:right; width:57px; height:42px; line-height:42px; display:block; background:#004C98; color:#fff; cursor:pointer; border:none;}

ul.lang{float:left;}
ul.lang li{display:inline-block; width:auto; height:30px; line-height:30px; margin:0 2px; padding:0 2px; text-align:center; font-size:85%;}


article#search{display:none; width:1200px; margin:0 auto; padding: 5px 0;}
article#search form{display:block; width:100%; height:auto; }
article#search input.searchform{float:left; width:70%; height:35px; line-height:35px; display:block; text-indent:10px; color:#333; background:#e5ebe4; border:1px solid #dbdbdb; margin-right:0px;}
article#search input.searchsubmit{float:right; width:25%; height:35px; line-height:35px; display:block; background:#282828; color:#fff; cursor:pointer; border:none;}


.subpagetit{display:inline-block; line-height:23px; font-size:100%; text-indent:10px; font-weight:900;}


/*subtitle*/
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;}
/*subtitle end*/





.mainimg {/*background:url("/theme/henalhome/design/img/mainimg.jpg") top center no-repeat; */ width:100%; height:1638px; }




/*sidecontents*/
.sidemenu ul.sidecontents{position:absolute; top:0; left:-1000px; display:block; width:1000px; height:100%;
background:#444;}
.sidemenu ul.sidecontents li.depth1{display:block; width:100%; height:100%; padding:0;}
.sidemenu ul.sidecontents li.depth1 h4{display:none;}
.sidemenu ul.sidecontents li.depth1 ul{display:block; max-width:100%; height:100%; background:url("/design/img/bg_sidecontents_allmine.gif") center center no-repeat;}
.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;}
.sidemenu ul.sidecontents li.depth1 ul li.text b{color:#e81d25; text-decoration:underline;}

.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);
}
.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);
}
.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끝*/

/*메인_사이드메뉴*/


a.sidemenuclose{position:absolute; right:-60px; top:0; display:block; width:60px; height:60px; line-height:60px; background:#e81d25; color:#fff; text-align:Center; font-size:300%;}
a.sidemenuopen{position:absolute; right:-60px; top:0; display:block; width:60px; height:60px; line-height:60px; background:#e81d25; color:#fff; text-align:Center; font-size:300%;}

.sidemenu ul.sidemenu{position:absolute; top:0; left:0; display:block; width:100%; height:auto; text-align:center; padding:20px 0;}
.sidemenu ul.sidemenu li{
display:inline-block;
width:65px;
height:auto;
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;
padding:10px;
}

.sidemenu ul.sidemenu li.beforeclose1, .sidemenu ul.sidemenu li.beforeclose2, .sidemenu ul.sidemenu li.beforeclose3{display:none;}
.sidemenu ul.sidemenu li a.beforeclose1, .sidemenu ul.sidemenu li a.beforeclose2, .sidemenu ul.sidemenu li a.beforeclose3{display:none;}

.sidemenu ul.sidemenu li:hover{
border-top:2px solid #e81d25;
border-bottom:2px solid #e81d25;
border-left:2px solid #e81d25;
border-right:2px solid #e81d25;
}
.sidemenu ul.sidemenu li a{display:block; width:100%; height:100%; color:#fff;}
.sidemenu ul.sidemenu li a:hover{color:#fff;}

.sidemenu ul.sidemenu li i{display:block; font-size:250%; padding-bottom:5px;}

.sidemenu ul.sidemenu li.ico_modify{background:#727171 url("/design/img/ico_sidemenu_modify.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_modify:hover{background:#2b2b2b url("/design/img/ico_sidemenu_modify.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_logout{background:#727171 url("/design/img/ico_sidemenu_logout.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_logout:hover{background:#2b2b2b url("/design/img/ico_sidemenu_logout.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_login{background:#727171 url("/design/img/ico_sidemenu_login.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_login:hover{background:#2b2b2b url("/design/img/ico_sidemenu_login.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_join{background:#e81d25 url("/design/img/ico_sidemenu_join.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_join:hover{background:#2b2b2b url("/design/img/ico_sidemenu_join.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_maintenance{background:#727171 url("/design/img/ico_sidemenu_maintenance.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_maintenance:hover{background:#2b2b2b url("/design/img/ico_sidemenu_maintenance.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_solution{background:#727171 url("/design/img/ico_sidemenu_solution.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_solution:hover{background:#2b2b2b url("/design/img/ico_sidemenu_solution.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_receipt{background:#727171 url("/design/img/ico_sidemenu_money.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_receipt:hover{background:#2b2b2b url("/design/img/ico_sidemenu_money.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_notice{background:#727171 url("/design/img/ico_sidemenu_notice.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_notice:hover{background:#2b2b2b url("/design/img/ico_sidemenu_notice.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_schedule{background:#727171 url("/design/img/ico_sidemenu_schedule.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_schedule:hover{background:#2b2b2b url("/design/img/ico_sidemenu_schedule.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_admin{background:#727171 url("/design/img/ico_sidemenu_admin.png") center 20px no-repeat;}
.sidemenu ul.sidemenu li.ico_admin:hover{background:#2b2b2b url("/design/img/ico_sidemenu_admin.png") center 20px no-repeat;}



/* @import url("./hn_common_m.css");*/

#hiddenmenu{display:none;}
@media(max-width:1200px){
#hiddenmenu {display:none !important; }
}

@media(max-width:768px){
/*모바일 하단버튼*/
#hiddenmenu {position:fixed; bottom:0; display:none; width:100%; height:auto; z-index:9999999999999; }
ul.bottommenu{display:block !important;}
ul.bottommenu li{
float:left;
width:25%;
height:auto;
color:#fff;
text-align:center;
border-left:1px solid #000;
border-right:1px solid #666;
border-top:1px solid #666;
background:#333;
padding:10px 0;
}

ul.bottommenu li:last-child{
border-right:0;
}
ul.bottommenu li a{display:block; width:100%; height:100%; color:#fff;}
ul.bottommenu li a ion-icon{font-size:230%;}
/*모바일 하단버튼*/

}