/* NON WINDOWS */
.ui-icon-s_main {margin: 0 auto; width: 100%; padding-top: 25px; overflow:hidden; background-color: #f5f5f5;}

.ui-icon-s_main ul li { float:left; width:33%; text-align:center;}

.ui-icon-s_main ul li .maicon {display: inline-block; width: 62px; height: 83px; overflow:hidden; margin:0 0 12px 0; text-align:center;}
.ui-icon-s_main ul li .maicon2 {display: inline-block; width: 67px; height: 83px; overflow:hidden; margin:0 0 12px 0; text-align:center;}


.ui-icon-s_product, .ui-icon-s_economy, .ui-icon-s_rate,
.ui-icon-s_member, .ui-icon-s_gold,
.ui-icon-s_open, .ui-icon-s_charge, .ui-icon-s_customer {
	display:block; width: 62px; height: 83px;
	background-image: url(http://img.shinhan.com/new_hpe/mApp/sh_main_icon5.png);
	-moz-background-size: 1054px 83px;
	-o-background-size: 1054px 83px;
	-webkit-background-size: 1054px 83px;
	background-size: 1054px 83px;
}

.ui-icon-s_smart {
	display:block; width: 67px; height: 83px;
	background-image: url(http://img.shinhan.com/new_hpe/mApp/sh_main_icon5.png);
	-moz-background-size: 1054px 83px;
	-o-background-size: 1054px 83px;
	-webkit-background-size: 1054px 83px;
	background-size: 1054px 83px;
}

/* product economy rate */
.ui-icon-s_product {
	background-position: -0px 50%;border:solid 0;
}
.ui-icon-s_economy {
	background-position: -124px 50%;border:solid 0;
}
.ui-icon-s_rate {
	background-position: 	-248px 50%;border:solid 0;
}

/* member smart gold */
.ui-icon-s_member {
	background-position: 	-372px 50%;border:solid 0;
}
.ui-icon-s_smart {
	background-position: 	-494px 50%;border:solid 0;
}
.ui-icon-s_gold {
	background-position: 	-620px 50%;border:solid 0;
}

/* open charge customer */
.ui-icon-s_open {
	background-position: 	-744px 50%;border:solid 0;
}
.ui-icon-s_charge {
	background-position: 	-868px 50%;border:solid 0;
}
.ui-icon-s_customer {
	background-position: 	-992px 50%;border:solid 0;
}




#gallery {text-align:center;}

.ui-icon-s_sub {border-bottom:1px solid #dcddde; border-top:1px solid #dcddde; width: 100%; position: inherit;  padding-top:5px; overflow:hidden; background-color: #f8f8f8;}

.ui-icon-s_sub ul li div {float:left; width:20%; text-align:center;}

.ui-icon-s_sub ul li .maicon {display: inline-block;; width: 52px; height: 46px; padding: 0 5px; overflow:hidden; margin:5px 0 0 0; text-align:center; position: inherit;}


.ui-icon-sub_Sbank, .ui-icon-sub_moneymentor, .ui-icon-sub_fund,
.ui-icon-sub_mission, .ui-icon-sub_smail, .ui-icon-sub_chongmu,
.ui-icon-sub_mini, .ui-icon-sub_coupon, .ui-icon-sub_zipsise,
.ui-icon-sub_couple, .ui-icon-sub_ebond, .ui-icon-sub_zoomoney,
.ui-icon-sub_biz, .ui-icon-sub_mirae, .ui-icon-sub_pension {
	display:block; width:52px; height:46px;
	background-image: url(http://img.shinhan.com/new_hpe/mApp/sh_sub_icon3.png);
	-ms-background-size: 1486px 46px;
	-moz-background-size: 1486px 46px;
	-o-background-size: 1486px 46px;
	-webkit-background-size: 1486px 46px;
	background-size: 1486px 46px;
}


/* page 1 */
.ui-icon-sub_Sbank {
	background-position: 	-0px 50%;border:solid 0;
}
.ui-icon-sub_moneymentor {
	background-position: 	-103px 50%;border:solid 0;
}
.ui-icon-sub_fund {
	background-position: 	-205px 50%;border:solid 0;
}
.ui-icon-sub_mission {
	background-position: 	-307px 50%;border:solid 0;
}
.ui-icon-sub_smail {
	background-position: 	-410px 50%;border:solid 0;
}

/* page 2 */
.ui-icon-sub_chongmu {
	background-position: 	-513px 50%;border:solid 0;
}
.ui-icon-sub_mini {
	background-position: 	-615px 50%;border:solid 0;
}
.ui-icon-sub_coupon {
	background-position: 	-718px 50%;border:solid 0;
}
.ui-icon-sub_zipsise {
	background-position: 	-820px 50%;border:solid 0;
}
.ui-icon-sub_couple {
	background-position: 	-923px 50%;border:solid 0;
}

/* page 3 */
.ui-icon-sub_ebond {
	background-position: 	-1025px 50%;border:solid 0;
}
.ui-icon-sub_zoomoney {
	background-position: 	-1127px 50%;border:solid 0;
}
.ui-icon-sub_mirae {
	background-position: 	-1227px 50%;border:solid 0;
}


/* 2013.01.10 */
.ui-icon-sub_biz {
	background-position: 	-1331px 50%;border:solid 0;
}

/* 2013.01.18 */
.ui-icon-sub_pension {
	background-position: 	-1435px 50%;border:solid 0;
}


#position {  text-align:center;  font-size:40px;  line-height:0.9;  color:#bfbfbf;  display:block;  position:relative;  top:0; text-align:center;  width:100%;}
#position em {  display:inline-block;  font-style:normal;  text-shadow: 0 -1px 0 rgba(0,0,0,.35);  font-family:sans-serif;}
#position em.on {  color:#d9b564;}

.ui-prev {display:inline-block; width:11px; height:19px; background-image: url(http://img.shinhan.com/new_hpe/mApp/a_l.png); background-size: 11px 19px; z-index: 999;}
.ui-next {display:inline-block; width:11px; height:19px; background-image: url(http://img.shinhan.com/new_hpe/mApp/a_r.png); background-size: 11px 19px; z-index: 999;}


#mainhd {padding:0 16px 0 5px;height:47px; background-color: #f6f6f6;}
#mainhd .slogo {display:block;float:left;margin:11px 0 0 0;}
#mainhd .siteMap {display:block; width: 100%; float:right; margin:13px 0 0 3px; width:74px;height:24px;background:url(http://img.shinhan.com/new_hpe/mApp/selectBox.png) no-repeat left top; background-size: 74px 24px;}
#mainhd .siteMap a {display:block;padding:4px 0 0 6px;font-size:12px;letter-spacing:-1px;}


.ui-icon-hd_f, .ui-icon-hd_t {
	display:block; width:24px; height:24px;
	float:right; margin:13px 0 0 3px;
	background-image: url(http://img.shinhan.com/new_hpe/mApp/selectSNS.png);
	-ms-background-size: 51px 24px;
	-moz-background-size: 51px 24px;
	-o-background-size: 51px 24px;
	-webkit-background-size: 51px 24px;
	background-size: 51px 24px;
}

/* header */
.ui-icon-hd_f {
	background-position: 	-0px 50%;border:solid 0;
}
.ui-icon-hd_t {
	background-position: 	-27px 50%;border:solid 0;
}


.mainIconFx {position:relative;margin-top:0; padding-left:10px; background-color: #456ec9;}
.mainIconFx #infoBar { width: 100%; height: 33px; color: #fff; font-size: 12px; text-align:center;}
.mainIconFx #infoBar dl { width: 100%; height: 33px; position: relative; overflow: hidden; text-align:center;}
.mainIconFx #infoBar dl dt { height: 33px; text-shadow: #18246a 0 -1px 0; margin: 0 0 0 10px; padding-right: 10px; float: left; font-weight: bold; overflow: hidden; line-height: 33px;}
.mainIconFx #infoBar dl dd { height: 33px; text-shadow: #18246a 0 -1px 0; float: left; overflow: hidden; white-space: nowrap; position: relative; }
.mainIconFx #infoBar dl dd p { height: 33px; line-height: 34px; }
.mainIconFx #infoBar dl dd p span { height: 33px; line-height: 33px; }
.mainIconFx #infoBar dl dd p span b { display: inline-block; margin: 0 3px 0 15px; }
.mainIconFx #infoBar0 { display: block; }
.mainIconFx #infoBar0 dt { margin-right: 10px !important; }
.mainIconFx #infoBar0 dd { width: 125px; }
.mainIconFx #infoBar1 { display: none; }
.mainIconFx #infoBar1 dd { width: 245px; }
.mainIconFx #infoBar2 { display: none; }
.mainIconFx #infoBar2 dd { width: 245px; }