/*서브비주얼*/
#hnn-svis {z-index:0;width:100%; height:200px; overflow:hidden; z-index:1;}
#hnn-svis img {position:relative;display:block;left:50%;margin-left:-1000px;}


/*서브메뉴*/
#hnn-sub-tab {border: 1px solid #b3b3b3; border-width: 1px 0; font-size: 0; text-align: center;}
#hnn-sub-tab ul:after {content: ""; display: block; clear: both; }
#hnn-sub-tab li {display: inline-block; line-height: 50px; text-align: center; position: relative; width: 16.66666666666667%;}
#hnn-sub-tab li,
#hnn-sub-tab li a {font-size: 15px; letter-spacing: -0.1em; color: #777;}
#hnn-sub-tab li a {display: block;}
#hnn-sub-tab li:hover a,
#hnn-sub-tab li.active a {color: #d92027;}
#hnn-sub-tab li:hover:after,
#hnn-sub-tab li.active:after {content: ""; display: block; position: absolute; bottom: -1px; left: 50%; margin-left: -63px;width: 126px; height: 2px; background:#d92027; }


/* 서브탑 정보 */
.hnn-sub-top {margin-top: 50px;}
.hnn-sub-top:after {content: ""; display: block; clear: both;}
.hnn-stit	{font-weight: normal; font-weight: 500; font-size: 32px; color: #000; letter-spacing: -0.075em; float: left;}
.hnn-root {float: right; margin-top: 5px;}
.hnn-root:after {content: ""; display: block; clear: both;}
.hnn-root li {float: left; font-size: 13px; color: #777; letter-spacing: -0.07em; background: url(../images/navi-arrow.gif) 0 3px no-repeat; padding: 0 8px; position: relative;}
.hnn-root li:first-child {padding-left: 0; background: none;}
.ico-home {background-position: -32px 0; width: 14px; height: 13px; display: inline-block; position: absolute; top: -1px; left: -18px;}
.hnn-root li strong {font-weight: normal; color: #111;}
/* 컨텐츠 */
#hnn-content {position:relative;padding:60px 0 100px;z-index:0; min-height:350px;}





/*============================
/*연혁
=============================*/
.history-wrap {
	position:relative;
	border-bottom:2px solid #1a1a1a;
	position:relative;
}
.history-tab {
	position:relative;
	height:42px;
}
.history-tab:after  {
	content:"";
	clear:both;
	display:block;
}
.history-tab li {
	float:left;
	z-index:1;
	text-align:center;
}
.history-tab li a {
	display:block;
	width:240px;
	height:40px;
	border:1px solid #d3d4d9;
	border-bottom:0;	font-size:15px;
	color:#474646;
	line-height:40px;
	background:#ebf1f7;

}

.history-tab li a.on {
	height:50px;
	line-height:50px;
	font-size:18px;
	font-weight:600;
	color:#1a1a1a;
	background:#fff;
	border:2px solid #272d39;
	border-bottom:2px solid #fff;
	z-index:1;
	position:relative;
	bottom:9px;
}


.history-tit {
	font-size:26px;
	font-weight:600;
	color:#1b6fbd;
	line-height:35px;
}
.history-tit span {
	display:block;
	font-size:18px;
	color:#353535;
	font-weight:normal;
}

.history-cont {margin-top:30px;}
.history-cont li {
	width:100%;
	position:relative;
	padding-top:30px;
}
.history-cont li:before {
	content:"";
	position:absolute;
	top:0;
	left:23px;
	width:1px;
	height:100%;
	background:#e4e3e3;
	z-index:0;
}

.history-cont li:after {
	content:"";
	display:block;
	clear:both;
}
.history-cont li:first-child {padding-top:0;}

.history-cont .history-year {
	position:relative;
	background:url(../images/history-dot.gif) 18px 5px no-repeat;
	width:120px;
	float:left;
	color:#1b6fbd;
	font-size:22px;
	font-weight:600;
	text-indent:45px;
	z-index:1;
}

.history-cont .history-txt {
	width:850px;
	float:left;
	line-height:24px;
}


/* ========================
*       가맹점단
* ========================*/
/* 가맹점 뷰 */
.store_view {}
.s_viewTop {border: 1px solid #edebeb;}
.s_viewTop:after {content: ""; display: block; clear: both;}
.s_viewTop-lef {float: left; background: #f7f5f2; padding: 15px 0; width: 550px; }
.s_viewTop-rig {float: right; width: 410px; margin-right: 90px; }

.big_img {float: left;margin-left:60px;}
.thum_img {float: left; margin-left: 5px;}
.thum_img li {margin-bottom: 5px;}
.store_tbl {width: 425px; border-bottom: 1px solid #edebeb; margin-top: 25px; margin-bottom: 30px;}
.store_tbl th,
.store_tbl td {font-size: 15px; padding-bottom: 15px; font-weight: normal;}
.store_tbl th {color: #666; text-align: left;}
.store_tbl td {color: #888;}
.store_api,
.store_road {width: 100%; height: 560px;}
.store_api {margin-top: 30px; background: #000;}
.store_road {margin-top: 20px; background: #000;}

.store_tbl tr th { letter-spacing: -0.075em;}

.store-list {margin-top: 58px;}
.store-list tr td.store_lef {text-align: left;}
.store-list tr td a{color: #ea5516; letter-spacing: -0.05em;}

.store-form {display:inline-block;border:1px solid #e8e7e4; background: #fff;}
input.store-form {line-height:32px;text-indent:5px;height:32px;}
select.store-form {height:33px;}
textarea.store-form {height:33px;height:95px;width:100%;box-sizing:border-box;}

/* store 지도보기 */
.store_search_map{position:relative;width:491px;height:348px}
.store_search_map > div{position:absolute;top:0;left:0;	text-align: center;}
.store_search_map .city01 a{
	display:block;
	position:absolute;
	width:34px;
	height:11px;
	text-indent:-99999px;
	background:url(../images/map_hit_bg.png) repeat;
}
.store_search_map .city01 a.data01{top:94px;left:193px}
.store_search_map .city01 a.data02{top:68px;left:249px}
.store_search_map .city01 a.data03{top:131px;left:172px}
.store_search_map .city01 a.data04{top:117px;left:227px}
.store_search_map .city01 a.data05{top:192px;left:190px}
.store_search_map .city01 a.data06{top:246px;left:175px}
.store_search_map .city01 a.data07{top:148px;left:272px}
.store_search_map .city01 a.data08{top:216px;left:249px}
.store_search_map .city01 a.data09{top:312px;left:158px}
.store_search_map .city01 a.data10{top:71px;left:334px}

.store_search_map .city01 span a:hover,
.store_search_map .city01 span a.active {
	content:""; display:block;  width:491px; height:348px;
	background:url(../images/store_list_map_bg1.gif) 0 0 no-repeat;
	position:absolute; top:0; left:0;
}

.store_search_map .city02 a{display:block;position:absolute;width:36px;height:36px;font-size:11px;color:#fff;line-height:36px;background:url(../images/store_list_map_circle_bg.png) left bottom no-repeat}
.store_search_map .city02 a.data01{top:44px;left:188px}
.store_search_map .city02 a.data02{top:69px;left:139px}
.store_search_map .city02 a.data03{top:139px;left:201px}
.store_search_map .city02 a.data04{top:171px;left:263px}
.store_search_map .city02 a.data05{top:182px;left:312px}
.store_search_map .city02 a.data06{top:229px;left:292px}
.store_search_map .city02 a.data07{top:217px;left:197px}
.store_search_map .city02 a.data08{top:84px;left:188px}
.store_search_map .city02 a.data09{top:55px;left:248px}
.store_search_map .city02 a.data10{top:119px;left:169px}
.store_search_map .city02 a.data11{top:108px;left:226px}
.store_search_map .city02 a.data12{top:178px;left:186px}
.store_search_map .city02 a.data13{top:235px;left:165px}
.store_search_map .city02 a.data14{top:133px;left:271px}
.store_search_map .city02 a.data15{top:205px;left:245px}
.store_search_map .city02 a.data16{top:297px;left:155px}
.store_search_map .city02 a.data17{top:54px;left:334px}
.store_search_map .city02 a:hover,
.store_search_map .city02 a.active{background-position:left top;color:#fff}
.store_search_input{width:405px;text-align:left;padding:0 30px 0 40px}
.store_search_input h3{color:#444;padding-bottom:10px}
.store_search_input > div{margin-top:30px}
.store_search_input table.last{border-bottom:none}

.store_search_input{width:405px;text-align:left;padding:0 30px 0 40px}
.store_search_input h3{color:#444;padding-bottom:10px}
.store_search_input > div{margin-top:30px}
.store_search_input table.last{border-bottom:none}
.store_tbl tr th {font-size: 14px;}