@charset "euc-kr";
@import url('/common/css/biz/reset.css'); /* ¼Ó¼ºÃÊ±âÈ­ */
@import url('/common/css/biz/module.css'); /* ¸ðµâÅ¸ÀÔ */
@import url('/common/css/biz/global.css'); /* °øÅë Àü¿ª ½ºÅ¸ÀÏÀ» Á¤ÀÇ */
@import url('/common/css/biz/board.css'); /* °Ô½ÃÆÇ, µ¥ÀÌÅÍÅ×ÀÌºí Á¤ÀÇ */

.mymenubarcontrol a { background-image:url('/images/biz/hpp/etc/btn_mymenu_close.png'); }
.mymenubarcontrol a.close { background-image:url('/images/biz/hpp/etc/btn_mymenu_open.png'); }

/* layout */
.sidebar .menu	{height: 470px; position:absolute; top:0px; left:0; z-index:100; }
.sidebar .menu .inner	{height: 470px; }
.smartoffer { margin: 350px 0 0 0; }
.customer	 { border-top:1px solid #e0e0e0; text-align: center; margin: 10px 0 0 0;}


.exclusivemenu	{margin: 0 0 30px 0;}
.exclusivemenu ul	{border-bottom: 1px solid #e0e0e0;}
.exclusivemenu ul li	{border: 1px solid #ededf1; border-bottom: 0 none; background: #f6f7f8; zoom: 1;}
.exclusivemenu ul li a, .exclusivemenu ul li a:link, .exclusivemenu ul li a:visited	{font-size: 11px; font-weight: bold; letter-spacing: -1px; line-height: 1.1; display: block; padding: 9px 0 7px 23px; background:  url('/images/biz/hpp/bul/dash_05_close.gif') no-repeat 11px 11px; color: #808080; text-decoration: none; height: 1%; }
.exclusivemenu ul li a:hover	{color: #808fb8;}
.exclusivemenu ul li.visible a	{background-image:  url('/images/biz/hpp/bul/dash_05_on.gif'); color: #808fb8;}
.exclusivemenu ul li.hidden a	{background-image:  url('/images/biz/hpp/bul/dash_05_open.gif');}
.exclusivemenu ul li ul	{border: 0 none;  border-top: 1px solid #ededf1; background: #fff; padding: 9px 0 10px 0; }
.exclusivemenu ul li.visible ul	{display: block;}
.exclusivemenu ul li.hidden ul	{display: none;}
.exclusivemenu ul li ul li	{border: 0 none; background: #fff;}
.exclusivemenu ul ul li a, .exclusivemenu ul ul li a:link, .exclusivemenu ul ul li a:visited, .exclusivemenu ul li.visible li a, .exclusivemenu ul li.visible li a:link, .exclusivemenu ul li.visible li a:visited	{font-weight: normal; padding: 5px 0 2px 24px; background: url('/images/biz/hpp/bul/square_13.gif') no-repeat 17px 10px; color: #6d6d6d; height: 1%; }
.exclusivemenu ul ul li a:hover, .exclusivemenu ul li.visible li a:hover, .exclusivemenu ul ul li a.on:link, .exclusivemenu ul ul li a.on:visited	{color: #7fa5d3;}



.paragraph {
	line-height:1.5;
}

/* default board */
/* .boardlist, .boardview, .boardwrite	{border-top-color: #d0d4dd;} */

/* default board list */
/*
.boardlist th, .boardlist td	{border-left-color: #e1e2e4;}
.boardlist thead th	{
	background: #f9fafc;
	color: #54708c;
	border-bottom-color: #cbd7dd;
}
.boardlist thead tr.even th	{background: #eaeef3;}
.boardlist tr.section_row th, .boardlist tr.section_row td	{
	background: #f0f6f7;
	color: #5c6a99;
}
.boardlist tr.section_row td	{
	text-align: right;
}
.boardlist td.section	{
	background: #f9fafc;
	color: #0054a9;
}
.boardlist .center {
	text-align:center;
}
.boardlist tfoot tr td {
	background-color: #f9fafc;
}
*/

/* default board view */
/*.boardview th	{
	background: #fafafa;
	color: #747474;
}
.boardview thead th	{border-bottom-color: #cbd7dd;}*/
.boardview td.section	{
	background: #f9fafc;
	color: #0054a9;
}
.boardview td.section2	{background: #f9fafc;}
.boardview td .radiolist_fl li {float:left; width:180px;}

/* default board write */
/*.boardwrite th	{
	background: #fafafa;
	color: #747474;
}
.boardwrite thead th	{border-bottom-color: #cbd7dd;}

.datatabletype3	{border-top-color: #8899b7;}
.datatabletype3 thead th	{
	background: #f9fafc;
	color: #668599;
}*/

/* page navigation */
/*.pagenavi .pagination, .pagenavi .pagination strong, .pagenavi .pagination a	{color: #8fa2b5;}*/
.pagenavi .pagination strong	{color: #93a0c3;}

.pagenaviN {color: #93a0c3; margin-bottom:100px; text-align:center; width:100%;}

/* ´Þ·Â ·¹ÀÌ¾î ÆË¾÷ */
.calendarlist .calendarlist-lpopup	{background: #c2c2c2;}
.calendarlist .inner	{
	background-image: url('/images/biz/hpp/etc/bg_calendar_s.gif');
	border-color: #e2e2e2;
}
.calendarlist caption	{color: #0381c7;}
.calendarlist td a:hover, .calendarlist td a.current	{
	color: #fff;
	background: #6586a7;
}

.stabmenu ul li.current	{background: #8ca6cf;}
h5, h2.heading5, h3.heading5, h4.heading5, h5.heading5	 {
	background-image: url('/images/biz/hpp/bul/h5.gif');
	color: #375a7f;
}
h6, h2.heading6, h3.heading6, h4.heading6, h5.heading6	 {background-image: url('/images/biz/hpp/bul/h6.gif');}

.msg_warning	{background-image: url('/images/biz/hpp/icon/msg_warning.gif');}
.msg_warning em	{color: #fa6a00;}

.msg_warning02	{padding-left:16px;background:url('/images/biz/hpp/icon/msg_warning02.gif') no-repeat 0 0;color:#737980;}
.msg_warning02 em	{color: #5286b8;}

.pop_evtquiz .inner {padding:9px;}
.pop_evtquiz .inner .quiz_cont {padding-left:34px;background:url('/images/biz/hpp/icon/evtquiz.gif') no-repeat 0 0;font-size:11px;color:#737980;line-height:1.3;}

.lastcont {margin-bottom:0;}
/* ´ëºÐ·ù
----------------------------------------------------------- */

/* Step */
.process-step img {vertical-align: top;}

.annual_cardfee_best5 {padding:19px 0 5px;border-top:2px solid #8eadcb;zoom:1;border-bottom:2px solid #e1e2e3;zoom:1;}
.annual_cardfee_best5:after {content:" ";display:block;visibility:hidden;clear:both;}
.annual_cardfee_best5 .list{float:left;width:439px;margin-bottom:-15px;}
.annual_cardfee_best5 .graphic_chart{float:left;width:289px; margin-bottom: 10px;}
.annual_cardfee_best5 .no{float:left;width:66px;padding-top:4px;text-align:center;}
.annual_cardfee_best5 .info{float:left;width:232px;margin-right:9px;line-height:20px;}
.annual_cardfee_best5 .telephone{float:left;width:105px;padding-top:27px;text-align:left;}
.annual_cardfee_best5 li {margin-bottom:16px;zoom:1;}
.annual_cardfee_best5 li:after {content:" ";display:block;visibility:hidden;clear:both;}
.annual_cardfee_best5 li img{vertical-align:middle;}
.annual_cardfee_best5 li .title{color:#51639c;font-weight:bold;}
.annual_cardfee_best5 li .address{margin:5px 0 0 0; padding:0 0 0 16px; position:relative; height:1%;}
.annual_cardfee_best5 li .address img{position:absolute; top:3px; left: 0;}
.year_h2 .textpoint01 {margin-right:2px;font:"Verdana";font-size:16px;font-weight:normal;}
#article #contents .year_h2 img {vertical-align:bottom;}

.phasewrap .visible h2	{background-image: url('/images/biz/hpp/etc/bg_phasewrap_h2_on.gif');}


.phasewrapON  {
  background-image: url('/images/biz/hpp/etc/step_on_bg.gif');
	padding: 5px 0 5px 19px;
	margin: 0;
	font-size: 12px;
	height: 41px;

}

.phasewrapOFF  {
  background-image: url('/images/biz/hpp/etc/step_off_bg.gif');
	padding: 5px 0 5px 19px;
	margin: 0;
	font-size: 12px;
	height: 41px;

}



.top-step  {
	margin: 0 0 50px 0;
	font-size: 12px;
	height: 41px;

}


.agree_tb  {
	padding: 0px 0 0px 5px;
}


/* ¸í¼¼¼­ */
.statement {width:100%; margin-bottom: 20px;}
.statement:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .statement {height: 1%;}

.statement .left {
	float: left;
	width: 345px;
}
.statement .right {
	float: right;
	width: 345px;
}
.statement h2 {
	margin: 0 !important;
	border-bottom: 1px solid #d0d4dd;
	height: 24px;
}
.statement  ul {overflow: hidden; width:320px; background: #fafafa; padding: 0 12px 0 13px; }
.statement  ul li {overflow: hidden; clear: both;}
.statement  ul li img {vertical-align: middle;}
.statement  ul li .tit {
	float: left;
	width: 100px;
	padding: 15px 0 0 0;
	margin: 0;
	text-align: left;
	color: #595959;
}
.statement  ul li .price {
	float: right;
	text-align: right;
	width: 200px;
	padding: 12px 0 0 0;
    line-height: 18px;
	height: 32px;

}
.statement  ul li strong {
	color: #7fa5d3;
	font-family: verdana;
}
.statement table {
	border-top: 1px solid #d0d4dd;
	border-bottom: 1px solid #d0d4dd;
}
.statement table.view tbody th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 0 0 10px 14px;
	color: #595959;
}
.statement table.view tbody th.start {padding: 20px 0 5px 14px;}
.statement table.view tbody th.start strong {font-weight: normal; }
.statement table.view tbody td {
	text-align: right;
	padding: 0 14px 10px 0;
}
.statement table.view tbody td strong {color: #7fa5d3;}
.statement table.view tbody td.start {padding: 20px 14px 8px 0;}
.statement table.view tbody .bg {background: #fafafa; padding: 9px 14px 7px 14px;}
.statement table.list.point {margin-bottom: 34px;}
.statement table.list thead th {
	text-align: center;
	padding: 12px 0 9px 0;
	font-weight: normal;
	color: #595959;
	border-bottom: 1px solid #f2f2f2;
}
.statement table.list tbody th {
	text-align: left;
	font-weight: normal;
	padding: 1px 0 8px 24px;
}
.statement table.list tbody th.start {padding: 12px 0 8px 24px;}
.statement table.list tbody td {
	text-align: center;
	padding: 0 0 9px 0;
}
.statement table.list tbody td.start {padding: 12px 0 8px 0;}
.statement table.list tbody td.benefit {
	text-align: right;
	padding: 0 14px 8px 0;
}
.statement table.list tbody td.start01 {padding: 12px 14px 8px 0; text-align: right;}


.detailmg{margin-top:20px;}
#article h3.stat_section{margin-top:25px;}

.stm_mini_layout {position:relative;margin-top:25px;zoom:1;}
.stm_mini_layout:after{content:" ";display:block;visibility:hidden;clear:both;}
.stm_mini_layout .left_layout{float:left;width:336px;}
.stm_mini_layout .right_layout{float:right;width:336px;margin-left:18px;}

.phasewrap .detailview {position:absolute;
right:20px;
top:11px;}

.phasewrap .agreelist {padding:10px 0;border-bottom:1px solid #e1e2e4;}
/*.phasewrap .boardtips {margin-top:-25px;}*/
.phasewrap .rlibtm {margin-top:0;}

.phasewrap .agreement {height:65px;margin:10px 0;overflow-y:auto;overflow-x:hidden;border:1px solid #e1e2e4;}
.phasewrap .agreement p {margin:10px;color:#737980;line-height:20px;}
.pagenavi .right input {vertical-align:middle;}

.phasewrap .spcil h2 {padding-left:20px; background:url(/images/biz/hpp/etc/bg_phasewrap_h2_spcil.gif) repeat-x;}

.carddetailuse h2.txt {
	font-family: verdana;
	font-size: 18px;
	color: #ef600a !important;
	font-weight: bold;
	line-height: 1.1;
}
.carddetailuse h2.txt img {vertical-align: middle; margin: 0 5px 0 2px;}
.reqinfo {
	margin-bottom: 10px;
}
.reqinfo:after {
	clear: both;
	display: block;
	visibility: hidden;
	content: ' ';
}
.reqinfo li {position: relative; float:left;}
.reqinfo li span {
	position: absolute;
	top: 93px;
	left: 20px;
}

.settmsg	{ min-height:153px; position:relative; padding:0 0 0 140px;}
* html .settmsg	{ height:153px;}
.settmsg .thumb	{ position: absolute; top:0; left: 0;}
.settmsg	{}
.settmsg p	{ line-height:1.5; margin-bottom:10px;}
.settmsg p.textpoint01	{font-size:16px; margin-bottom:6px; font-weight: bold;}
.settmsg	{}
.settmsg	{}

/*.stl_res_lr_layout {zoom:1;}
.stl_res_lr_layout:after{content:" ";display:block;visibility:hidden;clear:both;}
.stl_res_lr_layout .left_layout{float:left;width:140px;}
.stl_res_lr_layout .right_layout{float:left;width:500px;}
.stl_res_lr_layout .right_layout p{line-height:20px;margin-bottom:10px;}
.stl_res_lr_layout .right_layout .textpoint01{display:block;margin-bottom:20px;font-size:16px;text-decoration:normal;}
*/

#article h2.h2sys_desc {color:#555;font:bold 14px Dotum, µ¸¿ò;}
#article h2.h2sys_desc em {color:#f06f19;font-style: normal;}

/* ¾à°ü */
/* .rule {
	margin-bottom: 10px;
	padding: 15px 10px;
	border:1px solid #e1e2e4;
	overflow-y: auto;
	height: 150px;
	line-height:18px;
}
.rule.rule-auto {
	height: auto;
} */


.ruleN {
	margin-bottom: 10px;
	padding: 15px 10px;
	border:1px solid #e1e2e4;
	overflow-y: auto;
	height: 40px;
	line-height:18px;
}
.ruleN.rule-auto {
	height: auto;
} 




/* È¸¿ø·Î±×ÀÎ
.coporatmemb_login	{margin: 0;}
.coporatmemb_login .top, .coporatmemb_login .top .left, .coporatmemb_login .btm, .coporatmemb_login .btm .left {background-image:url("/images/biz/hpp/etc/line_roundbox_02.gif");}
#contents .roundbox-type09 .top, #contents .roundbox-type09 .top .left, #contents .roundbox-type09 .btm, #contents .roundbox-type09 .btm .left {background-image:url("/images/biz/hpp/etc/line_roundbox_09.gif");}
#contents .coporatmemb_login .inner	{padding: 33px 6px 2px;}
.coporatmemb_login .loginform	{
	float:left;
	display:inline-block;
	padding: 0 0 0 20px;
	width: 334px;
	height: 233px;
}
* html .coporatmemb_login .loginform	{display:inline;}
*:first-child+html .coporatmemb_login .loginform	{display:inline;}
.coporatmemb_login .loginform h3	{margin: 0 0 17px 0; line-height: 1.2;}
.coporatmemb_login .loginform fieldset	{position: relative; width: 295px; height: 54px;}
.coporatmemb_login .loginform fieldset *	{vertical-align: middle;}
.coporatmemb_login .loginform fieldset input	{margin: 0;}
.coporatmemb_login .loginform label	{
	clear: left;
	float: left;
	display: block;
	padding: 6px 0 0 8px;
	margin: 0 0 4px 0;
	background: url('/images/biz/hpp/bul/square_03.gif') no-repeat 0 10px;
	font-weight: bold;
	width: 58px;
}

.coporatmemb_login .loginform input.intext	{
	width: 129px;
	margin: 0 0 4px 0;
}
.coporatmemb_login .loginform input.inimage	{
	position: absolute;
	top: 0;
	right: 0;
}
.coporatmemb_login .loginform .btn	{padding: 0 0 16px 0;}
.coporatmemb_login .desclist	{
	float: right;
	width: 348px;
}
.coporatmemb_login .desclist .dlist-type02 li {background-image:url('/images/biz/hpp/bul/square_01.gif');}
.coporatmemb_login .roundbox-type09	{
	clear: both;
	margin: 0;
}
.coporatmemb_login .roundbox-type09-inner  {padding-bottom: 12px; zoom: 1; }
.coporatmemb_login .inforlist	{overflow: hidden; clear: both;}
.coporatmemb_login .inforlist li	{
	background-repeat: no-repeat;
	background-position: 32px 11px;
	border-left: 1px solid #ebe8e6;
	float: left;
	padding: 3px 42px 0 93px;
	color: #807060;
	line-height: 1.4;
}
.coporatmemb_login .inforlist li.first	{border-left: 0 none;}
.coporatmemb_login .inforlist li.info01	{background-image: url('/images/biz/hpc/icon/computer_01.gif')}
.coporatmemb_login .inforlist li.info02	{background-image: url('/images/biz/hpc/icon/computer_02.gif')}
.coporatmemb_login .inforlist li.info03	{background-image: url('/images/biz/hpc/icon/computer_03.gif')}
.coporatmemb_login .inforlist li p	{margin: 0 0 10px 0;}
.coporatmemb_login .certificatelogin	{border-left: 1px solid #eff0f2; width: 298px; padding: 0 0 0 30px;  }
.coporatmemb_login .certificatelogin label	{
	clear: both;
	float: none;
	display: block;
	width: auto;
	padding: 2px 0 0 8px;
	margin: 0 0 4px 0;
	background: url('/images/biz/hpp/bul/square_03.gif') no-repeat 0 6px;
	font-weight: bold;
	zoom: 1;
}
.coporatmemb_login .certificatelogin fieldset input.intext	{
	width: 82px;
	height: 18px;
}
.inner ul.reason li {display: inline-block; width: 24%; margin-bottom: 4px;}
* html .inner ul.reason li {display: inline;}
*+ html .inner ul.reason li {display: inline;}
.inner ul.reason li input {vertical-align: middle;}

.emailaddress .email	{margin: 0 0 0 35px; color:#5c6a99;}
*/

/* 0803 °³ÀÎÈ¸¿ø·Î±×ÀÎ °íµµÈ­ */
.login_bline_area {
	position:relative;
	z-index:2;
	width:100%;
	 background:url('/images/biz/hpp/bg_dot.gif') repeat-x 0 bottom;
}
.login_bline_area:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .login_bline_area {height: 1%;}
.login_bline_area .txt {
	position:absolute;
	top:20px;
	left:40px;
}
.login_bline_area .thumbnail {
	float:right;
	padding:0 0 2px;
}

.log_formcase {width:700px; padding:0 0 35px 20px;}
.log_formcase:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .log_formcase {height: 1%;}
.login_bline_area .loginform	{
	position:relative;
	float:left;
	display:inline;
	padding: 0 0 0 0;
	width: 336px;
	height: 134px;
}
.login_bline_area .loginform h3	{margin: 0 0 9px 0; line-height: 1.2;}
.login_bline_area .loginform fieldset	{position: relative; width: 295px; height: 54px;}
.login_bline_area .loginform fieldset *	{vertical-align: middle;}
.login_bline_area .loginform fieldset input	{margin: 0;}
.login_bline_area .loginform label	{
	clear: left;
	float: left;
	display: block;
	padding: 6px 0 0 0;
	margin: 0 0 4px 0;
	font-weight: bold;
	width: 58px;
}

.login_bline_area .loginform input.intext	{
	width: 154px;
	margin: 0 0 4px 0;
	background:#fff;
}
.login_bline_area .loginform input.inimage	{
	position: absolute;
	top: 0;
	right: 0;
}
.login_bline_area .loginform .btn	{padding: 0 0 16px 0;}
.login_bline_area .loginform .minput {margin-top:-2px;}

.login_bline_area .certificatelogin {margin-left:20px;}
.login_bline_area .certificatelogin label {
	display:inline;
	float:none;
	padding:0 0 4px 0;
}
.login_bline_area .certificatelogin .only_label {
	padding-top:4px;
	margin-bottom:8px;
}
.login_bline_area .loginform .roundbox-type02 {margin-bottom:13px;}
.login_bline_area .loginform .coporatmemb_login { position:relative; z-index:1; }
.coporatmemb_login .inner {
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	background:#fafafa;
}
.coporatmemb_login .top, .coporatmemb_login .top .left, .coporatmemb_login .btm, .coporatmemb_login .btm .left	{background-image: url('/images/biz/hpp/etc/line_roundbox_18.gif');}

.login_bline_area .loginform .msg_warning {
	position:relative;
	width:320px;
	height:14px;
	margin:0;
	padding:0 0 0 16px;
	background-position:0 1px;
	font-size:11px;
}
.login_bline_area .loginform .msg_warning .link {
	position:absolute;
	top:0;
	right:0;
	letter-spacing:-1px;
	color:#d9d9d9;
}
.login_bline_area .loginform .msg_warning .link a {color:#999; text-decoration:underline;}
.log_banner_area {
	overflow:hidden;
	width:100%;
}
.log_banner_area .left {float:left;}
.log_banner_area .right {float:right;}



/* 0518 °³ÀÎÈ¸¿ø·Î±×ÀÎ */

.border_descarea_cmm {
	overflow:hidden;
	width:100%;
	border-top:2px solid #8EADCB;
	border-bottom:1px solid #E1E2E4;
}
.border_descarea_cmm img {vertical-align:top;}
.border_descarea_cmm .left_area_log {
	float:left;
	width:455px;
	padding:20px 0;
}
.border_descarea_cmm .right_area_log {
	float:right;
	padding-top:20px;
}

.log_descarea {
	overflow:hidden;
	width:100%;
}
.log_descarea img {vertical-align:top;}


.log_descarea .left_area_log {
	float:left;
	width:450px;
	padding:5px 0 0 20px;
}
.log_descarea .left_area_log .dlist-type02 li {
	color:#616366;
	font-size:12px;
}
.log_descarea .right_area_log {
	float:right;
	padding-right:15px;
}

/* 0518 È¸¿ø°¡ÀÔ¸ÞÀÎ */
.border_descarea_cmm .left_area_join {
	float:left;
	width:336px;
}
.border_descarea_cmm .right_area_join {
	float:right;
	width:367px;
	padding-top:42px;
}
.border_descarea_cmm .right_area_join li {
	margin-bottom:25px;
}
.border_descarea_cmm .right_area_join li.last {
	margin-bottom:0;
}

.member_join_selection_area {
	overflow:hidden;
	width:100%;
}
.member_join_selection_area .left_area {
	position:relative;
	float:left;
	width:298px;
	padding:0 35px 0 30px;
	background: url('/images/biz/cmm/bg_area_secbar.gif') no-repeat right top;
}
.member_join_selection_area .right_area {
	position:relative;
	float:right;
	width:300px;
	padding:0 35px 0 0;
}

.member_join_selection_area .dlist-type02 {margin-top:12px;}


.agree-block {margin-bottom:30px;}

/*100804 ¼öÁ¤*/
.joinmain-section {padding:42px 0 60px 40px; background:url(/images/biz/cmm/img_joinmain_bg.jpg) no-repeat right top;}
.joinmain-section h2 {margin:0 0 15px;}
.joinmain-section p {margin:0 0 10px;}


.phasewrap .inner	{position: relative;}
.phasewrap .detailview	{
	position: absolute;
	top: 8px;
	right: 20px;
}



.phasewrap .detaillist	{display: none; height:auto; padding:20px;}



/* engconf_form */
.engconf_form {margin-bottom:10px;padding:90px 70px;border:1px solid #c8cfd6;font:normal 12px Verdana;color:#000;text-align:center;}
.engconf_form .ecf_title {padding-bottom:10px;font:bold 18px Verdana;background:url('/images/biz/hpp/etc/bg_ecf_title.gif') 0 100% repeat-x;}
.engconf_form .ecf_contents {margin-top:50px;line-height:2.6;text-align:left;}
#pop-contents .engconf_form {margin-bottom:0;padding-top:50px;border:none;}


/* 0520 ½ÅÃ»Ã³¸®ÇöÈ² */
.apply_com_status {
	border:1px solid #DDE4E7;
	margin-bottom:40px;
	padding:37px 0 20px 17px;
}

.apply_com_status .apply_status_txt {
	height:27px;
	padding-top:13px;
	background:url('/images/biz/hpp/bg_apply_status.gif') no-repeat;
}
.apply_status_txt p {
	padding-left:40px;
	background:url('/images/biz/hpp/bul/arrow_04.gif') no-repeat 21px 3px;
	line-height:14px;
}
.apply_status_txt .status {color:#7595B3;}

.apply_process_check {
	overflow:hidden;
	width:710px;
	margin-bottom:50px;
}
.apply_process_check li {
	display:inline-block;
	width:99px;
	margin-left:5px;
	padding-right:13px;
	background:url('/images/biz/hpp/bul/arrow_03.gif') no-repeat right 50%;
	vertical-align:middle;
}
*html .apply_process_check li {display:inline;}
*+ html .apply_process_check li {display:inline;}

.apply_process_check li img {vertical-align:top;}
.apply_process_check li.first {margin-left:0;}
.apply_process_check li.last {
	padding-right:0;
	background:none;
}
.apply_process_check li .dblock {
	display:block;
	margin-top:8px;
}

/* °¡¸ÍÁ¡ Å¸¿î */
.roll_banner {
	position:relative;
	margin-bottom: 40px;
	padding: 20px 0 30px 30px;
	background: #f9fafc;
	border-top: 1px solid #e3e5e5;
	border-bottom: 1px solid #e3e5e5;
}
.roll_banner {height: 1%;}
.roll_banner img {vertical-align: middle;}
.roll_banner .arrow_l {
	position: absolute;
	top: 76px;
	left: 10px;
}
.roll_banner .arrow_r {
	position: absolute;
	top: 76px;
	right: 10px;
}
.roll_banner ul li {
	width: 162px;
	margin-right: 8px;
	float: left;
}
.roll_banner ul:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .roll_banner ul {height: 1%;}
*+ html .roll_banner ul {height: 1%;}

.roll_banner ul li .brand {
	padding: 8px 0 6px 5px;
	color: #5286b8;
	font-size:13px;
}
.roll_banner ul li p {padding: 0 0 5px 5px;}
.roll_banner .roll_wrap {
	overflow:hidden;
	width:672px;
}
.roll_banner .roll_wrap li a img {width:162px;}
.benefitlist.tit{
	font-size: 11px;
	margin-bottom:10px;
	margin-top:-25px;
	text-align:right;
}
.benefitlist img {vertical-align: middle; margin-top: -2px;}
.imagegallerytype02.result {text-align: center; padding: 20px; margin-bottom: 10px;}
.sect img {vertical-align: middle;}

/* Á¶È¸±â°£ */
.inquiry_period_bx {padding:0 40px; zoom: 1;}
.inquiry_period_bx img.title {vertical-align:middle; margin-bottom:2px; margin-right:10px;}

/* ¶ó¿îµå¹Ú½º¾È¿¡ ÅØ½ºÆ® °¡¿îµ¥ Á¤·Ä */
.messagetype01 .inner {text-align:center;}

/* º¸´õ¾ø´Â ¶ó¿îµå ¹Ú½º */
.roundbox-bntype01 {padding-top:3px; text-align:center; background:#f2f4f5 url(/images/biz/hpp/etc/bg_roundbx_bntype01_t.gif) no-repeat left top;}
.roundbox-bntype01 .inner {padding:37px 0; background:#f2f4f5 url(/images/biz/hpp/etc/bg_roundbx_bntype01_b.gif) no-repeat left bottom;}
.roundbox-bntype01 .inner .texttitle01 {margin-top:15px; font-size:14px;}
.roundbox-bntype01 .inner .textcontents01 {margin-top:10px; line-height:18px;}
.roundbox-bntype01 .inner .bbtn {margin-top:15px;}

/* ¶óÀÎ¹Ú½º */
.linebox-type01 {border-top:2px solid #8eadcb;}
.linebox-type01 .inner {padding:27px 0; border-bottom:1px solid #e1e2e4; text-align:center;}

/* ÇØ¿Ü°¡¸ÍÁ¡Å¸¿î Ä«µå·Î°í */
ul.cardlogo {margin-left: -11px; margin-bottom: 10px; font-size: 0; line-height: 0;}
ul.cardlogo li {
	display: inline;
	padding-left: 10px;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
}
/*
ul.cardlogo li img { width:173px; height:78px; }
*/
ul.cardlogo.submain img { border: 1px solid #e1e2e4;}
.oversea_branch {
	margin-top: -13px;
	padding: 14px 0 12px 20px;
	background: #f9fafc;
	font-size: 16px;
	font-weight: bold;
	color: #5286b8;
	border-bottom: 1px solid #cbd7dd;
}
.branch_cnt {
	padding: 20px 0 25px 0;
}
.branch_cnt:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
*+ html .branch_cnt {display:inline-block;}
* html .branch_cnt {display:inline-block;}
.branch_cnt .left {position:relative; float: left; width: 239px; margin-right:21px; }
.branch_cnt .left span {
	position:absolute;
	left:0;
	top:0;
	width:229px;
	height:257px;
	border:5px solid #fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.branch_cnt .right {float: right; width: 470px;}
.branch_cnt .right ul li {
	text-indent:-100px;
	margin-bottom: 2px;
	padding-left:109px;
}
.branch_cnt .right ul li:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .branch_cnt .right ul li {height: 1%;}
*+ html .branch_cnt .right ul li {height: 1%;}
.branch_cnt .right ul li em {
	color:#245382;
	display: block;
	float: left;
	width: 100px;
}
* html .branch_cnt .right ul li em {
	text-indent:0;
	margin-left:-100px;
	padding-left:100px;
}
.branch_cnt .right ul li img {vertical-align: middle;}

/* ±×¸²ÀÚ¾ø´Â ¶ó¿îµå¹Ú½º */
.roundbx-gntype01 {margin-bottom:20px; padding-top:3px; background:url(/images/biz/hpp/etc/bg_roundbx_gntype01_t.gif) no-repeat left top;}
.roundbx-gntype01 .bbg {padding-bottom:3px; background:url(/images/biz/hpp/etc/bg_roundbx_gntype01_b.gif) no-repeat left bottom;}
.roundbx-gntype01 .bbg .mbg{background:url(/images/biz/hpp/etc/bg_roundbx_gntype01_m.gif) repeat-y left top;}
.roundbx-gntype01 .bbg .mbg .bx_con {padding:37px 0 0 45px;}
.roundbx-gntype01 .bbg .mbg .bx_con .bx01 {
	float:left;
	width:319px; height:125px;
	background:url(/images/biz/hpp/bg_ui0032_01.gif) no-repeat;
}
.roundbx-gntype01 .bbg .mbg .bx_con .bx02 {
	float:left;
	width:284px; height:125px;
	background:url(/images/biz/hpp/bg_ui0032_02.gif) no-repeat;
}
.roundbx-gntype01 .bbg .mbg .bx_con dl {margin:18px 0 0 21px; width:239px;}
.roundbx-gntype01 .bbg .mbg .bx_con dl dt {
	padding:13px 0 11px;
	border-top:1px solid #a8b0b7; border-left:1px solid #a8b0b7;
	background-color:#d2dce5;
	color:#fa6a00; font-weight:bold; text-align:center;
}
.roundbx-gntype01 .bbg .mbg .bx_con dl dd {
	padding-top:19px; text-align:center;
}
.roundbx-gntype01 .bbg .mbg .bx_con .btmtext {clear:both; padding-right:50px; text-align:right; font-size:11px; line-height:30px;}

/* Ä«µåÅ»È¸ ÆË¾÷ */
.memcard_popconbx-style01 {float:left; width:415px;}
.memcard_popconbx-style01 dt {height:36px; background:url(/images/biz/cmm/pop_bg_ui0015_01.gif) no-repeat;}
.memcard_popconbx-style01 dt img {margin:12px 0 0 26px;}
.memcard_popconbx-style01 dd.bbg {padding:0 0 6px 0; background:url(/images/biz/cmm/pop_bg_ui0015_01_b.gif) no-repeat left bottom;}
.memcard_popconbx-style01 dd.bbg .mbg {padding:21px 0 0 16px; background:url(/images/biz/cmm/pop_bg_ui0015_01_m.gif) repeat-y left top;}
.memcard_popconbx-style01 dd ul {height:285px;}
.memcard_popconbx-style01 dd li {float:left; margin-left:10px; padding-bottom:15px; width:174px; text-align:center; color:#5286b8;}
.memcard_popconbx-style01 dd li img {margin-bottom:6px;}

.memcard_popconbx-style02 {float:left; width:257px; margin-left:10px;}
.memcard_popconbx-style02 dt {height:36px; background:url(/images/biz/cmm/pop_bg_ui0015_02.gif) no-repeat;}
.memcard_popconbx-style02 dt img {margin:12px 0 0 26px;}
.memcard_popconbx-style02 dd.bbg {padding:0 0 6px 0; background:url(/images/biz/cmm/pop_bg_ui0015_02_b.gif) no-repeat left bottom;}
.memcard_popconbx-style02 dd.bbg .mbg {padding:21px 0 0 0; background:url(/images/biz/cmm/pop_bg_ui0015_02_m.gif) repeat-y left top;}
.memcard_popconbx-style02 dd ul {height:285px;}
.memcard_popconbx-style02 dd ul li {text-align:center;}
.memcard_popconbx-style02 dd ul li.first {padding-bottom:18px;}
.memcard_popconbx-style02 dd ul li img {vertical-align:top;}

/* Message Type01 */
.messagebox02	{
	border-top: 2px solid #8ca6cb;
	border-bottom: 1px solid #e1e2e4;
	margin: 0 0 15px 0;
	padding: 30px 0 25px 0;
	text-align: center;
}
.messagebox03 {
	border-top:1px solid #e1e2e4;
	border-bottom:1px solid #e1e2e4;
	margin-bottom:29px;
	padding:13px 0 15px 0;
	text-align:center;
}

/* customer center */
#cuscenter_flash {margin-bottom:30px;}
#cuscenter_flash img {vertical-align:top;}

.middlespot_wrap {overflow:hidden;width:100%;margin-bottom:20px;}
.middlespot_wrap .viewtype {float:left;width:225px;margin-right:20px;}
.middlespot_wrap .viewtype .subtit {padding-bottom:8px; border-bottom:1px solid #ECEEEF;}
.middlespot_wrap .viewtype .cont {margin:16px 0 17px;}
.middlespot_wrap .viewtype .middlespot_list {font-size:11px;}
.middlespot_wrap .viewtype .middlespot_list li {margin-bottom:7px;padding-left:7px;background:url('/images/biz/hpp/bul/square_09.gif') 0 4px no-repeat;letter-spacing:-0.1em;}
.middlespot_wrap .viewtype .middlespot_list li a {color:#888;}
.middlespot_wrap .listtype {width:224px;float:right;}
.middlespot_wrap .listtype .middlespot_list {margin-top:9px;vertical-align:top;}
.middlespot_wrap .listtype .middlespot_list img {vertical-align:top;}

.img_replace img {vertical-align:top;}
.img_replace .desc {overflow:hidden;height:0;}

.imgmap {margin-bottom:35px;}
.imgmap img {border:0;vertical-align:top;}


/* customer center 0615 */
.roundbox-type01 .cusvisual_wrap {padding:0;}

.cusvisual_wrap img {vertical-align:top;}

.visual_area {
	overflow:hidden;
	width:100%;
}
.visual_area .img {
	float:left;
	width:277px;
}
.visual_area .description {
	float:right;
	width:453px;
	padding-top:35px;
	font-size:11px;
}
.visual_area .description .txt {
	margin-top:10px;
	letter-spacing:-1px;
	line-height:2;
}
.visual_area .description .servicetime {
	color:#888;
}
.visual_area .description .servicetime img {vertical-align:middle;}

.cusvisual_wrap .tip_gbox {
	position:relative;
	z-index:2;
	width:732px;
	background:url('/images/biz/hpp/bg_gbox.gif') repeat-y left top;
	margin:0 -1px -4px -1px;
}
.cusvisual_wrap .tip_gbox_btm {
	padding-bottom:1px;
	background:url('/images/biz/hpp/bg_gbox_btm.gif') no-repeat left bottom;
}
.cusvisual_wrap .tip_list {
	position:relative;
	padding:17px 0 15px 40px;
	background:url('/images/biz/hpp/bg_tiplist.gif') no-repeat right top;
}
.cusvisual_wrap .tip_list li {
	padding-left:9px;
	background:url('/images/biz/hpp/bul/square_08.gif') no-repeat 0 5px;
	color:#fff;
	font-size:11px;
	line-height:18px;
}

/*½ÅÇÑ°¡¸ÍÁ¡Å¸¿î*/
.introduce {
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e1e2e4;
}
.introduce .head {
	margin-bottom:20px;
	padding:10px 0 9px;
	border-top:2px solid #8eadcb;
	border-bottom:1px solid #cbd7dd;
}
.introduce .head strong {
	color:#5286b8;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}
.introduce .head img {
	vertical-align:middle;
}
.introduce .body {
	position:relative;
}
.introduce .body:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .introduce .body { display:inline-block; }
* html .introduce .body { display:inline-block; }
.introduce .image {
	float:left;
	width:266px;
}
.introduce .image .big {
	position:relative;
	margin-bottom:9px;
}
.introduce .image .big img { width:240px; height:179px; }
.introduce .image .big span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:230px;
	height:169px;
	border:5px solid #fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.introduce .image .list:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .introduce .image .list { display:inline-block; }
* html .introduce .image .list { display:inline-block; }
.introduce .image .list li {
	position:relative;
	float:left;
	margin-right:6px;
}
.introduce .image .list li a span {
	position:absolute;
	left:0;
	top:0;
	width:33px;
	height:21px;
	border:5px solid #fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.introduce .image .list li a:hover span,
.introduce .image .list li.visible a span {
	border-color:#2577a8;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.introduce .image .list li a img { vertical-align:top; width:43px; height:31px; }
.introduce .meta {
	float:left;
	width:464px;
}
.introduce .meta ul {
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #e1e2e4;
}
.introduce .meta ul.last {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0 none;
}
.introduce .meta li {
	line-height:16px;
	text-indent:-100px;
	padding-left:100px;
}
.introduce .meta li .title {
	display:block;
	float:left;
	width:100px;
	margin-left:-100px;
	padding-left:100px;
}
* html .introduce .meta li .title {
	text-indent:0;
}
.introduce .meta li em {
	color:#5286b8;
}
.introduce .meta li p {
	text-indent:0;
	margin-top:8px;
}
.introduce .nofavor {
	text-align:center;
	padding-top:110px;
}
.introduce .recommd_popupbox {
	position: absolute;
	top: -18px;
	right: 0;
}
.introduce .recommd_popup { background: url('/images/biz/hpe/etc/bg_recomd.png') no-repeat 0 0; width: 93px; height: 92px; text-align:center; }
.introduce .recommd_popup p { padding:19px 0 0 0; height: 46px;}
.introduce .recommd_popup .count { color: #eb5e17; font-size: 11px; font-weight: bold; letter-spacing: -1px;}
.introduce .recommd_popup .count img {vertical-align:middle;}
.merchant_notice {
	font-size:11px;
	margin-bottom:30px;
	border:1px solid #e1e2e4;
	background-color:#f9fafc;
}
.merchant_notice:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .merchant_notice { display:inline-block; }
* html .merchant_notice { display:inline-block; }
.merchant_notice .notice {
	position:relative;
	float:left;
	width:205px;
	padding:19px;
	border-right:1px solid #e1e2e4;
}
.merchant_notice .notice .dlist-type02 li a:link { text-decoration:none; }
.merchant_notice .notice .more {
	position:absolute;
	right:19px;
	top:19px;
}
.merchant_notice .info {
	line-height:18px;
	float:left;
	width:448px;
	padding:19px;
}
.moreinfo {
	margin-bottom:30px;
	padding-top:18px;
	background-repeat:no-repeat;
	background-image:url('/images/biz/hpp/bg_moreinfo.gif');
}
.moreinfo ul {
	padding:0 20px 18px;
	background-repeat:no-repeat;
	background-position:0 100%;
	background-image:url('/images/biz/hpp/bg_moreinfo.gif');
}
.moreinfo ul:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .moreinfo ul { display:inline-block; }
* html .moreinfo ul { display:inline-block; }
.moreinfo ul li {
	float:left;
	width:336px;
}
.moreinfo ul li .title {
	color:#245382;
	display:inline-block;
	width:80px;
	margin-right:6px;
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url('/images/biz/hpp/line_moreinfo.gif');
}
.contactus {
	position:relative;
	margin-bottom:10px;
	border:4px solid #f0f0f1;
	zoom:1;
}
.contactus img { vertical-align:top; }
.contactus .layer { position:absolute; left:0; top:0; z-index:1; width:152px; height:106px; padding:10px 15px 0 14px; background-repeat:no-repeat; background-image:url('/images/biz/hpp/bg_map_layer2.png'); }
.contactus .layer .head { color:#5286b8; height:23px; margin-bottom:12px; border-bottom:1px solid #e1e2e4; }
.contactus .layer .head img { vertical-align:middle; }
.contactus .layer .body li { line-height:16px; padding-left:10px; background-repeat:no-repeat; background-position:0 6px; background-image:url('/images/biz/hpp/bul/square_01.gif'); }
.contactus .layer .close { position:absolute; right:15px; top:14px; }

/* º¸´õ¾ø´Â È¸»ö¹Ú½º */
.gr_rndbox {
	padding-bottom: 10px;
	background: url('/images/biz/hpp/bg_graybox.gif') no-repeat 0 100%;
}
.gr_rndbox_inner {
	zoom:1;
	background: url('/images/biz/hpp/bg_graybox.gif') no-repeat 0 0;
}
+* html .gr_rndbox_inner  {display: inline-block; }
+ html .gr_rndbox_inner  {display: inline-block; }
.gr_rndbox_inner .inner {
	padding: 22px 30px 12px 74px;
	position: relative;
	background: url('/images/biz/hpp/icon/house.gif') no-repeat 30px 14px;
	color: #7595b3;
}
.gr_rndbox_inner .inner .btn {
	position: absolute;
	top: 19px;
	right: 30px;
}

/*ÄíÆù Ãâ·Â*/
.article_wrap {
	line-height:1.5;
	padding-top:13px;
	border-top:1px solid #8eadcb;
}
.print_coupon {
	position:relative;
	width:732px;
	height:341px;
	margin-bottom:45px;
	background:url('/images/biz/hpp/bg_print_coupon.gif') no-repeat;
}
.print_coupon img {vertical-align:top;}
.print_coupon .top_area {
	padding-top:40px;
	overflow:hidden;
	width:100%;
}
.print_coupon .thumb_area {
	float:left;
	width:237px;
	text-align:center;
}

.print_coupon .thumb_area .img {
	position:relative;
	width:164px;
	height:98px;
	margin:0 auto 23px auto;
}
.print_coupon .thumb_area .img img {width:164px; height:98px;}
.print_coupon .thumb_area .img span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:154px;
	height:88px;
	border:5px solid #fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.print_coupon .thumb_area .name {
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
.print_coupon .thumb_area .date {
	color:#FFEA00;
	font-family:arial;
	font-size:16px;
}
.print_coupon .bene_area {
	float:right;
	width:490px;
}
.print_coupon .point_txt {
	width:460px;
	margin-top:20px;
	color:#CAF4F8;
	font-size:11px;
}
.print_coupon .point_txt li {
	overflow:hidden;
	width:100%;
	margin-bottom:8px;
	padding-bottom:2px;
	border-bottom:1px solid #3AC9D8;
	line-height:16px;
}
.print_coupon .point_txt .last {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.print_coupon .bene_area .stit {
	display:block;
	padding-left:9px;
	background:url('/images/biz/hpp/bul/square_12.gif') no-repeat 0 4px;
	color:#fff;
	font-weight:bold;
}

.print_coupon .address_etc {
	position:absolute;
	bottom:48px;
	width:100%;
}
.print_coupon .address_etc {
	overflow:hidden;
	width:100%;
}
.print_coupon .address_etc .coupon_notice {
	float:left;
	width:213px;
	padding-left:30px;
}
.print_coupon .address_etc .coupon_notice li {
	width:195px;
	padding-left:15px;
	margin-bottom:5px;
	background:url('/images/biz/hpp/bul/check.gif') no-repeat 0 0px;
	color:#484848;
	font-size:11px;
}
.print_coupon .address_etc .address {
	float:right;
	width:489px;
}
.print_coupon .address_etc .address li {margin-bottom:5px; color:#5C5C5C; font-size:11px;}
/*
.print_coupon {
	height:306px;
	margin-bottom:45px;
	padding:35px 20px 0 30px;
	background-repeat:no-repeat;

}
.print_coupon:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
.print_coupon h2 {
	color:#ded7b4;
	font-size:14px;
	height:40px;
	margin:0;
	padding:0;
}
.print_coupon .info {
	float:left;
	width:259px;
	padding-right:20px;
}
.print_coupon .info .img {
	position:relative;
	margin-bottom:10px;
}
.print_coupon .info .img img { width:126px; height:76px; }
.print_coupon .info .img span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:116px;
	height:66px;
	border:5px solid #fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.print_coupon .info ul { margin-bottom:10px; }
.print_coupon .info li {
	color:#fff;
	line-height:16px;
	text-indent:-50px;
	margin-bottom:2px;
	padding-left:50px;
}
.print_coupon .info li img { vertical-align:middle; }
.print_coupon .favor {
	float:left;
	width:371px;
	height:188px;
	padding:20px 16px 0;
	background-repeat:no-repeat;
	background-image:url('/images/biz/hpp/bg_coupon_favor.gif');
}
.print_coupon .favor h3 {
	margin:0 0 10px;
	padding:0;
}
.print_coupon table {
	font-size:11px;
	margin-bottom:8px;
	border-collapse:separate;
	border-spacing:1px;
}
*+ html .print_coupon table {
	border-collapse:collapse;
	border:1px solid transparent;
}
* html .print_coupon table {
	border-collapse:collapse;
	border:1px solid transparent;
}
.print_coupon table th,
.print_coupon table td {
	padding:8px 12px 6px;
	border:1px solid transparent;
}
.print_coupon table th { background-color:#999081; }
.print_coupon table td {
	color:#5d5a57;
	background-color:#ded7ce;
}
.print_coupon .favor li {
	color:#ded7ce;
	font-size:11px;
	line-height:18px;
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:0 7px;
	background-image:url('/images/biz/hpp/bul/square_05.gif');
}

.print_coupon_list { margin-bottom:40px; }
.print_coupon_list:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .print_coupon_list { display:inline-block; }
* html .print_coupon_list { display:inline-block; }
.print_coupon_list .print_coupon {
	float:left;
	width:310px;
	height:321px;
	margin-left:12px;
	background-image:url('/images/biz/hpp/bg_print_coupon_list.gif');
}
.print_coupon_list .coupon_summary {
	text-align:center;
}
.print_coupon_list .coupon_summary h2 {
	height:30px;
	color:#fff;
	font-size:18px;
	font-family:dotum;
	font-weight:bold !important;
}
.print_coupon_list .first { margin-left:0; }
.print_coupon_list .print_coupon .info {
	width:auto;
	padding-right:0;
}
.print_coupon_list .print_coupon .info .btn { text-align:center; }
.print_coupon_list .print_coupon .info table td { text-align:center; }
*/

.zzim_coupon_list {
	overflow:hidden;
	width:100%;
}
.zzim_coupon_list .coupon {
	position:relative;
	display:inline;
	float:left;
	width:360px;
	height:356px;
	background-image:url('/images/biz/hpp/bg_print_coupon_list.gif');
}
.zzim_coupon_list .right {float:right;}
.zzim_coupon_list .coupon_summary {
	padding-top:60px;
	color:#fff;
	text-align:center;
	line-height:16px;
}
.zzim_coupon_list .coupon_summary .name {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:29px;
}
.zzim_coupon_list .coupon_summary .date {
	color:#FFEA00;
	font-family:arial;
	font-size:16px;
}
.zzim_coupon_list .coupon_summary p {
	margin-top:15px;
	padding-left:40px;
	text-align:left;
}
.zzim_coupon_list .store_info_wrap {
	position:absolute;
	left:0;
	bottom:14px;
	width:100%;
}
.zzim_coupon_list .store_info {
	overflow:hidden;
	width:100%;
}
.zzim_coupon_list .thumb {
	position:relative;
	float:left;
	width:110px;
	height:66px;
	margin-left:10px;
	background:#000;
}
.zzim_coupon_list .thumb img {width:110px; height:66px;}
.zzim_coupon_list .thumb span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:102px;
	height:58px;
	border:4px solid #fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.zzim_coupon_list .infomation {
	width:220px;
	float:right;
	padding:0;
}
.zzim_coupon_list .infomation li {
	font-size:11px;
	line-height:14px;
}
.zzim_coupon_list .infomation img {vertical-align:-2px;}
.zzim_coupon_list .infomation .indent50 {
	padding-left:50px;
}
.zzim_coupon_list .btn {
	margin-top:23px;
	text-align:center;
}

/* ºê·£µå °¡¸ÍÁ¡ */
.submitmsg .brand_desc {
	padding: 30px 0 30px 0;
	text-align: left;
}
.submitmsg .brand_desc:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
* html .submitmsg .brand_desc  {height: 1%;}
*+ html .submitmsg .brand_desc  {height: 1%;}
.submitmsg .brand_desc .left {
	float: left;
	width: 150px;
	margin: 0 0 0 30px;
	display: inline;
}
.submitmsg .brand_desc .right {
	float: right;
	width: 490px;
	padding-right: 30px;
}
.submitmsg .brand_desc .right p {font-size: 11px; text-align:left;}
.submitmsg .brand_desc .right p.name {font-size: 12px; margin-bottom: 15px;}
.searchbox {
	margin-bottom: 40px;
	padding: 15px 0 0 28px;
	height: 40px;
	background: url('/images/biz/hpp/bg_searchbox.gif') no-repeat 0 0;
}
.searchbox img, .searchbox input {vertical-align: middle; margin: 0 3px;}
.brand_category {
	line-height:1.4;
/*	padding:15px 0; */
}
.brand_category h2 {
	margin:0 0 10px;
	padding: 0 0 0 19px;
}
.brand_category ul {
	padding-left: 18px;
	font-size: 0;
}
.brand_category ul li {
	display: inline-block;
	width: 168px;
	margin-right: 8px;
	margin-bottom: 20px;
	vertical-align: top;
}
.brand_category ul li img {vertical-align: middle;}
.brand_category ul li img.logo {margin-bottom: 5px;}
.brand_category ul li p {
	margin-top: 3px;
	font-size: 11px;
}
* html .brand_category ul li  {display: inline;}
*+ html .brand_category ul li  {display: inline;}
.brand_even {
	margin-bottom:20px;
	padding-top:20px;
	background-repeat:no-repeat;
	background-image:url('/images/biz/hpp/bg_brand_category.gif');
}
.brand_even .inner {
	background-repeat:no-repeat;
	background-position:0 100%;
	background-image:url('/images/biz/hpp/bg_brand_category.gif');
}
img.btns {margin-bottom: 5px;}

dl.oversea dt {
	padding: 0 0 10px 9px;
	background: url('/images/biz/hpp/bul/square_03.gif') no-repeat 0 5px;
	color: #5286b8;
	font-weight: bold;
}
dl.oversea dd {
	padding-left: 10px;
	padding-bottom: 25px;
}

.btnNumWrap {
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
	position:absolute;
	right:0;
	top:-22px;
}
.btnNumWrap a {
	display:inline-block;
	width:6px;
	height:6px;
	margin-left:5px;
	border:2px solid #e1e2e4;
}
.btnNumWrap a.visible {
	border-color:#8eadcb;
}
.imggallerywrap {
	background-color:#ffffff;
}
.imggallerywrap:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .imggallerywrap { display:inline-block; }
* html .imggallerywrap { display:inline-block; }

.balancedetaillist	 {position: relative;}
.balancedetaillist .col	 {width: 307px;}
.balancedetaillist .col h2	 {padding: 0 0 10px 0;}
.balancedetaillist	 .chargepoint {padding: 40px 3px 0 0; background: url('/images/biz/hpp/icon/arrow_01.gif') no-repeat 50% 0; position: absolute; top: 50%; left: 307px; text-align: center; margin: -47px 0 0 0; width: 77px;height: 94px; font-weight: bold; color: #fff;}

.phase h4.txt {
	zoom: 1;
	margin:0 0 10px;
	padding:0 0 0 16px;
	background:url('/images/biz/hpp/bul/h5.gif') no-repeat 0 0;
	color:#375A7F;
}
.outline {
	margin-bottom: 10px;
	border-top:1px solid #e1e2e4;
}
.outline .agree_line {
	border-bottom:1px solid #e1e2e4;
	padding: 30px 0 27px;
	margin-bottom: 10px;
}
.outline p {
	padding: 0 0 5px 9px;
	font-size: 12px;
	color: #737980;
	line-height: 1.5;
	background: url('/images/biz/hpp/bul/square_01.gif') no-repeat 0 6px;
}
.outline p.left {float: left;}
.outline .right {float: right;}
.outline .agree_line:after {clear: both; display: block; content: ' '; visibility: hidden;}
* html .outline .agree_line {height: 1%;}
*+ html .outline .agree_line {height: 1%;}
.column:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .column {height: 1%;}
*+ html .column {height: 1%;}
.column .l_section {
	float: left;
	width: 49%;
}
.column .r_section {
	float: right;
	width: 49%;
}
/* ±¹¼¼³³ºÎÈ®ÀÎ¼­ (ÆË¾÷ÀÇ Çü½Ä°ú µ¿ÀÏ) */
.certiissue h2 {
	color:#2D3133;
	font-size:28px;
	margin:0;
	padding: 10px 0 30px;
	text-align:center;
	background: none;
}
.certiissue .verif_msg {
	font-weight:bold;
	line-height:1.7;
	padding:32px 0 25px;
	text-align:center;
}
.certiissue .sign {
	color:#245382;
	font-size:16px;
	font-weight:bold;
	text-align:right;
}
.certiissue img {vertical-align: middle;}

.column_sysyem:after {
	clear: both;
	display: block;
	visibility: hidden;
	content: ' ';
}
*+ html .column_sysyem {display: inline-block;}
* html .column_sysyem {display: inline-block;}
.column_sysyem .left {float: left; width: 48%;}
.column_sysyem .right {float: right;  width: 48%;}
.boardsearch img {vertical-align: middle;}
.boardsearch label {padding-right: 15px;}
.local_payment {
	padding: 28px 0 25px 205px;
}
.local_payment h3 {
	margin-bottom: 15px;
	font-weight: bold;
	color: #245382;
	font-size: 15px;
} .local_payment fieldset {
	height:54px;
	position:relative;
	width:295px;
}.local_payment label {
	background:url('/images/biz/hpp/bul/square_03.gif') no-repeat 0 10px;
	clear:left;
	display:block;
	float:left;
	font-weight:bold;
	margin:0 0 4px;
	padding:6px 0 0 8px;
	width:58px;
}
.local_payment .intext {
	margin:0 0 4px;
	width:129px;
	vertical-align: middle;
}
.local_payment .inimage {
	position:absolute;
	right:0;
	top:0;
}
.list_radio01 {overflow:hidden;width:100%;}
.list_radio01 li {float:left;width:170px;margin-bottom:5px;}


/* 2010.05.27. Æ÷ÀÎÆ®Á¶È¸ */
.milePointStatus {
	border-bottom:2px solid #e1e2e4;
	float:none;
	position:relative;
	padding:0 0 9px 21px;
	margin:0 0 10px 0;
}
*html .milePointStatus {
	position:static;
}

.milePointStatus:after {
	display:block;
	content:"";
	clear:both;
	visibility:hidden;
	height:0;
}
*:first-child+html .milePointStatus {
	zoom:1;
}
.milePointStatus .lastPoint {
	display:block;
	width:40%;
	float:left;
}
*html .milePointStatus .lastPoint {
	position:relative;
}


.lastPoint p.pointThumnail {
	display:block;
	float:left;
}

.lastPoint h2 {
	display:inline;
	float:left;
	margin:16px 0 0 21px
}

.lastPoint p.lastPointDate {
	display:inline-block;
	font-family:dotum;
	font-size:11px;
	color:#8b8f95;
	position:absolute;
	top:57px;
	left:127px;
}

*html .lastPoint p.lastPointDate {
	position:none;
	left:107px;
}

.lastPoint p.lastPointDate span {
	color:#fa6a00;
	font-weight:bold;
}

.milePointStatus .pointList {
	display:inline-block;;
	float:left;
	margin:0 0 0 87px;
	text-align:left;
	width:46%;
}

.milePointStatus .remainder {
	float:right;
	width:349px;
	height:42px;
	margin:18px 0 0 0;
	padding:10px 20px 0 20px;
	background:url('/images/biz/hpp/bg_remainders.gif') no-repeat
}

.pointList li {
	display:block;
	background:url('/images/biz/hpp/icon/card_point.gif') no-repeat 0 10px;
	border-bottom:1px solid #eaeced;
	height:22px;
	padding:10px 0 0 23px;
	position:relative;
}

.pointList li span.pointText {
	display:block;
	position:absolute;
	top:10px;
	right:0;
	color:#8ca6cf;
	font-size:15px;
	font-weight:bold;
}

.pointList li span.pointText span {
	color:#939596;
}

.pointList li.last {
	border:none;
}


.clearBothFloat {
	display:block;
	clear:both;
}

.pointDes {
	display:block;
	background:url('/images/biz/hpp/icon/card_pointDes.gif') no-repeat 0 10px;
	font-family:dotum;
	font-size:11px;
	color:#737980;
	height:17px;
	padding:13px 0 0 20px;
	margin:-10px 0 10px 0;
}

.pointDes span {
	color:#8ca6cf;
	font-weight:bold;
}

.boardwrite tbody.smore_heit th {height:35px;vertical-align:middle;}
.boardwrite td.design-ch span {
	display:inline-block;
	vertical-align:middle;
	width:103px;
	padding-top:10px;
	text-align:center;

}
.boardwrite td.design-ch img.plus {vertical-align:middle; margin:0 16px;}
.boardwrite td.design-ch span img.card-img {width:103px; height:65px;}

/* event - boardview02 */
.evt_readbtn {margin-top:10px;text-align:center;}
.btm_bor_non {border-bottom:none !important;}
.read table td {padding:0;}

/* Ä«µå¼Ò°³½ÅÃ» */
.cardapplylist	{ margin: 0 0 10px 0;}
.cardapplylist .list	{border-bottom: 1px solid #e2e2e5; padding: 29px 20px 29px 27px; overflow: hidden; height: 1%;}
.cardapplylist .list .cardimg	{clear: left; float: left; display: block; position: relative;}
.cardapplylist .list .cardimg .icon	{position: absolute; top: -4px; left: -4px;}
.cardapplylist .list .cardinfo	{margin: 0 0 0 245px;}
.cardapplylist .list h2	{font-family:dotum; font-size: 12px; color:#666; background: url('/images/biz/hpp/bul/disc_title01.gif') no-repeat 0 1px; padding: 0 0 0 16px; margin: 0 0 8px 0; line-height:14px;}
.cardapplylist .list h2 img {vertical-align:middle;}
.cardapplylist .list .copy	{padding: 0 0 0 16px; margin: 0 0 20px 0;}
.cardapplylist .list .dlist-type01 {margin: 0 0 20px 8px;}
.cardapplylist .list .dlist-type01 li {background-image: url('/images/biz/hpp/bul/square_01.gif');}
.cardapplylist .list .btn	{padding: 0 0 0 4px; border:none;}
.noline { border-top:0 none; }

.cardapplylist .list .giftcard { font-size:11px; }
.cardapplylist .list .giftcard h2 { color:#444; padding:0; background-image:none; }
.cardapplylist .list .giftcard h2 span { color:#0089d0; }
.cardapplylist .list .giftcard .meta { line-height:20px; margin-bottom:8px; }
.cardapplylist .list .giftcard .meta img { vertical-align:middle; }
.cardapplylist .list .giftcard .meta .tit { display:inline-block; width:56px; }
.cardapplylist .list .giftcard .meta img { vertical-align:middle; }
.cardapplylist .list .giftcard .btn { text-align:right; padding-right:20px; }
.cardapplylist .list .fortycard p.cnt { line-height:18px; margin-bottom:34px; }
.cardapplylist .list .fortycard dt { margin-bottom:10px; }
.cardapplylist .list .fortycard .btn { text-align:right; margin-top:-20px; }
.cardapplylist .list .commoncard .card { color:#444; font-weight:bold; margin-bottom:20px; padding-bottom:8px; border-bottom:1px solid #ededed; }
.cardapplylist .list .commoncard .card span { color:#0089d0; }
.cardapplylist .list .commoncard dl { overflow:hidden; margin-bottom:25px; }
*+ html .cardapplylist .list .commoncard dl { display:inline-block; }
* html .cardapplylist .list .commoncard dl { display:inline-block; }
.cardapplylist .list .commoncard dl dt { float:left; width:56px; }
.cardapplylist .list .commoncard dl dd { line-height:17px; float:left; }
.cardapplylist .list .commoncard .btn { text-align:right; padding-right:20px; }
.cardapplylist .list .commoncard .cnt { line-height:18px; margin-bottom:15px; }

.cardbenefitlist	{border-bottom: 1px solid #e2e2e5; margin: 0 0 10px 0; overflow: hidden; height: 1%;}
.cardbenefitlist .line	{border-bottom: 1px solid #e2e2e5; overflow: hidden; height: 1%;}
.cardbenefitlist .list	{padding: 40px 0 35px 0;  float: left; width: 361px;}
.cardbenefitlist .list .cardimg	{background: url('/images/biz/hpp/bg_cardbenefitlist_01.gif') no-repeat 0 0; padding: 18px 43px 0; margin: 0 0 20px 60px; height: 113px;}
.cardbenefitlist .list .cardinfo	{margin: 0 0 0 60px;}
.cardbenefitlist .list h2	{font-size: 12px; color:#666; padding: 0 0 0 0; margin: 0 0 8px 0;}
.cardbenefitlist .list .copy	{padding: 0 0 0 16px; margin: 0 0 20px 0;}
.cardbenefitlist .list .dlist-type02 {margin: 0 0 16px 0;}
.cardbenefitlist .list .dlist-type02 li {color: #93979f; padding-bottom: 0;}

.cardbenefitdetail	{width: 600px;}
.cardbenefitdetail .detailinfo	{margin: 0 0 13px 0; overflow: hidden; height: 1%;}
.cardbenefitdetail .detailinfo .cardimg	{clear: left; float: left; display: block;}
.cardbenefitdetail .detailinfo .cardinfo	{margin: 0 0 0 150px;}
.cardbenefitdetail .detailinfo h2	{font-size: 12px; color:#666; margin: 12px 0 20px 0;}


.submitmsg .event_list_wrap {
	background-position:50% 20px;
}
.submitmsg .event_list_wrap p {
	margin-bottom:15px;
}
.submitmsg .event_list_wrap .even_line {
	display:block !important;
	width:auto;
	margin-bottom:0;
	padding-top:25px;
	border-top:1px solid #eaeced;
}
.submitmsg .event_list_wrap .even_line .point {
	background-position:50% 0;
}

/* 0527 */
.picto_list {
	overflow:hidden;
	width:100%;
}
.picto_list li {
	display:inline;
	float:left;
	width:96px;
	margin-left:20px;
	color:#777;
	font-size:11px;
	text-align:center;


}
.picto_list li.first {margin-left:0;}
.picto_list li img {display:block; margin-bottom:10px;}
.point_location_hpp span {
	white-space:nowrap;
	display: inline-block;
	min-width:112px;
}
* html .point_location_hpp span { width:115px; }

/* layerpop */
.laypopup .session_wrap {
	color:#be8ca5;
	font-size:11px;
	vertical-align:middle;
	padding:8px 20px 6px;
	background-color:#255483;
}
.laypopup .session_wrap input { vertical-align:middle; }
.laypopup .session_wrap label {color:#98aec5;vertical-align:-2px;}

/* 0528 Ä«µå¼Ò°³½ÅÃ» */

.card_detail_view_wrap {
	margin-bottom:30px;
	padding-bottom:4px;
	background:#F5F5F5;
}
.card_detail_view_wrap .view_area {
	padding:35px 0 30px 0;
	border:1px solid #DBDBDB;
	border-top:1px solid #8EADCB;
	background:#fff url('/images/biz/hpp/bg_cardinfobox_btm.gif') repeat-x left bottom;
}
.card_detail_view_wrap .view_area:after {
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
}
* html .card_detail_view_wrap .view_area {height: 1%;}
*+ html .card_detail_view_wrap .view_area {height: 1%;}

.card_detail_view_wrap .card_thumb {
	float:left;
	width:250px;
	padding-left:33px;
	text-align:center;
}
.card_detail_view_wrap .card_thumb img {vertical-align:top;}
.card_detail_view_wrap .m_btn {margin-right:-2px;}

.card_detail_view_wrap .card_thumb02 {
	float:left;
	width:230px;
	padding-left:36px;
	text-align:center;
}
.card_detail_view_wrap .card_thumb02 img {vertical-align:top;}

.card_detail_view_wrap .detail_info {
	float:right;
	width:373px;
	padding-right:29px;
}

.card_detail_view_wrap h2 {
	margin:0 0 13px 0;
	padding:0 0 6px 16px;
	border-bottom:1px solid #C2D3E3;
	background:#fff url('/images/biz/hpp/bul/disc_title01.gif') no-repeat 0 1px;
	color:#444;
	font-size:14px;
	font-family:dotum;
	line-height:16px;
}

.card_detail_view_wrap .dlist-type02 {
	margin:0 0 20px 0;
	padding-left:9px;
}
.card_detail_view_wrap .dlist-type02 li {font-size:12px;}

.card_detail_view_wrap .card_kind_price th {
	padding-bottom:9px;
	border-bottom:1px solid #C2D3E3;
	text-align:left;
}
.card_detail_view_wrap .card_kind_price td {
	padding:5px 0;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	color:#757980;
	font-size:11px;
	text-align:center;

}
.card_detail_view_wrap .card_kind_price td img {vertical-align:text-bottom;}
.card_detail_view_wrap .card_kind_price .first {border-left:1px solid #E3E3E3;}
.card_detail_view_wrap .card_kind_price .kind {
	padding-left:10px;
	background:#FAFAFA;
	color:#666;
	line-height:12px;
	text-align:left;
	vertical-align:top;
}
.card_detail_view_wrap .card_kind_price .kind span {display:block; margin-bottom:5px;}

.card_detail_view_wrap .service_kind {
	margin-bottom:13px;
	padding:0 0 13px 18px;
	border-bottom:1px solid #C2D3E3;
	color:#5286B8;
	font-size:11px;
}
.card_detail_view_wrap .service_kind img {vertical-align:-3px;}

.card_detail_view_wrap .service_kind span {
	display:inline-block;
	width:113px;
}

.card_detail_view_wrap .option_brand_area {
	border:1px solid #D8D8D8;
	border-top:1px solid #C2D3E3;
}
.card_detail_view_wrap .option_brand_area img {vertical-align:middle;}
.card_detail_view_wrap .option_brand_area .option {
	display:inline-block;
	width:234px;
	padding:10px 0 10px 12px;
	vertical-align:middle;
}

.card_receipt_desc {
	padding-left:15px;
}
.card_receipt_desc p {
	margin:0 0 8px -15px;
	padding-left:15px;
	background:url('/images/biz/hpp/bul/arrow_04.gif') no-repeat 0 3px;
	line-height:14px;
	color:#5286B8;
	font-weight:bold;
}

.card_check_hpp { position:relative; }
.card_check_hpp .list:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .card_check_hpp .list { display:inline-block; }
* html .card_check_hpp .list { display:inline-block; }
.card_check_hpp .list li {width:250px; float:left; margin:0 10px 0 0;}
.card_check_hpp span {
	white-space:nowrap;
	display: inline-block;
	min-width:75px;
}
* html .card_check_hpp span { width:75px; }
.card_check_hpp span.master {min-width:105px;}
* html .card_check_hpp span.master { width:105px; }
.card_check_hpp span img {vertical-align:middle;}
.card_check_hpp .card_layer_sub { z-index:99; display:none; }

.textpoint05 {color:#0089D0 !important;}

.stabmenu_card {overflow:hidden;width:728px;padding:12px 0 10px 4px;background-color:#f8fafd;border-top:1px solid #8eadcb;}
.stabmenu_card ul li {float:left;padding:0 15px;background:url('/images/biz/hpp/bul/bar_01.gif') 0 1px no-repeat;font:bold 11px Dotum µ¸¿ò;color:#8d9199;}
.stabmenu_card ul li.first {background:none;}
.stabmenu_card ul li a.current, .stabmenu_card ul li a:hover {color:#5194d4;}



/* 2011³â 6¿ù 16ÀÏ */
.stabmenu2_card {overflow:hidden;width:728px;padding:9px 0 10px 4px;background-color:#f8fafd;border-top:1px solid #8eadcb;}
.stabmenu2_card ul li {float:left;padding:0 9px;background:url('/images/biz/hpp/bul/bar_01.gif') 0 1px no-repeat;font:bold 11px Dotum µ¸¿ò;color:#8d9199;}
.stabmenu2_card ul li.first {background:none;}
.stabmenu2_card ul li a.current, .stabmenu_card ul li a:hover {color:#5194d4;}




.layercard {position:relative;margin-bottom:15px;}
.layercard .cardinfo, .layercard .cardcont {display:inline-block;vertical-align:middle;}
.layercard .cardinfo {width:125px;margin-right:21px;}
.layercard .cardcont {width:400px;}
.layercard .cardcont .title {font-weight:bold;color:#666;font-size:12px;margin-bottom:18px;}
* html .layercard .cardinfo, * html .layercard .cardcont {display:inline;}


/* benefit tab */
.benefit_tab {
	position:relative;
	width:722px;
	padding:6px 0 6px 9px;
	background:url('/images/biz/hpp/bg_benefit_tab.gif') no-repeat;
}
.benefit_tab:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .benefit_tab {display:inline-block;}
*+ html .benefit_tab {display:inline-block;}

.benefit_tab img {float:left;}

.benefit_baloon {
	position:absolute;
	top:-15px;
	left:0;
	float:left;
	height:24px;
	background:url('/images/biz/hpp/bg_baloon.gif') repeat-x;
}
.benefit_baloon .btm {
	float:left;
	height:24px;
	background:url('/images/biz/hpp/bg_baloon_btm.gif') no-repeat center bottom;
}
.benefit_baloon .left {
	float:left;
	height:24px;
	padding-left:8px;
	background:url('/images/biz/hpp/bg_baloon_left.gif') no-repeat left top;
}
.benefit_baloon .right {
	float:left;
	height:20px;
	padding:4px 8px 0 0;
	background:url('/images/biz/hpp/bg_baloon_right.gif') no-repeat right top;
	color:#fff;
	font-size:11px;
}

.boardview .detail_btn {float:right; margin-top:-21px;}

.roundbox-type01 .searchform { text-align:center; padding-bottom:8px; }
.roundbox-type01 .searchform * { vertical-align:middle; }
.roundbox-type01 .searchform label { margin-right:13px; }

/* gift card */
.select_card { white-space:nowrap; margin-bottom:30px; }
.select_card .wrap { vertical-align:top; display:inline-block; zoom:1; }
*+ html .select_card .wrap { display:inline; }
* html .select_card .wrap { display:inline; }
.select_card .card_select { white-space:nowrap; width:220px; }
.select_card .card_image { text-align:center; margin-left:40px; }
.select_card .card_image img { vertical-align:top; }
.select_card .card_info { width:283px; margin-left:20px; }
.select_card .card_info h3 { color:#666; padding-left:16px; border-bottom:1px solid #c2d3e3; }
.select_card .card_info .cnt { padding-left:58px; }
.select_card .card_info .cnt .tit { display:inline-block; margin-left:-44px; }
.numberintext { position:relative; display:inline-block; padding-right:9px; border:1px solid #e1e2e4; }
*+ html .numberintext { display:inline; }
* html .numberintext { display:inline; }
.numberintext input { line-height:1; text-align:center; width:22px; border:0 none; }
.numberintext .arrow { font-size:0; line-height:0; letter-spacing:-1px; position:absolute; right:3px; top:2px; display:block; width:7px; }
.numberintext .arrow a { display:inline-block; margin-bottom:1px; }
.select_card #inner1 { display:inline-block; }
*+ html .select_card #inner1 { display:inline; }
* html .select_card #inner1 { display:inline; }

.online_buying { margin-bottom:35px; padding:0 17px 0 21px; background-repeat:repeat-y; background-position:50% 0; background-image:url('/images/biz/hpp/line_buying.gif'); }
.online_buying:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .online_buying { height:1%; }
* html .online_buying { height:1%; }
.online_buying .left { float:left; }
.online_buying .right { float:right; }
.online_buying .summary { padding:9px 0 0 18px; }
.giftcard_info { position:relative; margin-bottom:5px; }
.giftcard_info .giftcard { position:absolute; left:-4px; top:-4px; }
.big_button { text-align:center; margin-bottom:20px; }
.big_button span { display:inline-block; margin:0 15px; }

.benefit_tab02	{border: 1px solid #e1e1e1; padding: 6px;}
.benefit_tab02 ul	{background: #7689a4; font-size: 0;}
.benefit_tab02 ul li	{display: inline-block; font-size: 11px; position: relative;}
* html .benefit_tab02 ul li	{display: inline;}
*:first-child+html .benefit_tab02 ul li	{display: inline;}
.benefit_tab02 li img	{vertical-align: top;}
.benefit_tab02 li .baloon	{text-align: center;width:100px; position: absolute; top: -23px; left:50%; z-index: 10; margin: 0 0 0 -45px; color: #fff; font-size: 11px; letter-spacing: -1px;}
.benefit_tab02 li .hidden	{visibility: hidden;  z-index: 1;  }
.benefit_tab02 li .visible	{visibility: visible;}
.benefit_tab02 li.on	{ z-index: 20;  }
.benefit_tab02 li .baloon .outer	{ padding: 0 0 7px 0; display: inline-block; }
.benefit_tab02 li .baloon .outer .lt	{ width: 8px; height: 27px; display: inline-block; background: url('/images/biz/hpp/bg_baloon_02_02.png') no-repeat 0 0; vertical-align: top;}
.benefit_tab02 li .baloon .outer .rt	{ width: 10px; height: 27px; display: inline-block; background: url('/images/biz/hpp/bg_baloon_02_03.png') no-repeat 100% 0; vertical-align: top; }
.benefit_tab02 li .baloon .outer em	{ height: 27px; padding: 3px 0 0 0; display: inline-block; background: url('/images/biz/hpp/bg_baloon_02_01.png') no-repeat 50% 0; vertical-align: top; }
* html .benefit_tab02 li .baloon .outer	{display: inline; zoom: 1; }
* html .benefit_tab02 li .baloon .outer .lt	{display: inline; zoom: 1; }
* html .benefit_tab02 li .baloon .outer .rt	{display: inline; zoom: 1; }
* html .benefit_tab02 li .baloon .outer em	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab02 li .baloon .outer	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab02 li .baloon .outer .lt	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab02 li .baloon .outer .rt	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab02 li .baloon .outer em	{display: inline; zoom: 1; }

.benefit_tab03	{ padding:0 0 8px;}
.benefit_tab03 ul	{font-size: 0;}
.benefit_tab03 ul li	{display: inline-block; font-size: 11px; position: relative; margin:0 2px 0 0;}
* html .benefit_tab03 ul li	{display: inline;}
*:first-child+html .benefit_tab03 ul li	{display: inline;}
.benefit_tab03 li img	{vertical-align: top;}
.benefit_tab03 li .baloon	{text-align: center;width:400px; position: absolute; top: -23px; left:50%; z-index: 10; margin: 0 0 0 -190px; color: #fff; font-size: 11px; letter-spacing: -1px;}
.benefit_tab03 li .hidden	{visibility: hidden;  z-index: 1;  }
.benefit_tab03 li .visible	{visibility: visible;}
.benefit_tab03 li.on	{ z-index: 20;  }
.benefit_tab03 li .baloon .outer	{ padding: 0 0 7px 0; display: inline-block; }
.benefit_tab03 li .baloon .outer .lt	{ width: 8px; height: 27px; display: inline-block; background: url('/images/biz/hpp/bg_baloon_02_02.png') no-repeat 0 0; vertical-align: top;}
.benefit_tab03 li .baloon .outer .rt	{ width: 10px; height: 27px; display: inline-block; background: url('/images/biz/hpp/bg_baloon_02_03.png') no-repeat 100% 0; vertical-align: top; }
.benefit_tab03 li .baloon .outer em	{ height: 27px; padding: 3px 0 0 0; display: inline-block; background: url('/images/biz/hpp/bg_baloon_02_01.png') no-repeat 50% 0; vertical-align: top; }
* html .benefit_tab03 li .baloon .outer	{display: inline; zoom: 1; }
* html .benefit_tab03 li .baloon .outer .lt	{display: inline; zoom: 1; }
* html .benefit_tab03 li .baloon .outer .rt	{display: inline; zoom: 1; }
* html .benefit_tab03 li .baloon .outer em	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab03 li .baloon .outer	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab03 li .baloon .outer .lt	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab03 li .baloon .outer .rt	{display: inline; zoom: 1; }
*:first-child+html .benefit_tab03 li .baloon .outer em	{display: inline; zoom: 1; }


.agree_anchor { color:#737980; font-size:11px; line-height:18px; margin-bottom:15px; padding:30px; border:1px solid #e1e2e4; background-color:#f5f6f6; }
.agree_anchor a { color:#737980; }
.agree_anchor a span { color:#345477; }
.gift_agree { height:290px; }

/* Ä«µåÁ¶È¸ */
.ptGuideTban {margin:-15px 0 0 0;}
.ptGuideTban li {float:left; padding:0 0 27px 0;}

.ptGuideBban {width:100%;}
.ptGuideBban:after {display:block; content:""; clear:both; visibility:hidden;}
*html .ptGuideBban {height:1%;}

.ptGuideBban li {float:left; padding-left:6px;}
.ptGuideBban li.first {padding-left:0;}

.pt_msg_warning {
	background:url("/images/biz/hpp/icon/pt_msg_warning.gif") no-repeat 0 5px;
	height:1%;
	line-height:1.5;
	margin:0 0 20px;
	padding:3px 0 0 16px;
	position:relative;
	font-size:11px;
	color:#737980;
}


/*¸®º¼ºù */
.revol_roundbox  {
	display:block;
	background:url(/images/biz/hpp/etc/bg_Uc0065_roundbox.gif) right bottom no-repeat ;
	width:100%;
	height:220px;
	margin-bottom:35px;
}
.revol_roundbox  .revol_icon {
	float:left;
	position:relative;
}
.revol_roundbox  .revol_info{
	margin:0px 0 0 287px;
	padding-top:30px;
}

.revol_btn{margin-top:35px;}
.revol_btn02{margin-top:35px;margin-bottom:15px;}
.revol_txt{margin-bottom:30px;}
.revol_dl{display:inline;}

.revol_boardview{
	border-bottom:2px solid #E2E2E2;
	border-top:2px solid #8EADCB;
	margin:0 0 10px;
}

.revol_boardview th{
	color:#54708C;
	text-align:center;
	padding:10px 0 10px 0;
	background-color:#F9FAFC;
	border-bottom:1px solid #E2E2E2;
}
.revol_boardview td, revol_boardview td{
	font-weight:normal;
	line-height:1.5;
	padding:7px 23px 5px;
	text-align:left;
	vertical-align:top;
	border-left:1px solid #E2E2E2;
}
.revol_boardview .left_th{
	border-bottom:0px; text-align:left;vertical-align:top;
	background:url("/images/biz/hpp/bul/square_03.gif") no-repeat scroll 0px 14px #ffffff;
	padding-left:8px
}
.revol_boardview .left_th_none{
	border-bottom:0px; text-align:left;vertical-align:top;
	background-color:#ffffff;
	padding:15px

}
.revol_info_box{padding-left:21px; zoom:1;}
.revol_info_box dd{margin-top:8px;}

.applyprocess_step01	{overflow: hidden; height: 1%;}
.applyprocess_step01 li	{float: left; padding: 0 0 0 24px; background: url('/images/biz/hpp/bul/arrow_process_01.gif') no-repeat 8px 50%;}
.applyprocess_step01 li.first	{padding: 0;}

.applyprocess_step02	{overflow: hidden; height: 1%;}
.applyprocess_step02 li.li01	{padding: 0 18px 0 24px; float: left; }
.applyprocess_step02 li.li02	{float: left; padding: 0 55px 0 55px; background: url('/images/biz/hpp/etc/line_0065.gif') no-repeat 8px 50%;}
.applyprocess_step02 li.li03	{float: left; padding: 0 55px 0 58px; background: url('/images/biz/hpp/etc/line_0065.gif') no-repeat 8px 50%;}


.revol_payment_box{
		background-color:#f9fafc;
		padding:20px 0 20px 20px;
}
.revol_paymnet_cont{padding:0 20px;}
.applyprocess_step03	{overflow: hidden; height: 1%;}
.applyprocess_step03 li.first	{float: left; padding: 0;}
.applyprocess_step03 li.secon	{float: left; padding: 0 0 0 26px; background: url('/images/biz/hpp/icon/icon_equal.gif') no-repeat 4px 50%;}
.applyprocess_step03 li.third 	{float: left; padding: 0 0 0 26px; background: url('/images/biz/hpp/icon/icon_plus.gif') no-repeat 4px 50%;}
.revol_payment_example{
	border-bottom:1px solid #E1E2E4;
	float:none;
	margin:0 0 20px;
	padding:10px 0 10px 0;
	position:relative;
}
.revol_payment_example .exampleImg{
	display:block;
	float:left;
	width:35%;
}

.revol_payment_example .exampleTxt{
	display:inline-block;
	float:right;
	margin:0;
	text-align:left;
	width:65%;
}
.revol_txttip{
	color:#fa6a00;
	display:block;
	font-size:11px;
	margin:5px 0 10px;
	text-align:right;
}

/* ¸®º¼ºù »óÇ°¾È³» 20100604 Ãß°¡ */
.useStatus {float:none; *zoom:1}
.useStatus:after {display:block; content:""; clear:both; visibility:hidden; height:0}
.useStatus div.patmentUseCard,
.useStatus div.revolvinUseStatus {width:339px;padding:6px 11px; border:1px solid #dadada;position:relative;}
.useStatus img.etc_pageTop {position:absolute;top:0;right:0}
.useStatus div.patmentUseCard { float:left;}
.useStatus div.revolvinUseStatus { float:right;}
.useStatus span.clearSpan {display:block;clear:both;}


.useStatus table {
	border-top: 1px solid #e1e2e4;
}

.useStatus table.view tbody th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 0 0 10px 14px;
}
.useStatus table.view tbody th.start {padding: 20px 0 5px 14px;}
.useStatus th.currentBorderLeft {border:3px solid #f7b78c; border-right:none;padding:2px 0 0 14px !important; vertical-align:middle !important;}
.useStatus table.view tbody th.pad10 {padding-top:10px}
.useStatus table.view tbody td {
	text-align: right;
	padding: 0 14px 10px 0;
}
.useStatus td.currentBorderCenter {border-top:3px solid #f7b78c; border-bottom:3px solid #f7b78c; vertical-align:middle !important;padding:2px 11px 0 0 !important;height:25px;}
.useStatus td.currentBorderRight {border-top:3px solid #f7b78c;border-bottom:3px solid #f7b78c;border-right:3px solid #f7b78c;vertical-align:middle !important;padding:2px 11px 0 0 !important;height:25px;}
.useStatus td.currentBorderCenter.right,
.useStatus td.currentBorderRight.right {padding:2px 4px 0 0 !important;}
.useStatus table.view tbody td.start {padding: 20px 14px 8px 0;}
.useStatus table.view tbody .bg {background: #f9fafc; padding: 9px 14px 7px 14px;}
.useStatus table.list.point {margin-bottom: 34px;}
.useStatus table.list thead th {
	text-align: center;
	padding: 12px 0 9px 0;
}
.useStatus table.list tbody th {
	text-align: left;
	font-weight: normal;
	padding: 1px 0 8px 14px;
	background: #f9fafc;
}
.useStatus table.list tbody th.start {padding: 12px 0 8px 14px;}
.useStatus table.list tbody td {
	background: #f9fafc;
	text-align: center;
	padding: 0 0 9px 0;
}
.useStatus table.list tbody td.start {padding: 12px 0 8px 0;}
.useStatus table.list tbody td.benefit {
	text-align: right;
	padding: 0 14px 8px 0;
}
.useStatus table.list tbody td.start01 {padding: 12px 14px 8px 0; text-align: right;}
.useStatus h3.titleStatus {height:51px;}
.useStatus h3.titleStatus img.titleRight {float:right;}
.useStatus h3.titleStatus p.h4Title {clear:right;}
.useStatus td.bgGrayCache {background:#f0f6f7}













/* ¼Òµæ°øÁ¦Á¶È¸ */
.deDeduction_tbx {margin:0 0 20px;}
.deDeduction_tbx h2 {clear:left; display:block; float:left; width:120px; margin:0 0 40px 0 !important;}
.deDeduction_tbx .txtbx {
	height:1%;
	margin:0 5px 8px !important;
	overflow:hidden;
	line-height:1.5;
}
.deDeduTxlh{line-height:30px;}
.deDeductionRef {height:1%; background:url('/images/biz/conts/person/card_useinfo/bg_UC0065_01.gif') no-repeat 200px 30px;}
.deDeductionRef img {vertical-align:top;}
.deDeductionRef .left {float:left;}
.deDeductionRef .right {float:right;}
.deDeductionRef li {padding-bottom:7px;}

/* ÇÁ¸®ÆäÀÌ¼­ºñ½º */
.topline {border-top:1px solid #dadfe4;padding-top:15px;}
.freepay  {background:url('/images/biz/hpp/etc/bg_um0012_roundbox.gif') no-repeat right bottom;}
.freepaydl { width:100%; }
.freepaydl dt { float:left; width:25%; }
.freepaydl dd { float:left; width:75%; margin-bottom:20px; }

/* ´ëÃâ */
.expRene {position:relative;}
.expRene .expRene_icon {position:absolute; left:-4px; top:-4px;}
.expRene .expRene_info{
	margin:0px 0 0 287px;
	padding-top:30px;
}
.familyTbx_list li {float:left; width:220px; padding-bottom:3px;}
.lady2030clist {height:70px;}
.lady2030clist li {float:left;}

.expRene.cardTbx {height:220px; margin-bottom:35px; background:url('/images/biz/hpp/etc/bg_Um0031_tbg.gif') no-repeat left top;}
.expRene .cardTbx_btn{margin-top:29px;}

.expRene.miusTbx {height:220px; background:url('/images/biz/hpp/etc/bg_um0037_tbg.gif') no-repeat left top;}
.expRene .miusTbx_btn{margin-top:29px;}

.expRene.angelTbx {height:280px; background:url('/images/biz/hpp/etc/bg_um0043_tbg.gif') no-repeat left top;}
.expRene .angelTbx_btn{margin-top:15px;}

.expRene.premTbx {height:280px; background:url('/images/biz/hpp/etc/bg_um0026_pre_tbg.gif') no-repeat left top;}
.expRene .premTbx_btn{margin-top:38px;}

.expRene.loanTbx {height:218px; background:url('/images/biz/hpp/etc/bg_um0022_tbg.gif') no-repeat left top;}
.expRene .loanTbx_btn{margin-top:18px;}

.expRene.familyTbx {height:218px; background:url('/images/biz/hpp/etc/bg_um0026_tbg.gif') no-repeat left top;}
.expRene .familyTbx_btn{margin-top:30px;}

.expRene.lady2030Tbx {height:320px; background:url('/images/biz/hpp/etc/bg_um0024_tbg.gif') no-repeat left top;}
.expRene .lady2030Tbx_btn{clear:both; padding-top:5px;}

.dlist-step {
	position:relative;
	margin:0 0 5px 10px;
	padding:1px 0 0;
}
.dlist-step li {padding-left:17px; line-height: 1.5; margin:0 0 5px 0}
.dlist-type01 .dlist-step li {padding-left:17px;}
.dlist-step li.step01 { background:url('/images/biz/hpp/bul/step_01.gif') no-repeat 0 1px; }
.dlist-step li.step02 { background:url('/images/biz/hpp/bul/step_02.gif') no-repeat 0 1px; }
.dlist-step li.step03 { background:url('/images/biz/hpp/bul/step_03.gif') no-repeat 0 1px; }
.dlist-step li.step04 { background:url('/images/biz/hpp/bul/step_04.gif') no-repeat 0 1px; }
.dlist-step li.step05 { background:url('/images/biz/hpp/bul/step_05.gif') no-repeat 0 1px; }
.dlist-step li.step06 { background:url('/images/biz/hpp/bul/step_06.gif') no-repeat 0 1px; }
.dlist-step li.step07 { background:url('/images/biz/hpp/bul/step_07.gif') no-repeat 0 1px; }
.dlist-step li.step08 { background:url('/images/biz/hpp/bul/step_08.gif') no-repeat 0 1px; }
.dlist-step li.step09 { background:url('/images/biz/hpp/bul/step_09.gif') no-repeat 0 1px; }

/*Ä«µå³³ºÎ ¼­ºñ½º*/
.howtopay { margin-bottom:30px; }
.howtopay:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .howtopay { display:inline-block; }
* html .howtopay { display:inline-block; }
.howtopay .wrap { float:left; width:49.9%; }
.howtopay .wrap h4.heading6 { padding-left:9px; background-position:0 3px; }
.howtopay .wrap .dlist-type01 { margin-bottom:15px; }
.step_list li { line-height:1.5; text-indent:-18px; padding-left:18px; }
.step_list li img { vertical-align:middle; }
/* //Ä«µå³³ºÎ ¼­ºñ½º*/

/* ±âÅ¸ Æ÷ÀÎÆ® ¾È³» ÆäÀÌÁö */
.dualtxt_cont {
	overflow:hidden;
	width:100%;
}
.dualtxt_cont .l_cont {
	float:left;
	width:366px;
	letter-spacing:-1px;
}
.dualtxt_cont .r_cont {
	float:right;
	width:366px;
}
.dualtxt_cont .paras-type02 {margin-bottom:0;}



.couponlisttype01 .not_coupon { color:#959595; font-size:11px; line-height:14px; text-align:center; padding-left:0; }
.couponlisttype01 .not_coupon  img { display:block; margin:0 auto 4px; }
.login_coupon { text-align:center; height:73px; margin-bottom:10px; padding-top:48px; border:1px solid #d6d8d9; background-color:#f9fafc; }
.login_coupon img { vertical-align:middle; }

.couponlisttype_new {
	border:5px solid #E3EFEF;
	background:#E8F2F2;
}
.couponlisttype_new .coupon_inner {
	overflow:hidden;
	width:100%;
	padding:20px 0 20px 0;
}
.couponlisttype_new .coupon {
	position:relative;
	display:inline;
	float:left;
	width:206px;
	height:107px;
	margin-left:25px;
	padding-top:25px;
	background: url('/images/biz/hpp/bg_coupon_ticket.gif') no-repeat;
	color:#000;
	font-size:11px;
	text-align:center;
}
.couponlisttype_new strong {
	color:#2577A8;
	font-size:15px;
	letter-spacing:-1px;
	line-height:19px;
}
.couponlisttype_new .bene_icon {margin-top:8px;}
.couponlisttype_new .btn {
	position:absolute;
	left:0;
	bottom:13px;
	width:100%;
	text-align:center;
}
.couponlisttype_new .btn img {margin-right:-5px; vertical-align:top;}
.myzzimcoupon .couponlisttype_new {border:0; background:none;}
.myzzimcoupon .coupon_inner {padding:0;}
.myzzimcoupon .coupon {
	display:block;
	float:none;
	margin:0;
	background: url('/images/biz/hpp/bg_coupon_ticket02.gif') no-repeat;
}
.myzzimcoupon .first {margin-bottom:7px;}
.myzzimcoupon h2 {margin-bottom:3px;}
/* ¾à°ü °ü·Ã ÆäÀÌÁö */
.msg_warning02 {background-image: url('/images/biz/cmm/icon/msg_warning.gif');}

.msg_warning_box .roundbox-type12-inner {
	margin:0;
	padding:5px 0 2px 10px;
}

.agreement_link_box {
	overflow:hidden;
	width:672px;
	margin-bottom:20px;
	padding:27px 30px 24px 30px;
	border:1px solid #D8DFE7;
	color:#345477;
	font-size:11px;
	line-height:18px;
}
.agreement_link_box a {margin-right:7px;}
.agreement_link_box a,
.agreement_link_box a:hover,
.agreement_link_box a:active,
.agreement_link_box a:link,
.agreement_link_box a:visited {color:#345477;}

.agreement_link_box a em {color:#737980;}

.agreement_link_box .left_link {
	float:left;
	width:325px;
	background: url('/images/biz/cmm/bg_area_secbar02.gif') repeat-y right top;
}
.agreement_link_box .right_link {
	float:right;
	width:325px;
}
.agreement_link_box li {margin-bottom:5px;}

.city_wrap { margin-bottom:6px; padding-top:10px; background-repeat:no-repeat; background-image:url('/images/biz/hpp/bg_citybox.gif'); }
.city_wrap dl { font-size:0; line-height:0; letter-spacing:-1px; padding:0 0 10px; background-repeat:no-repeat; background-position:0 100%; background-image:url('/images/biz/hpp/bg_citybox.gif'); }
.city_wrap dl dt { text-align:center; vertical-align:middle; display:inline-block; width:183px; }
*+ html .city_wrap dl dt { display:inline; }
* html .city_wrap dl dt { display:inline; }
.city_wrap dl dd { color:#b8b8b8; font-size:11px; line-height:14px; letter-spacing:0; vertical-align:middle; display:inline-block; width:490px; padding:7px 25px 7px 31px; border-left:1px solid #d8dde4; background-repeat:no-repeat; background-position:18px 11px; background-image:url('/images/biz/hpp/bul/square_03.gif'); }
*+ html .city_wrap dl dd { display:inline; }
* html .city_wrap dl dd { display:inline; }
.city_wrap dl dd span { color:#666; }


/* family member */

.constant_service {
	overflow:hidden;
	width:100%;
	padding:20px 0 15px 0;
	border-bottom:1px solid #D6D6D6;
}
.constant_service img {vertical-align:top;}
.constant_service .logo {
	float:left;
}
.constant_service .service_info {
	overflow:hidden;
	float:right;
	width:559px;
	padding-top:6px;
}
.constant_service .servcont {
	float:left;
	width:265px;
}
.constant_service .store {
	float:right;
	width:294px;
}
.constant_service dt {
	padding-bottom:9px;
	color:#444;
	font-size:11px;
	font-weight:bold;
}
.constant_service dt img {margin-right:4px;}
.constant_service dd {
	margin-top:2px;
	padding-left:9px;
	background:url('/images/biz/hpp/bul/square_01.gif') no-repeat 0 6px;
	font-size:11px;
	line-height:17px;
}
.constant_service dd .hotelinfo {margin:4px 0;}

.constant_service dd .set {display:inline-block; width:80px;}

/* family card main */
.visual_button {
	position:relative;
	width:100%;
}
.visual_button .link {
	position:absolute;
	top:86px;
	left:335px;
	z-index:1;
}
.dualtxt_cont .family_main_left {
	float:left;
	width:470px;
}
.dualtxt_cont .family_main_right {
	float:right;
	width:225px;
}

.family_main_left img,
.family_main_right img {vertical-align:top;}

.family_main_left h2 {margin:0 0 14px 0; font-size:0; line-height:0;}
.family_main_right h2 {margin:0 0 14px 0; font-size:0; line-height:0;}

.family_main_left .notice_area {
	position:relative;
	width:100%;
	margin-bottom:32px;
}
.family_main_left .notice_area:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
.family_main_left .notice_area .link,
.family_main_left .notice_area .link02 {position:absolute; top:-31px; right:120px;}
.family_main_left .notice_area .link02 {right:0;}
.family_main_left .notice_area .thumbnail {
	position:relative;
	float:left;
	width:110px;
}
.family_main_left .notice_area .label {position:absolute; top:0; left:0;}

.family_main_left .notice_area .list {
	margin-top:-4px;
}
.family_main_left .notice_area .list:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .family_main_left .notice_area .list {height: 1%;}
*+ html .family_main_left .notice_area .list {height: 1%;}

.family_main_left .notice_area .list li {
	position:relative;
	width:462px;
	margin-top:10px;
	padding-left:8px;
	background:url('/images/biz/hpp/bul/square_07.gif') no-repeat 0 3px;
	font-size:11px;
}
.family_main_left .notice_area .list .sort {
	display:inline-block;
	width:55px;
	font-weight:bold;
}
.family_main_left .notice_area .list .icon {
	position:absolute;
	top:0;
	right:0;
}
.family_main_left .link_area {}
.family_main_left .roll_area {
	position:relative;
	width:440px;
	height:80px;
	margin-bottom:15px;
	padding:0 15px;
}
.family_main_left .roll_area .arrow_l {
	position:absolute;
	left:5px;
	top:23px;
}
.family_main_left .roll_area .arrow_r {
	position:absolute;
	right:5px;
	top:23px;
}
.family_main_left .roll_area .wrap { width:438px; overflow:hidden; }
.family_main_left .roll_area ul:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
*+ html .family_main_left .roll_area ul { height:1%; }
* html .family_main_left .roll_area ul { height:1%; }
.family_main_left .roll_area ul li {
	text-align:center;
	float:left;
	width:110px;
}
.family_main_left .link_area .up {margin-bottom:5px;}

.family_main_right .tag_box {
	margin-bottom:20px;
	background:url('/images/biz/hpp/bg_tagbox_top.gif') no-repeat;
}
.family_main_right .tag_box .btm {
	padding:12px 0 16px 0;
	background:url('/images/biz/hpp/bg_tagbox_btm.gif') no-repeat left bottom;
	font-size:11px;
	text-align:center;
}
.family_main_right .tag_box .up {margin-bottom:5px;}
.family_main_right .tag_box a {color:#fff;}
.family_main_right .tag_box .type01 {
	color:#0DF5E2;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.family_main_right .tag_box .type02 {
	text-decoration:underline;
}
.family_main_right .tag_box .type03 {
	font-size:12px;
	font-weight:bold;
}
.family_main_right .tag_box .type04 {
	color:#8AE8FF;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

.family_main_right .flabox {margin-bottom:48px;}
.cardreqlist {overflow:hidden;width:100%;margin-bottom:20px;}
.cardreqlist ul {width:712px;margin:-35px 0 0 -20px;}
.cardreqlist ul li {float:left;width:184px;margin:35px 0 0 20px;padding:14px 0 0 33px;background:url('/images/biz/hpp/etc/bg_cardreqlist.gif') no-repeat 0 0;display:inline;}
.cardreqlist ul li .cardimg {margin-bottom:5px;}

.abs_btn_w_img {
	position:relative;
	width:100%;
}
.abs_mn_img{
  margin-top:30px;
}
.abs_btn_w_img .label {
	position:absolute;
	top:-4px;
	left:-4px;
}
.abs_btn_w_img .link {
	white-space:nowrap;
	position:absolute;
	top:52px;
	right:196px;
}
.abs_btn_w_img .v_link {
	white-space:nowrap;
	position:absolute;
	width:225px;
	top:0;
	right:0;
}
.abs_btn_w_img .v_link02 {
	white-space:nowrap;
	position:absolute;
	width:252px;
	bottom:-40px;
	left:0;
}
.abs_btn_w_img .v_link03 {
	position:absolute;
	width:225px;
	top:50px;
	right:0;
}
.abs_btn_w_img .v_link03 img,
.abs_btn_w_img .v_link img {vertical-align:top;}
.abs_btn_w_img .v_link a {display:block;}
.abs_btn_w_img .btn {margin-right:-2px;}

.visual_space {margin-bottom:70px;}


/* repayment calculator */

.calculation_area {
	margin-bottom:40px;
	background:url('/images/biz/hpp/bg_calculator.gif') no-repeat center 252px;
}
.pointsave_casearea {
	overflow:hidden;
	width:100%;
	margin-bottom:85px;
}

.pointsave_casearea .box {
	position:relative;
	float:left;
	width:100px;
	height:252px;
	margin-right:8px;
	padding:0 20px 0 20px;
	background:url('/images/biz/hpp/bg_savebox.gif') no-repeat;
}
.pointsave_casearea .box img {
	vertical-align:top;
}
.pointsave_casearea .last {
	margin-right:0;
}
.pointsave_casearea .save {
	margin-bottom:28px;
	text-align:center;
}
.pointsave_casearea .won {
	position:absolute;
	bottom:63px;
	right:25px;
}
.pointsave_casearea .won .intext02 {
	padding:4px 7px 0 0;
}
.pointsave_casearea .point {
	position:absolute;
	bottom:12px;
	right:28px;
	color:#8CA6CF;
	font-weight:bold;
	text-align:right;
}

.calculation_area .result_area {
	overflow:hidden;
	width:100%;
}
.calculation_area .result_area .btn {
	float:left;
}
.calculation_area .figurebox {
	float:right;
	position:relative;
	width:584px;
	height:76px;
	background:url('/images/biz/hpp/bg_calcul_resultbox.gif') no-repeat;
}
.calculation_area .figurebox .won,
.calculation_area .figurebox .point {
	position:absolute;
	color:#FA6A00;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}
.calculation_area .figurebox .won {
	top:18px;
	right:45px;
}
.calculation_area .figurebox .point {
	top:44px;
	right:45px;
}
.calculation_area .figurebox .won .hide,
.calculation_area .figurebox .point .hide {
	visibility:hidden;
	position:absolute;
	font-size:0;
	line-height:0;
}

.contract_calculation {
	overflow:hidden;
	width:100%;
}
.contract_calculation .box_multiplication {
	float:left;
	position:relative;
	width:264px;
	height:131px;
	background:url('/images/biz/hpp/bg_contractbox02.gif') no-repeat;
}
.contract_calculation .box_equal {
	float:left;
	position:relative;
	width:264px;
	height:131px;
	background:url('/images/biz/hpp/bg_contractbox03.gif') no-repeat;
}
.contract_calculation .box {
	float:left;
	position:relative;
	width:204px;
	height:131px;
	background:url('/images/biz/hpp/bg_contractbox.gif') no-repeat;
}
.contract_calculation .txt {
	width:204px;
	text-align:center;
}
.contract_calculation .figure_area {
	position:absolute;
	bottom:36px;
	right:25px;
}

.box_multiplication .figure_area,
.box_equal .figure_area {right:85px;}
.box_equal .calcul_btn {
	position:absolute;
	top:48px;
	right:7px;
}

.contract_calculation .figure_area img,
.contract_calculation .figure_area input {vertical-align:middle;}

.contract_calculation .figure_area .intext02 {
	padding:4px 7px 0 0;
}
.contract_calculation .figure_area .system {
	color:#8CA6CF;
	font-size:14px;
	font-weight:bold;
}

.contract_calculation .box_equal .txt {width:174px;}
.contract_calculation .box_equal .figure_area {right:105px;}


/* °í°´¼¾ÅÍ > È¨ÆäÀÌÁö ¿¡·¯ */
/*.homepageError  {
		height:1%;
		margin:32px 0 0 0;
		overflow:hidden;
}
.homepageError .line{
		height:1%;
		overflow:hidden;
}
.homepageError .contsLeft{
	float:left;
	width:381px;
}
.homepageError .contsRight{
	float:left;
}*/

/* ½ÅÇÑÆ÷ÀÎÆ® ÁÂ¿ì ¿µ¿ª */
.shinhanPointWing {float:none; *zoom:1}
.shinhanPointWing:after {display:block; content:""; visibility:hidden; clear:both; height:0}
.shinhanPointL {width:48%; float:left; }
.shinhanPointR {width:48%; float:right;text-align:left;}
.shinhanPointSpan {display:block;clear:both;}

.arsnumber_guide .head	{background: url('/images/biz/hpp/bg_arsnumber_guide_01.gif') no-repeat 0 10px; height: 133px; position: relative;}
.arsnumber_guide .head h3	{position: absolute; top: 51px; left: 30px;}
.arsnumber_guide .head ul	{position: absolute; top: 0; left: 218px;}
.arsnumber_guide .head ul li	{float: left;}
.arsnumber_guide .etcnumber	{margin: 0 0 30px 0;}
.arsnumber_guide .body	{min-height: 434px; position: relative; padding: 0 0 0 326px;}
* html .arsnumber_guide .body	{height: 434px;}
.arsnumber_guide .body .sidebar	{position: absolute; top: 0; left: 0; width: 269px; height: 462px; background: url('/images/biz/conts/person/helpdesk/bg_voiceguide_01.gif') no-repeat 0 0; padding: 0 0 0 20px;}
.arsnumber_guide .body .sidebar img	{vertical-align: top;}
.arsnumber_guide .body .sidebar h4	{height: 32px; padding: 54px 0 0 25px; margin: 0;}
.arsnumber_guide .body .sidebar .desc	{height: 116px; font-size: 11px; color:#fff; line-height: 1.4; padding: 0 0 0 25px;}
.arsnumber_guide .body .sidebar .desc img	{margin: 0 0 8px 0; display: block;}
.arsnumber_guide .body .sidebar ul	{float: left; }
.arsnumber_guide .body .sidebar ul li	{float: left; padding: 0 2px 2px 0;}
/* ARS ÀÌ¿ë¾È³» */
.mymn{position: absolute; top: 477px; left: 0; width: 270px; height: 72px;}
.arsnumber_guide .body .voiceguide	{ }
.arsnumber_guide .body .voiceguide h5	{padding: 0; border-bottom: 2px solid #e2e2e2; padding: 0 0 10px 0; margin: 0; zoom: 1;}
.arsnumber_guide .body .voiceguide h5 img	{margin: 0 5px 0 0;}
.arsnumber_guide .body .voiceguide .list 	{border-bottom: 1px solid #e2e2e2; zoom: 1;  }
.arsnumber_guide .body .voiceguide .list ul	{ padding: 0 0 0 101px; padding: 0 0 0 15px; background: url('/images/biz/hpp/bul/arrow_06.gif') no-repeat 122px 0; }
.arsnumber_guide .body .voiceguide .list li	{padding: 14px 0 12px 21px; background-repeat: no-repeat; background-position: 0 15px; font-size: 11px; border-bottom: 1px solid #e2e2e2; position: relative; min-height: 14px; zoom: 1;}
* html .arsnumber_guide .body .voiceguide .list li	{height: 14px;}

.arsnumber_guide .body .voiceguide .list li li	{position: relative;}
.arsnumber_guide .body .voiceguide .list .no00	{background-image: url('/images/biz/hpp/icon/list_no_s_00.gif');}
.arsnumber_guide .body .voiceguide .list .no01	{background-image: url('/images/biz/hpp/icon/list_no_s_01.gif');}
.arsnumber_guide .body .voiceguide .list .no02	{background-image: url('/images/biz/hpp/icon/list_no_s_02.gif');}
.arsnumber_guide .body .voiceguide .list .no03	{background-image: url('/images/biz/hpp/icon/list_no_s_03.gif');}
.arsnumber_guide .body .voiceguide .list .no04	{background-image: url('/images/biz/hpp/icon/list_no_s_04.gif');}
.arsnumber_guide .body .voiceguide .list .no05	{background-image: url('/images/biz/hpp/icon/list_no_s_05.gif');}
.arsnumber_guide .body .voiceguide .list .no06	{background-image: url('/images/biz/hpp/icon/list_no_s_06.gif');}
.arsnumber_guide .body .voiceguide .list .no07	{background-image: url('/images/biz/hpp/icon/list_no_s_07.gif');}
.arsnumber_guide .body .voiceguide .list .no08	{background-image: url('/images/biz/hpp/icon/list_no_s_08.gif');}
.arsnumber_guide .body .voiceguide .list .no09	{background-image: url('/images/biz/hpp/icon/list_no_s_09.gif');}
/*Ãß°¡*/
.arsnumber_guide .body .voiceguide .list .noqa1	{background-image: url('/images/biz/hpp/icon/list_no_qa1.gif');}
.arsnumber_guide .body .voiceguide .list .noqa2	{background-image: url('/images/biz/hpp/icon/list_no_qa2.gif');}
/*Ãß°¡*/
.arsnumber_guide .body .voiceguide .list li li	 {min-height: 14px;}
.arsnumber_guide .body .voiceguide .list .depth	{ position: absolute; top: 16px; left: 21px;  }
.arsnumber_guide .body .voiceguide .list li li .depth	{ margin: 0; top: 0; }
.arsnumber_guide .body .voiceguide .list .subdep	{padding-bottom: 4px;   }
.arsnumber_guide .body .voiceguide .list .subdep ul	{  padding: 0 0 0 144px; margin: 0 0 0 -21px; }
.arsnumber_guide .body .voiceguide .list .subdep li	{padding: 0 0 9px 21px; border-bottom: 0 none; background-position: 0 0;  }
.arsnumber_guide .body .voiceguide .list .depth02 li li	{border-bottom: 0 none;}
.arsnumber_guide .body .voiceguide .list .subdep .depth02 ul	{  border-top: 0 none; border-bottom: 1px solid #e2e2e2; zoom: 1;}

.arsnumber_guide .body .voiceguide .nodep	{border-bottom: 1px solid #e2e2e2; }
.arsnumber_guide .body .voiceguide .nodep li	{border-bottom: 0 none; padding-bottom: 0;}
.arsnumber_guide .body .voiceguide .nodep li.last	{padding-bottom: 14px; border-bottom: 1px solid #e2e2e2; }
.arsnumber_guide .body .voiceguide .nodep li.nonetype	{padding-left: 0;}

.find_map { margin-bottom:10px; background-repeat:no-repeat; background-position:100% 0; background-image:url('/images/biz/hpp/bg_result_branch.gif'); }
.find_map:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .find_map { display:inline-block; }
* html .find_map { display:inline-block; }
.find_map .map { position:relative; float:left; width:481px; border:4px solid #e1e2e4; }
.find_map .map img { vertical-align:middle; }
.find_map .map .layer { position:absolute; left:0; top:0; z-index:1; width:214px; height:146px; padding:10px 15px 0 14px; background-image:url('/images/biz/hpp/bg_map_layer.png'); }
.find_map .map .layer .head { color:#5286b8; height:23px; margin-bottom:12px; border-bottom:1px solid #e1e2e4; }
.find_map .map .layer .head img { vertical-align:middle; }
.find_map .map .layer .body { font-size:11px; position:relative; padding-left:68px; zoom:1; }
.find_map .map .layer .body .category { color:#5286b8; }
.find_map .map .layer .body .recomd { font-size:11px; letter-spacing:-1px; position:absolute; right:0; top:0; padding:2px 0 0 15px; background-repeat:no-repeat; background-image:url("/images/biz/hpp/icon/boom_up.gif"); }
.find_map .map .layer .body .recomd em { font-weight:bold; }
.find_map .map .layer .body .meta { line-height:16px; padding:5px 0; }
.find_map .map .layer .body .meta2 { line-height:16px; }
.find_map .map .layer .body .meta li { padding-left:10px; background-repeat:no-repeat; background-position:0 6px; background-image:url('/images/biz/hpp/bul/square_01.gif'); }
.find_map .map .layer .body .image { position:absolute; left:0; top:0; }
.find_map .map .layer .close { position:absolute; right:15px; top:14px; }
.find_map .list { position:relative; float:left; width:223px; padding:25px 10px 10px; }
.find_map .list h2 { font-size:0; line-height:0; margin:0 0 10px; }
.find_map .list h2 img { vertical-align:top; }
.find_map .list .total { color:#fff; position:absolute; right:10px; top:27px; }
.find_map .list .wrap { padding-top:30px; background-color:#fff; }
.find_map .list ul { position:relative; overflow:auto; height:364px; margin-bottom:10px; padding:0 20px; }
.find_map .list ul li { margin-bottom:15px; padding-bottom:11px; border-bottom:1px solid #e1e2e4; }
.find_map .list ul li p { clear:both; color:#5286b8; font-size:13px; }
.find_map .list ul li .benefitlist {float:left;}
.find_map .list ul li .recomd { float:right; padding:2px 0 0 15px; background-repeat:no-repeat; background-image:url("/images/biz/hpp/icon/boom_up.gif"); }
.find_map .list ul li .recomd em { font-weight:bold; }
.find_map .list .wrap .paging { text-align:center; height:20px; }
.find_map .list .wrap .paging a { color:#8fa2b5; padding:0 3px; }
.find_map .list .wrap .paging strong { color:#286fb0; }
.find_map .list .wrap .paging img { vertical-align:middle; }

/* È¨ÆäÀÌÁö Àå¾ÖÁ¶Ä¡ */
.difficultyprocess img	{vertical-align: top;}
.difficultyprocess ol li	{overflow: hidden; height: 1%; padding:30px 0 30px 0; line-height:1.6; border-top:1px solid #eeeeee;}
.difficultyprocess ol li.first {padding-top:0; border-top:none;}
.difficultyprocess ol li.num01 .desc {background:url("/images/biz/hpp/icon/list_no_s_01.gif") no-repeat 11px 2px;}
.difficultyprocess ol li.num02 .desc {background:url("/images/biz/hpp/icon/list_no_s_02.gif") no-repeat 11px 2px;}
.difficultyprocess ol li.num03 .desc {background:url("/images/biz/hpp/icon/list_no_s_03.gif") no-repeat 11px 2px;}
.difficultyprocess ol li.num04 .desc {background:url("/images/biz/hpp/icon/list_no_s_04.gif") no-repeat 11px 2px;}
.difficultyprocess ol li .desc	{float: left; width: 330px; padding-left:29px;}
.difficultyprocess ol li div	{float: left; width:370px; text-align:center; }



.optioncal_info{
	height:1%;
	overflow:hidden;
	padding:30px 0 0 0;
}
.optioncal_info .info_txt{
	clear:left;
	display:block;
	float:left;
	position:relative;
	width:470px;
}
.optioncal_info .info_img{
	margin:0 0 0 490px;
}

.optioncal_info02{
	height:1%;
	overflow:hidden;
	padding:10px 0 10px 0;
	border-bottom:1px solid #d6d6d6;
}
.optioncal_info02 .info_img{
	clear:left;
	display:block;
	float:left;
	position:relative;
	width:174px;
}
.optioncal_info02 .info_txt{
	margin: 0 0 0 175px;
	padding-top:5px;
}
.optioncal_info02 .info_txt p{
	padding-bottom:10px;
}
.optioncal_info_line{border-bottom:1px solid #d6d6d6;}
/* ºÎ°¡¼­ºñ½º */
.msmartLi {width:100%; overflow:hidden;}
.msmartLi ul.dlist-type01 {float:left;}
.msmartLi ul.dlist-type01.li01 {width:282px;}
.msmartLi ul.dlist-type01.li02 {width:252px;}
.msmartLi ul.dlist-type01 li {margin-bottom:15px; padding:0; color:#808fb8; background:none; font-weight:bold;}
.msmartLi ul.dlist-type01 li li {margin:0; padding:0; color:#747474; font-weight:normal; font-size:12px;}

.h2_udpad {border-top:1px solid #e1e1e1;padding:27px 0 5px 0;}
.smsAlerm_Svc {float:none; *zoom:1}
.smsAlerm_Svc:after {display:block; content:""; clear:both; visibility:hidden; height:0}
.smsAlerm_Svc div.alermThumnail {float:left; width:180px; margin:0 20px 0 0}
.smsAlerm_Svc dl {display:block; float:left;margin:0;padding:0;width:70%}
.smsAlerm_Svc dl dt {margin:0 0 10px 0}
.smsAlerm_Svc dl dt h2 {margin:0;padding:0}
.smsAlerm_Svc dl dd {font-family:dotum; font-size:11px;}

.promiseContents {float:none; *zoom:1; padding-left:230px; background:url('/images/biz/hpp/bg_promiseList.gif') no-repeat 0 20px;}
.promiseContents:after {display:block; content:""; visibility:hidden; height:0; clear:both;}
.promiseContents span.clearFloat {display:block; clear:both;}
.promiseList {display:block; float:left; width:230px;}
	*html .promiseList {display:inline; float:left; width:230px;}
	*html .promiseList li { padding:0 0 0 20px;margin:5px 0 0 -10px;zoom:1}
	*html .promiseList li.first {margin:0 0 0 -10px}
.promiseList li {background:url(/images/biz/hpp/bul/disc_04.gif) no-repeat 3px 0; padding:0 0 0 20px; margin:5px 0 0 0; font-size:11px;}
.promiseList li a {color:#5c5c5c !important}
.promiseList li.first {margin:0}
.promisStyle dt {font-weight:bold;margin:20px 0 10px 0}
.promisStyle dd {line-height:15px}
.breakTable {margin:10px 0}
.breakTable th { background:#8ca6cf; font-size:11px; text-align:center;height:10px;padding:3px 0;border:none;border-top:1px solid #8ca6cf;}
.breakTable th.seperate {border-right:1px solid #e1e2e4;}
.breakTable td {font-size:11px; text-align:center; height:10px; border:none;height:10px;padding:3px 0;}
.breakTable td.seperate {border-right:1px solid #e1e2e4;}
.breakTable td.bottomLine {border-bottom:1px solid #e1e2e4;}
.breakTable td.sickArea {text-align:left; background:url("/images/biz/hpp/bul/square_01.gif") no-repeat 7px 8px;padding:0 0 0 10px;text-indent:5px; letter-spacing:-0.08em}
.breakTable th.first {border-left:none}
.breakTable th {letter-spacing:-0.08em; color:#54708c !important}
.breakTable td.first {border-left:none}

.selfpaystep {width:100%;padding-top:20px;}
.selfpaystep li {float:left;}
.selfpaystep li.next {background:url('/images/biz/conts/person/optional_service/img_selfpay_arw.gif') no-repeat 0 108px;}
.selfpaystep li .tle {text-align:center;width:128px;margin-left:13px;padding-bottom:10px;}
.selfpaystep li .selfpaystep2 li {float:left;padding:0 5px 0 13px;}
.selfpaystep li .selfpaystep2 li.next {background-position:0 83px;}

.msmartPhoneSv li.msmartPhoneSv_li {clear:both;}
.msmartPhoneSv li h2 {float:left; margin:0;}
.msmartPhoneSv li .roundbox-type05 {float:right; position:relative; width:552px; margin-bottom:40px; text-align:center;}
.msmartPhoneSv li .roundbox-type05 .inner {padding:0;}
.msmartPhoneSv li .roundbox-type05 span.top {background:url(/images/biz/conts/person/optional_service/bg_uo0108_tbg.gif) no-repeat left top !important;}
.msmartPhoneSv li .roundbox-type05 span.btm {background:url(/images/biz/conts/person/optional_service/bg_uo0108_bbg.gif) no-repeat left bottom !important;}
.msmartPS {position:relative; width:100%; padding-bottom:25px; background-color:#f3f3f3;}
.msmartPSImg {margin:26px 0;}
.msmartPS .msmartPSa {
	position:absolute; top:0; left:258px;
	width:35px; height:18px;
	background:url(/images/biz/conts/person/optional_service/bg_uo0108_01.gif) no-repeat;
}
.msmartPhoneSv .msmartPSLi {height:1%; border-top:1px solid #adb1b6;}
.msmartPhoneSv .msmartPSLi li {
	float:left;
	padding-top:9px; margin-top:27px;
	background:url(/images/biz/conts/person/optional_service/bg_uo0108_dot.gif) repeat-y left top;
}
.msmartPhoneSv .msmartPSLi.step01 li {width:182px;}
.msmartPhoneSv .msmartPSLi.step02 li {width:275px;}
.msmartPhoneSv .msmartPSLi.step03 li {width:182px;}
.msmartPhoneSv .msmartPSLi.step04 li {width:136px;}
.msmartPhoneSv .msmartPSLi li.first {background:none;}

/* point inquary 0611 */
.userinfo_box {
	position:absolute;
	width:689px;
	height:42px;
	margin:-96px 0 0 -25px;
	padding:24px 0 0 43px;
	background:url("/images/biz/hpp/bg_userpoint_info.gif") no-repeat;
}
.userinfo_box .deftit {
	display:inline-block;
	width:56px;
	padding-left:10px;
	background:url("/images/biz/hpp/bul/square_03.gif") no-repeat 0 5px;
	vertical-align:middle;
}
.userinfo_box .infosect {margin-left:200px;}

/* ÀÌº¥Æ® */
.ingeventview	 {height: 444px; margin: 0 0 40px 0; position: relative;}
.ingeventview .inner	 {position: absolute; top: 0; left: -4px;}

.winsearchbox .inner	{text-align: center; padding-bottom: 13px;}
.winsearchbox .inner *	{vertical-align: middle;}
.winsearchbox .inner label	{margin: 0 10px 0 0;}
.winsearchbox .inner input.intext03	{background: #fff;}

.webzineboard	{border-bottom: 0 none;}
.webzineboard .read	{border-bottom: 0 none;}
.eventboardview	{border-top: 0 none;}
.eventboardview .eventcont	{padding: 0;}
.eventboardview .eventcont .eventview_type01 {border-bottom: 0 none; margin: 0 0 40px 0;}
.lp_cmtmodify	{width: 703px; height: 213px; top: 400px; left: 282px; }
.lp_cmtmodify .comment_type01 .inputform	{border-top: 1px solid #ececec;}
.lp_cmtmodify .comment_type01 textarea	{width: 480px;}


.eventcont .blueConbox {width:678px; }
.eventcont .blueConbox .list3 {border-left: 1px #91c6d7 solid; border-right:1px #91c6d7 solid; border-top:none; border-bottom:none; padding:40px;}
.eventcont .blueConbox ul li {padding:0; margin:0 0 20px;}
.eventcont .blueConbox .graybox {border:1px #ededed solid; width:400px}
.eventcont .blueConbox .graybox ul {border:none;padding:15px;}
.eventcont .blueConbox .graybox ul li {margin:0;}



/* Àü¿ëÈ¸¿ø */
.agreeway_wrap {overflow:hidden;width:100%;margin:30px 0 15px 0;}
.agreeway_wrap img {vertical-align:top;}
.agreeway_wrap .aw_left {float:left;width:295px;padding:0 16px 0 35px;background:url("/images/biz/hpp/etc/bg_agreeway_wrap.gif") 100% 0 repeat-y;}
.agreeway_wrap .aw_right {float:left;width:295px;padding-left:15px;}
.agreeway_wrap .dlist-type02 {margin:15px 0 0 10px;}

/* money saver layer popup */
.moneysave_layerpop {
	position:absolute;
	top:156px;
	left:42px;
	z-index:10;
	border:4px solid #2D3B4C;
	background:#fff;
}
.moneysave_inner {
	position:relative;
	width:600px;
	padding:15px 20px;
}
.moneysave_inner .close {
	position:absolute;
	top:5px;
	right:7px;
}
.moneysave_inner h1 {margin:0 0 20px 0;}
.schedule_tab {
	overflow:hidden;
	width:100%;
}
.schedule_tab img {vertical-align:top;}
.schedule_tab li {float:left;}
.schedulelist {
	margin-bottom:10px;
	background:url("/images/biz/hpp/bg_moneysave_list.gif") repeat-x;
}
.schedulelist th {
	padding-top:20px;
	color:#4C5973;
	border-bottom:1px solid #D3D5D9;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.schedulelist td {
	padding:20px 0 15px 0;
	border-bottom:1px solid #D3D5D9;
	color:#596987;
	vertical-align:top;
}
.schedulelist .sub {
	display:inline-block;
	width:90px;
	vertical-align:middle;
}
.schedulelist .sect {margin-bottom:5px;}
.schedulelist img,
.schedulelist input {vertical-align:middle;}
.schedulelist .intext,
.schedulelist select {color:#aaa;}
.schedulelist .intext {
	padding:2px 0 1px 5px;
	border:1px solid #C3C5C7;
}
.schedulelist .check {
	width:13px;
	height:13px;
	vertical-align:middle;
}

.scheduleday_view {
	position:relative;
	width:100%;
	margin-bottom:7px;
	color:#aaa;
	font-size:13px;
	text-align:center;
}
.scheduleday_view em {
	padding:0 5px;
	color:#212E42;
	font-size:30px;
	font-weight:bold;
}
.scheduleday_view .regist {
	position:absolute;
	right:0;
	bottom:0;
}

.myschedule {
	margin-bottom:0;
}
.myschedule th {
	padding:20px 0;
	border-bottom:1px solid #212E42;
	text-align:center;
}
.myschedule td {
	padding:20px 0 0 0;
	border-bottom:1px solid #212E42;
}
.myschedule .last th,
.myschedule .last td {padding-bottom:0; border-bottom:0;}

.myschedule_area {
	overflow:hidden;
	width:100%;
	padding:10px 0 7px 0;
	border-top:1px solid #D3D5D9;
}
.myschedule_area.firstcont {
	padding-top:0;
	border-top:0;
}
.myschedule_area .icon {
	float:left;
}
.myschedule_area .detail {
	position:relative;
	float:right;
	width:448px;
	color:#5C5C5C;
	font-size:11px;
	line-height:17px;
}

.myschedule_area .time {
	color:#8EA8D8;
}
.myschedule_area.anniversary .time {
	color:#D87896;
}
.myschedule_area .function {
	position:absolute;
	right:0;
	bottom:0;
}
.myschedule_area .function .btn {margin-right:-4px;}

.myschedule_regist {
	padding:10px 0 0 10px;
	border-top:1px solid #D3D5D9;
	background:#F6F8FA;
}
.myschedule_regist .sub {
	width:142px;
	padding-left:5px;
}
.myschedule_regist textarea {
	overflow:auto;
	border:1px solid #C7C8CA;
	color:#aaa;
}
.myschedule_regist .multi_cont {
	overflow:hidden;
	width:100%;
	margin-bottom:5px;
}
.myschedule_regist .multi_cont .left {
	float:left;
}
.myschedule_regist .multi_cont .right {
	width:355px;
	float:right;
}
.myschedule_regist .btnwrap {
	width:498px;
	margin:20px 0 0 -10px;
	padding:10px 0;
	border-top:1px solid #E4E7EA;
	text-align:center;
}

.oversev_float_r {float:right;width:336px;margin-left:15px;}
.of_hidden {overflow:hidden;width:100%;}
.of_hidden .left_wrap {float:left;}
.of_hidden .right_wrap {float:right;}

.secu_instguide li.floatwrap {overflow:hidden;width:100%;margin-bottom:20px;}
.secu_instguide li .si_img {float:left;width:205px;}
.secu_instguide li .conts {float:left;width:526px;font-size:11px;line-height:1.6;}
.secu_instguide li .conts img {display:block;margin-bottom:10px;}

#contents .rvrbg_servinfo {background:url('/images/biz/hpp/etc/bg_Uo0004_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_mobipay {height:225px;background:url('/images/biz/hpp/etc/bg_Uo0011_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_smsprim {background:url('/images/biz/hpp/etc/bg_Uo0017_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_selfmobi {height:225px;background:url('/images/biz/hpp/etc/bg_Uo0134_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_selfmobi02 {height:230px;background:url('/images/biz/hpp/etc/bg_Uo0117_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_smartserv {background:url('/images/biz/hpp/etc/bg_Uo0108_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_custserv {background:url('/images/biz/hpp/etc/bg_Uo0101_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_discsev {background:url('/images/biz/hpp/etc/bg_Uo0071_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_giveday {background:url('/images/biz/hpp/etc/bg_Uo0067_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_mobiloca {background:url('/images/biz/hpp/etc/bg_Uo0061_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_creserv {height:225px;background:url('/images/biz/hpp/etc/bg_Uo0044_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_creservinfo {height:390px;background:url('/images/biz/hpp/etc/bg_info_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_creservcheck {height:221px;background:url('/images/biz/hpp/etc/bg_Uo0045_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_vmmobi {height:250px;background:url('/images/biz/hpp/etc/bg_Uo0054_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_smsserv {background:url('/images/biz/hpp/etc/bg_Uo0022_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_adrcng {background:url('/images/biz/hpp/etc/bg_Uo0039_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_creinq {background:url('/images/biz/hpp/etc/bg_Uo0050_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_secuserv01 {background:url('/images/biz/hpp/etc/bg_Uo0033_rb.gif') 4px 4px no-repeat;}
#contents .rvrbg_tcommerce {background:url('/images/biz/hpp/etc/page/bg_Uo0040_rb.gif') 4px 4px no-repeat;}

.my_point_info { font-size:0; line-height:0; letter-spacing:-1px; }
.my_point_info:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .my_point_info { display:inline-block; }
* html .my_point_info { display:inline-block; }
.my_point_info h2 { float:left; margin:0; }
.my_point_info dl { float:left; margin-left:25px; padding-left:25px; border-left:1px solid #eaeaea; }
.my_point_info dl dt { margin-bottom:15px; }
.my_point_info dl dd { margin-bottom:40px; }
.my_point_info dl dd p { margin-bottom:10px; }
.my_point_info dl dd.last { margin-bottom:0; }

.roundbox-type11 div.point_payment { padding:20px; }
.point_payment p { margin-bottom:15px; }
.special_event_list { margin-bottom:40px; }
.special_event_list:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .special_event_list { display:inline-block; }
* html .special_event_list { display:inline-block; }
.special_event_list li { float:left; margin:0 19px 20px 0; }
.special_event_list li.even { margin-right:0; }

.evt_main { margin-bottom:10px; }
.evt_main p { margin-bottom:1px; }



/* discount_event */
.discount_event {
	margin-bottom:15px;
	text-align:center;
	line-height:18px;
}
.discount_event .copy {
	margin-bottom:9px;
	color:#64ACBE;
	font-size:14px;
	font-weight:bold;
}
.interestrate {
	margin-bottom:35px;
	color:#FA6A00;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.card_payment dt,
.card_payment dd { vertical-align:top; display:inline-block; margin-bottom:30px; }
*+ html .card_payment dt,
*+ html .card_payment dd { display:inline; }
* html .card_payment dt,
* html .card_payment dd { display:inline; }
.card_payment dt { width:175px; }
.card_payment dd { width:550px; }

.customerbox { height:57px; padding:20px 0 0 180px; background-repeat:no-repeat; background-image:url('/images/biz/hpp/bg_customerbox.gif'); }
.customerbox p { margin-bottom:12px; }
.customerbox strong { margin-right:15px;}
.customerbox img { vertical-align:middle; }

.submitmsg02 .type01 {background-image:url('/images/biz/hpp/icon/comp_type01.gif');}
.submitmsg02 .type02 {background-image:url('/images/biz/hpp/icon/comp_type02.gif');}
.submitmsg02 .type03 {background-image:url('/images/biz/hpp/icon/comp_type03.gif');}
.submitmsg02 .type04 {background-image:url('/images/biz/hpp/icon/comp_type04.gif');}
.submitmsg02 .type05 {background-image:url('/images/biz/hpp/icon/comp_type05.gif');}
.submitmsg02 .type06 {background-image:url('/images/biz/hpp/icon/comp_type06.gif');}
.submitmsg02 .type07 {background-image:url('/images/biz/hpp/icon/comp_type07.gif');}
.submitmsg02 .type08 {background-image:url('/images/biz/hpp/icon/comp_type08.gif');}
.submitmsg02 .type09 {background-image:url('/images/biz/hpp/icon/comp_type09.gif');}
.submitmsg02 .type10 {background-image:url('/images/biz/hpp/icon/comp_type10.gif');}
.submitmsg02 .type11 {background-image:url('/images/biz/hpp/icon/comp_type11.gif');}
.submitmsg02 .type12 {background-image:url('/images/biz/hpp/icon/comp_type12.gif');}
.submitmsg02 .type13 {background-image:url('/images/biz/hpp/icon/comp_type13.gif');}
.submitmsg02 .type14 {background-image:url('/images/biz/hpp/icon/comp_type14.gif');}

.familyloan .noline th { border-bottom:0 none; }

.loanqual li { text-indent:-68px; margin-bottom:10px; padding-left:77px; }
.loanqual li strong { font-weight:normal; text-indent:0; vertical-align:middle; display:inline-block; width:68px; }
*+ html .loanqual li strong { margin-left:-68px; }
* html .loanqual li strong { margin-left:-68px; }

/* sh_way */

.shwCultureStory {margin-top:32px;}
.shwCultureStory:after {display:block; content:""; clear:both; visibility:hidden; height:0}
.shwCultureStory .bgBox {float:left; position:relative; height:505px; text-align:center;}
.shwCultureStory .bgBox .viewBtn {margin-top:21px;}
.shwCultureStory .culturestory01 {width:224px; background:url('/images/biz/conts/person/sh_way/bg_Uw0002_05_01.gif') no-repeat;}
.shwCultureStory .culturestory02 {width:283px; background:url('/images/biz/conts/person/sh_way/bg_Uw0002_05_02.gif') no-repeat;}
.shwCultureStory .culturestory03 {width:225px; background:url('/images/biz/conts/person/sh_way/bg_Uw0002_05_03.gif') no-repeat;}

.shwLC {margin:30px 0 0 0; padding:0 0 20px 0; border-bottom:1px solid #e1e2e4;}
.shwLC:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*html .shwLC {height:1%;}
.shwLC .img {border:1px solid #d9d9d9; vertical-align:top;}
.shwLC h3 {color:#5286b8;}
.shwLC .cinfo li {float:left; padding:0 10px; border-left:1px solid #dbdbdb; font-size:11px;}
.shwLC .cinfo li.first {padding-left:0px; border:none;}
.shwLC .textb {color:#aaaaaa;}

.shwTbx {padding:0 0 45px 0; border-bottom:1px solid #e1e2e4;}

.shwGp {margin-top:30px;}
.shwGp:after {display:block; content:""; clear:both; visibility:hidden; height:0}
.shwGp * {vertical-align:top;}
.shwGp li {float:left; width:360px; margin-bottom:20px; height:85px; background:url('/images/biz/conts/person/sh_way/bg_Uw0020_logo.gif') no-repeat; border-bottom:1px solid #d6d6d6;}
.shwGp li.contsnon {background:none;}
.shwGp li p.img {float:left; width:150px; padding:22px 0 0; text-align:center;}
.shwGp li .comp {float:left; margin:5px 0 0 20px;}
.shwGp li .comp .url {margin:10px 0 0; padding:0 0 0 10px; background:url('/images/biz/hpp/bul/square_01.gif') no-repeat 0 4px; font-size:11px; color:#666666;}

.love_letter { margin-bottom:20px; padding:29px; border:1px solid #ced6e0; }
.love_letter:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .love_letter { display:inline-block; }
* html .love_letter { display:inline-block; }
.love_letter .letter { text-align:center; float:left; }
.love_letter .letter .image { margin-bottom:10px; }
.love_letter .content { float:left; display:inline; width:453px; margin-left:33px; }
.love_letter .content .line { margin-bottom:25px; padding-bottom:23px; border-bottom:1px solid #ced6e0; }

.webzine:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .webzine { display:inline-block; }
* html .webzine { display:inline-block; }
.webzine .town { float:left; }
.webzine .town .location { float:left; margin-right:3px; padding-left:15px; background-repeat:no-repeat; background-image:url('/images/biz/hpp/bg_location.gif'); }
.webzine .town .location .inner { font-size:0; line-height:0; letter-spacing:-1px; height:118px; padding:16px 13px 0 0; background-repeat:no-repeat; background-position:100% 0; background-image:url('/images/biz/hpp/bg_location.gif'); }
.webzine .town .location .inner a,
.webzine .town .location .inner a span { color:#fff; font-size:11px; letter-spacing:0; line-height:12px; text-align:center; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url('/images/biz/hpp/bg_lo_btn.gif'); }
.webzine .town .location .inner a span { line-height:12px; height:12px; padding-top:2px; }
.webzine .town .location .inner a:hover { text-decoration:none; }
.webzine .town .item01 { width:148px; }
.webzine .town .item01 a { padding-left:2px; margin:0 4px 5px 0; background-position:0 100%; }
.webzine .town .item01 a span { width:36px; padding-right:2px; background-position:100% 100%; }
.webzine .town .item02 { width:238px; }
.webzine .town .item02 a { margin:0 4px 5px 0; background-color:#b9b9b9; }
.webzine .town .item02 a span { width:40px; background-position:100% 0; }
.webzine .with_u { float:right; }

.love_letter_quiz { position:relative; zoom:1; }
.love_letter_quiz .label { position:absolute; left:-4px; top:-4px; z-index:2; }
.love_letter_quiz .btn { position:absolute; left:194px; top:154px; z-index:1; }
.love_letter_quiz div { position:relative; zoom:1; overflow:hidden; }
.love_letter_quiz div .img { position:absolute; left:0; top:0; display:block; width:100%; background-repeat:no-repeat; }
.love_letter_quiz div.item01 { height:212px; }
.love_letter_quiz div.item01 .img { height:212px; background-image:url('/images/biz/hpp/img_love_letter_quiz01.jpg'); }
.love_letter_quiz div.item02 { height:115px; }
.love_letter_quiz div.item02 .img { height:115px; background-image:url('/images/biz/hpp/img_love_letter_quiz02.jpg'); }
.love_letter_quiz div.item03 { height:181px; }
.love_letter_quiz div.item03 .img { height:181px; background-image:url('/images/biz/hpp/img_love_letter_quiz03.jpg'); }
.love_letter_quiz div.item04 { height:119px; }
.love_letter_quiz div.item04 .img { height:119px; background-image:url('/images/biz/hpp/img_love_letter_quiz04.jpg'); }

.rib-flash-3 { position:relative;left:-3px; }

.morecard {text-align:center;}
.morecard .morecon {text-align:left;}

/* Àü¿ëÈ¸¿ø */

.spc_chrgcard {
	overflow:hidden;
	position:relative;
	width:100%;
	height:150px;
	margin-bottom:30px;
	text-align:center;
	background:url('/images/biz/hpp/etc/bg_chrgcard.gif') 50% 0 no-repeat;
}
.spc_chrgcard .past {
	display:inline;
	float:left;
	width:190px;
	margin:64px 0 0 55px;
}
.spc_chrgcard .future {
	display:inline;
	float:right;
	width:190px;
	margin:64px 62px 0 0;
}
.spc_chrgcard .cardname {
	margin-bottom:8px;
	color:#1f4d80;
	font-size:14px;
	font-weight:bold;
}
.spc_chrgcard .cardnum {
	color:#597fae;
	font-size:12px;
}
.spc_chrgcard .spc_reqsum {
	position:absolute;
	right:310px;
	top:64px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.card_img_wrap { font-size:0; line-height:0; letter-spacing:-1px; text-align:center; width:552px; height:210px; margin-bottom:20px; }
.card_img_wrap span.align { vertical-align:middle; overflow:hidden; display:inline-block; width:0; height:100%; }
.card_img_wrap img { vertical-align:middle; }
.cardlist { width:552px; }
.cardlist:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .cardlist { display:inline-block; }
* html .cardlist { display:inline-block; }
.cardlist li { font-size:11px; line-height:16px; float:left; width:128px; padding-left:10px; background-repeat:no-repeat; background-position:0 6px; background-image:url('/images/biz/hpp/bul/square_03.gif'); }

.internallink ul li a:hover	{
	background-image: url('/images/biz/hpp/bul/disc_01_on.gif');
}

.internallink.type02 ul li a:hover	{
	background-image: url('/images/biz/hpp/bul/disc_01_on.gif');
}
.internallink,.internallink.type02	{
	border-top: 1px solid #8ca6cf;
	border-bottom: 2px solid #8ca6cf;
	padding: 9px 20px 10px 20px;
	margin: 0 0 40px 0;
}

.preference_event { margin-bottom:40px; }
.preference_event:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .preference_event { display:inline-block; }
* html .preference_event { display:inline-block; }
.preference_event li { float:left; margin-bottom:20px; }
.preference_event li.even { margin-left:20px; }
.oversea_cardlist { margin-bottom:5px; }
.oversea_cardlist:after { content:' '; display:block; visibility:hidden; clear:both; }
*+ html .oversea_cardlist { display:inline-block; }
* html .oversea_cardlist { display:inline-block; }
.oversea_cardlist li { float:left; margin-left:14px; }
.oversea_cardlist li.first { margin-left:0; }

/* shway stapmenu style */
.stabmenu_shway {height:26px;border-bottom:1px solid #d8d8d8;}
.stabmenu_shway ul li {float:left;}
.stabmenu_shway ul li img {vertical-align:top;}

/*100804 ¼öÁ¤*/
.join_benefit {width:100%; background:url(/images/biz/cmm/bg_join_list_btm.gif) no-repeat bottom;}
.join_benefit ol {width:100%; padding:30px 0; background:url(/images/biz/cmm/bg_join_list_top.gif) no-repeat;}
.join_benefit:after,
.join_benefit ol:after { content:' '; display:block; visibility:hidden; clear:both; }
.join_benefit li { float:left; border-left:1px solid #eee;}
.join_benefit li.first {border:none;}
.join_benefit li img { vertical-align:top; }


/*main*/
#personmain #wrap { width:auto; }
#personmain #header { height:auto; }
#personmain #bottomptr { margin:0 auto; }

#personmain #visualmenu { text-align:center; background-repeat:no-repeat; background-position:50% -30px; background-image:url('/images/biz/hpp/etc/bg_main_flash.jpg'); }
#personmain #mainservice { padding-top:32px; background-repeat:repeat-x; background-image:url('/images/biz/hpp/etc/bg_main_service.gif'); }
#personmain #mainservice .flash { text-align:center; width:924px; height:120px; margin:0 auto; }
#personmain #mainservice .flash div { float:left; width:308px; text-align:left; }
#personmain #mainservice .list { width:924px; margin:0 auto 27px; }
#personmain #mainservice .list:after { content:' '; display:block; visibility:hidden; clear:both; }
#personmain #mainservice .list .wrap { float:left; width:308px; }
#personmain #mainservice .list .wrap img { vertical-align: top; }
#personmain #mainservice .list .wrap h2 { margin:0 0 10px; font-size: 10px; ; }
#personmain #mainservice .list .wrap p { height:75px; padding:7px 0 0 115px; background-repeat:no-repeat; }
#personmain #mainservice .list .item01 p { background-image:url('/images/biz/hpp/bg_main_service01.jpg'); }
#personmain #mainservice .list .item02 ul { overflow: hidden; margin: 0 0 10px 0; height: 1%; }
#personmain #mainservice .list .item02 ul li { float: left; background: url('/images/biz/hpp/bul/bar_06.gif') no-repeat 6px 0; padding: 0 0 0 11px; }
#personmain #mainservice .list .item02 ul li.first { background: none; padding: 0 }
#personmain #mainservice .list .item02 p { padding: 0; font-size:0; }
#personmain #mainservice .list .item02 p img { vertical-align: top; }
#personmain #mainservice .list .item03 ul { overflow: hidden; height: 63px; padding-top:8px; }
#personmain #mainservice .list .item03 ul li { background:url('/images/biz/hpp/bul/bar_08.gif') no-repeat 0 13px; float: left; padding: 0 0 0 1px; }
#personmain #mainservice .list .item03 ul li.first { background:none;  padding: 0; }
#personmain #mainservice .list .item03 ul li img { vertical-align: top; }
#personmain .footer .fmembership {background:url('/images/biz/hpp/etc/bg_footer_01.gif') no-repeat 50% 0;}








/*20110425 main Ç²ÅÍ ¼Óµµ°³¼± Image CSS Sprites*/
#header .etc #utillmenuX {position: absolute; top:10px; left:527px; width:380px; height:15px;}
#header .etc #utillmenuX li {height: 15px; position: absolute; top:0px; background: url(http://www.shinhancard.com/images/biz/hpp/xp_localmenu.png) 0 0 no-repeat; display: block; list-style: none;}
#header .etc #utillmenuX a {height: 15px; display: block; border:none;}
#header .etc #utillmenuX a:hover {border:none;}
#header .etc #utillmenuX #btn01l {width:71px; left:0px;}
#header .etc #utillmenuX #btn01l_i {width:71px; left:0px; background-position:-71px 0;}
#header .etc #utillmenuX #btn02l {width:53px; left:71px; background-position:-195px 0;}
#header .etc #utillmenuX #btn02l_i {width:53px; left:71px; background-position:-142px 0;}
#header .etc #utillmenuX #btn03l {width:44px; left:124px; background-position:-248px 0;}
#header .etc #utillmenuX #btn04l {width:54px; left:168px; background-position:-292px 0;}
#header .etc #utillmenuX #btn05l {width:52px; left:222px; background-position:-346px 0;}
#header .etc #utillmenuX #btn06l {width:61px; left:274px; background-position:-398px 0;}
#header .etc #utillmenuX #btn07l {width:71px; left:335px; background-position:-459px 0;}

#header .etc #utillmenuX #btn01l a:hover {width:71px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) 0px -30px no-repeat;}
#header .etc #utillmenuX #btn01l_i a:hover {width:71px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -71px -30px no-repeat;}
#header .etc #utillmenuX #btn02l a:hover {width:53px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -195px -30px no-repeat;}
#header .etc #utillmenuX #btn02l_i a:hover {width:53px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -142px -30px no-repeat;}
#header .etc #utillmenuX #btn03l a:hover {width:44px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -248px -30px no-repeat;}
#header .etc #utillmenuX #btn04l a:hover {width:54px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -292px -30px no-repeat;}
#header .etc #utillmenuX #btn05l a:hover {width:52px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -346px -30px no-repeat;}
#header .etc #utillmenuX #btn06l a:hover {width:61px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -398px -30px no-repeat;}
#header .etc #utillmenuX #btn07l a:hover {width:71px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_localmenu.png) -459px -30px no-repeat;}







/*20110425 main Ç²ÅÍ ¼Óµµ°³¼± Image CSS Sprites*/
#footermenu {position: relative; margin:0 0 1px 0; padding:0px; width: 600px; height: 15px;}
#footermenu li {height: 15px; position: absolute; top:0px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) 0 0 no-repeat; display: block; list-style: none;}
#footermenu a {height: 15px; display: block; border:none;}
#footermenu a:hover {border:none;}
#footermenu #btn01c {width: 50px; left: 0px;}
#footermenu #btn02c {width: 58px; left: 50px; background-position: -50px 0;}
#footermenu #btn03c {width: 60px; left: 108px; background-position: -108px 0;}
#footermenu #btn04c {width: 88px; left: 168px; background-position: -168px 0;}
#footermenu #btn05c {width: 98px; left: 255px; background-position: -256px 0;}
#footermenu #btn06c {width: 98px; left: 353px; background-position: -354px 0;}
#footermenu #btn07c {width: 99px; left: 451px; background-position: -452px 0;}
#footermenu #btn08c {width: 51px; left: 549px; background-position: -551px 0;}

#footermenu #btn01c a:hover {width: 50px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) 0px -25px no-repeat;}
#footermenu #btn02c a:hover {width: 58px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -50px -25px no-repeat;}
#footermenu #btn03c a:hover {width: 60px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -108px -25px no-repeat;}
#footermenu #btn04c a:hover {width: 88px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -168px -25px no-repeat;}
#footermenu #btn05c a:hover {width: 98px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -256px -25px no-repeat;}
#footermenu #btn06c a:hover {width: 98px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -354px -25px no-repeat;}
#footermenu #btn07c a:hover {width: 99px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -452px -25px no-repeat;}
#footermenu #btn08c a:hover {width: 51px; background: url(http://flash.shinhancard.com/scwi/hpp/images/main/xp_footer_0322.png) -551px -25px no-repeat;}







/*#personmain #header .gnb { top:46px; }
#personmain #header .gnb li { margin-right:9px; padding:3px 0 0 8px; background-repeat:no-repeat; background-position:0 6px; background-image:url('/images/biz/hpp/etc/bg_line01.gif'); }
#personmain #header .gnb li.first { padding:0; background-image:none; }
#personmain #header .etc .servicemenu { left:323px; top:49px; }
#personmain #header .etc .servicemenu li { background-position:8px 2px; background-image:url('/images/biz/hpp/etc/bg_line02.gif'); }
#personmain #header .etc .servicemenu li.first { padding-left:0; background-image:none; }
#personmain #header .etc .pagesearch .intext { width:109px; padding-top:4px; }
#personmain #header .etc { padding-left:718px; }
#personmain #header .etc .pagesearch { font-size:0; line-height:0; letter-spacing:-1px; padding-top:0; padding-left:0; background-position:77px 0; }
#personmain #header .etc .pagesearch .select { vertical-align:top; position:relative; display:inline-block; width:75px; margin-right:6px; padding-top:6px; background-repeat:no-repeat; background-image:url('/images/biz/hpp/etc/bg_select.gif'); }
*+ html #personmain #header .etc .pagesearch .select { display:inline; }
* html #personmain #header .etc .pagesearch .select { display:inline; }
#personmain #header .etc .pagesearch .select .anchor { cursor:pointer; display:inline-block; width:66px; height:17px; padding-left:9px; background-repeat:no-repeat; background-position:0 100%; background-image:url('/images/biz/hpp/etc/bg_select2.gif'); }
#personmain #header .etc .pagesearch .select ul { position:absolute; left:0; top:6px; width:75px; padding-bottom:1px; background-repeat:no-repeat; background-position:0 100%; background-image:url('/images/biz/hpp/etc/bg_select.gif'); }
#personmain #header .etc .pagesearch .select ul li { cursor:pointer; padding:0 0 5px 9px; zoom:1; }
#personmain #header .etc .pagesearch .select ul li.first { background-repeat:no-repeat; background-position:61px 4px; background-image:url('/images/biz/hpp/etc/bg_select_arrow.gif'); }
#personmain #header .etc .pagesearch .select ul li label { cursor:pointer; }
#personmain #header .etc .pagesearch .select ul li img { vertical-align:top; }
#personmain #header .etc .pagesearch .select ul li input { overflow:hidden; display:none; width:0; height:0; }
#personmain #header .etc .pagesearch input { font-size:12px; line-height:1.2; letter-spacing:0; }
#personmain #header .etc .utillmenu { right:0; width:112px; }
#personmain #header .etc .utillmenu li { margin-left:5px; padding-left:6px; padding-right:0; background-position:0 5px; }
#personmain #header .etc .utillmenu li.first { margin-left:0; padding-left:0; background-image:none; }*/
/*//main*/

.textversion .menu	{ width: 922px; margin: 0 auto; overflow: hidden; padding: 30px 0 0 0; }
.textversion .menu .colleft	{ float: left; width: 227px; }
.textversion .menu .colleft .quickservice	{
	position: relative;
	width: 225px;
	height: 267px;
	margin: 0 0 10px 0;
	border: 1px solid #f5f5f5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/common/js/biz/PIE.htc)
}
.textversion .menu .quickservice p	{ padding: 17px 0 0 14px;}
.textversion .menu .quickservice ul	{ padding: 0 0 0 17px;}
.textversion .menu .quickservice ul li	{ width:100%; position:relative; padding: 1px 0 0 0; background: url('/images/biz/hpp/main/dline_01.gif') repeat-x 0 0; font-size: 11px;}
.textversion .menu .quickservice ul li.first	{ padding: 0; background: none;}
.textversion .menu .quickservice ul li img	{ vertical-align: top;}
.textversion .menu .quickservice ul li .icon {position:absolute; top:6px; right:5px;}
.textversion .menu .shcardstart	{
	position: relative;
	border: 1px solid #f5f5f5;
	width: 225px;
	height: 180px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/common/js/biz/PIE.htc)
}
.textversion .menu .shcardstart p	{ padding: 16px 0 0 14px;}
.textversion .menu .shcardstart ul	{ padding: 0 0 0 17px;}
.textversion .menu .shcardstart ul li	{ padding: 1px 0 0 0; background: url('/images/biz/hpp/main/dline_01.gif') repeat-x 0 0; font-size: 11px;}
.textversion .menu .shcardstart ul li.first	{ padding: 0; background: none;}
.textversion .menu .shcardstart ul li img	{ vertical-align: top;}
.textversion .menu .colright	{
	float: right;
	width: 695px;
	height: 465px;
}
.textversion .menu .col, .textversion .menu .col2	{
	position: relative;
	height: 125px;
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0 0 10px 10px;
	border: 1px solid #f5f5f5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/common/js/biz/PIE.htc)
}
.textversion .menu .row2	{height: 170px;}
.textversion .menu .row3	{height: 140px;}
.textversion .menu .col h2, .textversion .menu .col2 h2	{ padding: 11px 0 0 14px; margin: 0; height: 27px;}
.textversion .menu .col ul, .textversion .menu .col2 ul	{ padding: 0 0 0 16px;  }
.textversion .menu .col2 ul	{ width: 125px; float: left; }
.textversion .menu .col2 ul.first	{ width: 141px;}
.textversion .menu .col ul li, .textversion .menu .col2 ul li	{ padding: 0 0 2px 0;}
.textversion .menu .col ul li a, .textversion .menu .col2 ul li a	{ padding: 0 7px 0 0; background: url('/images/biz/hpp/main/bul_01.gif') no-repeat 100% 3px; clear: left; float: left;}
.textversion .menu .col2	{width: 309px;}
.textversion .menu .col	{width: 175px;}
.textversion .menu .ttsmenu	{float: left; padding: 24px 0 0 19px;}
.textversion .menu .ttsmenu ul	{float: left; width: 300px; }
.textversion .menu .ttsmenu li	{display: inline; float: left; margin: 0 31px 0 0; font-size: 0;}
.textversion .menu .ttsmenu li img	{margin: 0 3px 0 0;}
.textversion .menu .ttsmenu li .tit	{margin: 0 7px 0 0;}
.textversion .menu .imghomelink	{clear: both; text-align: right; padding: 16px 7px 20px 0; height: 1%;}

.textversion #mainservice .inner	{ width: 922px; margin: 0 auto; overflow: hidden; padding: 33px 0 0 0;}
.textversion #mainservice .mlist	{float: left; width: 302px; height: 118px; margin: 0 0 0 0; background-position: 0 12px; background-repeat: no-repeat;}
.textversion #mainservice .event		{background-image: url('/images/biz/hpp/main/icon_01.gif');}
.textversion #mainservice .bestcard		{background-image: url('/images/biz/hpp/main/icon_02.gif');}
.textversion #mainservice .newservice		{background-image: url('http://flash.shinhancard.com/scwi/hpp/images/main/text/icon_text_newservice03.gif');}
.textversion #mainservice .news		{background-image: url('/images/biz/hpp/main/icon_04.gif');}
.textversion #mainservice .mlist h2	{margin: 0; height: 32px;}
.textversion #mainservice .mlist p	{margin: 0 0 10px 109px;}
.textversion #mainservice .mlist .link	{display: block; margin: 0 0 0 109px;}
.textversion #mainservice .financial		{width: 150px;}
.textversion #mainservice .allthat		{width: 150px;}
.textversion #mainservice .financial p		{margin: 0 0 10px 0;}
.textversion #mainservice .allthat p		{margin: 0 0 10px 0;}
.textversion #mainservice .contrisociety ul { overflow: hidden; height: 63px; margin:-8px 0 0; }
.textversion #mainservice .contrisociety ul li { background:url('/images/biz/hpp/bul/bar_08.gif') no-repeat 0 13px; float: left; padding: 0 0 0 1px; margin:0 0 0 -5px; }
.textversion #mainservice .contrisociety ul li.first { background:none;  padding: 0; }
.textversion #mainservice .contrisociety ul li img { vertical-align: top; }

/* cardreq_cssarea */
.cardreq_ofwrap {overflow:hidden;width:100%;margin-bottom:10px;padding-top:31px; position:relative;}
.cardreq_ofwrap .cardreq_left {position:absolute; top:0; left:0;}
.cardreq_ofwrap .cardreq_left .cardreq_conts {margin-bottom:25px;line-height:1.6;}
.cardreq_ofwrap .cardreq_left .cardreq_conts .title {color:#697ca4;font-weight:bold;}

.cardreq_desc li {width:315px;margin-bottom:5px;padding-left:54px;line-height:20px;}
.cardreq_desc li .title {display:inline-block;width:50px;margin-left:-54px;}
.cardreq_desc li .ico_taps {display:inline-block;margin-right:8px;font-size:11px;}
.cardreq_desc li img {vertical-align:middle;}

.cardreq_ofwrap .cardreq_right {text-align:right;float:right;width:378px;height:240px;padding-right:32px;background:url('/images/biz/hpp/etc/bg_shcard_right.gif') 0 0 no-repeat;}
.cardreq_ofwrap .cardreq_right img {vertical-align:top;}

.card_layer_sub {position:absolute;padding:18px 20px;background:#fff;border:1px solid #6c9bd4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior: url(/common/js/biz/PIE.htc);}
.card_layer_sub .close {position:absolute;top:0;right:0;}
* html .card_layer_sub .close {right:-1px;}
.card_layer_sub strong {color:#7fa5d3;}

.card_layer_sub02 {
	display:none;
	position:absolute;
	left:0;
	top:0;
	border:3px solid #b0b0b0;
	background-color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: #d9d9d9 3px 3px 0;
	-webkit-box-shadow: #d9d9d9 3px 3px 0;
	-moz-box-shadow: #d9d9d9 3px 3px 0;
	behavior:url('/common/js/biz/PIE.htc');
}

.shlove_cardinfo {width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.shlove_cardinfo:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .shlove_cardinfo {height:1%;}
.shlove_cardinfo .desc_img {float:left;}
.shlove_cardinfo .shci_conts {float:right;width:518px;line-height:1.6;}
.shlove_cardinfo .shci_conts dt {color:#808fb8;font-weight:bold;}
.shlove_cardinfo .shci_conts dt img {vertical-align:middle;}


*110922 Ä«µå½ÅÃ» ÇÁ·Î¼¼½º °³¼±
.shlove_cardinfoN {width:580px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.shlove_cardinfoN:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .shlove_cardinfoN {height:1%;}
.shlove_cardinfoN .desc_img {float:left;}
.shlove_cardinfoN .shci_conts {float:right;width:400px;line-height:1.6;letter-spacing:-0.13em;}
.shlove_cardinfoN .shci_conts dt {color:#808fb8;font-weight:bold;}
.shlove_cardinfoN .shci_conts dt img {vertical-align:middle;}


.h4_agree { position:relative; margin:5px 0 0px 0; font-weight:bold; height: 19px; color: #595959; }









.boardview tbody.bw_thsubbg th {vertical-align:middle;color:#595959;text-align:center;padding-left:0;border-right:1px solid #ededed;}
.boardview tbody.bw_thsubbg th.subth {padding-left:20px;text-align:left;background-color:#fcfcfc;}
.boardview tbody.bw_thsubbg td {padding-left:15px;}

.welb_spoth {overflow:hidden;width:100%;}
* html .welb_spoth {margin-bottom:10px;}
*+ html .welb_spoth {margin-bottom:10px;}
.welb_spoth h2 {float:left;}
.welb_spoth .ws_desc {float:left;margin:19px 0 0 6px;font-size:11px;letter-spacing:-0.1em;}

.onecard_spot {height:439px;background:url('/images/biz/hpp/etc/bg_onecard_spot.gif') 0 0 no-repeat;}
.onecard_spot .os_spot {height:209px;}
.onecard_spot img {vertical-align:top;}
.onecard_spot .os_spot h2 {margin:0;padding:23px 0 8px;text-align:center;}
.onecard_spot .os_spot .os_h2desc {margin-bottom:41px;text-align:center;}
.onecard_spot .os_spot .os_cardlist {overflow:hidden;width:464px;margin-left:131px;}
.onecard_spot .os_spot .os_cardlist li {float:left;}

.onecard_spot .os_conts {margin:19px 0 0 89px;height:204px;}
.onecard_spot .os_conts h3 {color:#45474d;}
.onecard_spot .os_conts .osc_desclist {overflow:hidden;width:600px;color:#747474;font-size:11px;line-height:16px;}
.onecard_spot .os_conts .osc_desclist strong {display:block;margin-bottom:4px;color:#7fa5d3;}
.onecard_spot .os_conts .osc_desclist li {float:left;width:285px;margin-bottom:21px;}

.cont_visualarea {margin-bottom:50px;}
.cont_visualarea img {vertical-align:top;}

.tgd-top {padding:10px 0 45px 150px; background:url(/images/biz/hpp/img_yes24.gif) no-repeat 32px 0;}
.indent150 {padding-left:150px; text-indent:-150px;}
.indent15 {padding-left:15px;}
.indent35 {padding-left:35px;}

h3 .link {vertical-align:-3px;}

.cardinfo-section {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.cardinfo-section.prepaid-card {height:210px; padding:50px 0 0 220px; background:url(/images/biz/hpp/bg_prepaidcard.gif) no-repeat 22px 0;}
.cardinfo-section.prepaid-card:after {content:""; display:block; visibility:hidden; clear:both;}
.cardinfo-section.prepaid-card p {margin-bottom:10px; font-weight:bold; color:#6d7b99; letter-spacing:-1px;}
.cardinfo-section.prepaid-card div {float:left; width:50%;}
.cardinfo-section.welfare-card {height:210px; padding:50px 0 0 240px; background:url(/images/biz/hpp/bg_welfarecard.gif) no-repeat 15px 0;}
.cardinfo-section.welfare-card p {font-size:11px; line-height:1.7;}
.cardinfo-section.welfare-card p.title {margin-bottom:6px; font-size:12px; font-weight:bold; color:#6d7b99;}
.cardinfo-section.welfare-card p img {vertical-align:middle;}

.shlove_cardinfo_wrap {
	position:relative;
	width:100%;
}

.desc_box_txt {
	padding:21px 0 18px 28px;
	background:#fff;
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(/common/js/biz/PIE.htc);
	line-height:20px;
}

.card_service { font-size:0; line-height:0; letter-spacing:-1px; position:relative; width:182px; height:77px; padding:18px 21px 0; background-repeat:no-repeat; background-image:url('/images/biz/hpp/bg_card_service.gif'); }
.card_service .arrow_l { position:absolute; left:9px; top:39px; }
.card_service .arrow_r { position:absolute; right:9px; top:39px; }
.card_service .wrap { position:relative; overflow:hidden; width:182px; }
.card_service ul { white-space:nowrap; position:relative; }
.card_service li { text-align:center; vertical-align:bottom; display:inline-block; width:61px; }
*+ html .card_service li { display:inline; }
* html .card_service li { display:inline; }

.faqlink_box {
	margin-bottom:30px;
	padding:19px 0 19px 20px;
	background:#F7F8FA;
	border:1px solid #E0E4EB;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(/common/js/biz/PIE.htc);
}
.faqlink_box ul {
	overflow:hidden;
	width:100%;
	height:30px;
}
.faqlink_box li {
	float:left;
	margin-right:5px;
}
.faqlink_box li a {display:block;}
.faqlink_box li a:hover {margin-top:-30px;}

.rnd_spotbox {padding:5px 5px 3px 7px;line-height:1.6;background:#fdfdfd;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior: url(/common/js/biz/PIE.htc);}

.pointplusway li .processimg	 {margin: 20px 0 20px -8px;}
.pointplusway li dl	 {font-size: 11px; color: #999999;}
.pointplusway li dl dt	 {clear: left; float: left; display: block; width: 94px; font-weight: bold;}
.pointplusway li dl dd	 {padding: 0 0 0 11px; margin: 0 0 0 109px; background: url('/images/biz/hpp/bul/colon.gif') no-repeat 0 4px;}

.recommd_bestfranchlist	 {margin: 0 0 40px 0;}
.recommd_bestfranchlist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .recommd_bestfranchlist	{height: 1%;}
*+ html .recommd_bestfranchlist	{height: 1%;}
.recommd_bestfranchlist .list	 {width: 233px; height: 345px; position: relative; background: url('/images/biz/conts/person/sh_join_town/bg_recomm_pointplus.gif') no-repeat 0 0; float: left; margin: 0 0 0 16px;}
.recommd_bestfranchlist .first	 {margin: 0;}
.recommd_bestfranchlist .list .best	 {top: -4px;  left: -3px; position: absolute; }
.recommd_bestfranchlist .list .hd	 { padding: 30px 0 0 0; height: 190px;}
.recommd_bestfranchlist .list .hd .thumb	 { margin: 0 0 10px 35px; position: relative; }
.recommd_bestfranchlist .list .hd .thumb .frame	 {
	position: absolute;
	top: 0;
	left: 0;
	width: 154px;
	height: 88px;
	border: 5px solid #fff;
	opacity: 0.5;
	/*border-color: rgba(255, 255, 255, 0.4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490');*/
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.recommd_bestfranchlist .list .hd .title	 {font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
.recommd_bestfranchlist .list .hd .time	 {font-family: Arial; font-size: 16px; font-weight: normal; color: #ffea00; display: block; padding: 2px 0 0 0;}
.recommd_bestfranchlist .list .bd	 {padding: 0 23px 0;}
.recommd_bestfranchlist .list .bd dl	 {color: #5c5c5c; font-size: 11px; height: 74px; }
.recommd_bestfranchlist .list .bd dl dt	 {margin: 0 15px 0 0; clear: left; float: left; display: block;}
.recommd_bestfranchlist .list .bd dl dt img	 {vertical-align: top;}
.recommd_bestfranchlist .list .bd dl dd	 { margin: 0 0 4px 0; }
.recommd_bestfranchlist .list .bd .btn	 { text-align: center; }
.popular_franchlist	 {border-top: 2px solid #8ca6cf; border-bottom: 2px solid #e1e2e4; margin: 9px 0 0 0; padding: 20px 0 0 0;}
.popular_franchlist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .popular_franchlist	{height: 1%;}
*:first-child+html .popular_franchlist	{height: 1%;}
.popular_franchlist .list	 {float: left; width: 366px; padding: 10px 0 30px 0;}
.popular_franchlist .list h3	 {font-size: 16px; color: #5c9ed2; margin-bottom: 3px;}
.popular_franchlist .list .time	 {font-weight: bold; color: #444; margin-bottom: 10px;}
.popular_franchlist .list .time img	 { margin: 0 3px 0 0;}
.popular_franchlist .list .hd	 {float: left; width: 114px;}
.popular_franchlist .list .hd .thumb	 {position: relative; }
.popular_franchlist .list .hd .thumb .frame	 {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 57px;
	border: 5px solid #fff;
	opacity: 0.5;
	/*border-color: rgba(255, 255, 255, 0.4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490');*/
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.popular_franchlist .list .hd .thumb .message	 {font-size: 14px; font-weight: bold; color: #fff; text-align: center; position: absolute; top: 26px; left: 0; width: 100%; }
.popular_franchlist .list .hd .number	 {border: 1px solid #d6d8d9; border-top: 0 none; padding: 10px 10px 0; height: 24px; font-size: 11px; letter-spacing: -1px; color: #5c5c5c; line-height: 1.5; position: relative;}
.popular_franchlist .list .hd .number img	 {float: left; margin-top: 4px;}
.popular_franchlist .list .hd .number .num	 { float: right; color: #999999; position: absolute; top: 3px; right: 10px; vertical-align: middle;}
.popular_franchlist .list .hd .number em	 {font-size: 18px; font-weight: bold; color: #fa6a00;}
.popular_franchlist .list .bd	 {float: right; width: 242px;}
.popular_franchlist .list .bd dl	 { padding: 5px 0 0 5px; color: #888888; font-size: 11px; height: 75px;  }
.popular_franchlist .list .bd dl dt	 { clear: left; float: left; display: block; background: url('/images/biz/hpp/bul/square_14.gif') no-repeat 0 4px; padding: 0 0 0 8px; width: 72px;}
.popular_franchlist .list .bd dl dd	 { margin: 0 0 4px 80px;}
.popular_franchlist .list .bd dl dd.textpoint01	 { font-size: 12px; }

.hisave_imgarea {margin-bottom:30px;}
.hisave_imgarea img {vertical-align:top;}

.submitmsg02 .roundbox-type13-inner .hip_cardarea {overflow:hidden;width:100%;margin:-10px 0 6px;}
.submitmsg02 .roundbox-type13-inner .hip_cardarea img {vertical-align:top;}
.submitmsg02 .roundbox-type13-inner .hip_cardarea .hip_conts {float:left;width:191px;margin-right:30px;text-align:center;}

.roundbox-type01 .hisr_rndspot {position:relative;overflow:hidden;width:100%;margin-bottom:17px;padding-bottom:17px;border-bottom:1px solid #ededed;color:#808080;}
.roundbox-type01 .hisr_rndspot .hisr_tit {float:left;width:200px;text-indent:3px;font-weight:bold;}
.roundbox-type01 .hisr_rndspot .hisr_conts {float:left;width:435px;padding-right:45px;text-align:right;}

.my_style {
	border:1px solid #eeeeee;
	padding:0;
	background-color:#fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 0 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 0 2px;
	box-shadow:#ccc 2px 0 2px;
	behavior:url(/common/js/biz/PIE.htc);
}
.my_style .tab_wrap {
	height:58px;
	border-bottom:2px solid #dbe2e9;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	background:#e2e2e3;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e2e2e3), to(#969696));
	background:-moz-linear-gradient(#e2e2e3, #969696);
	background:linear-gradient(#e2e2e3, #969696);
	-pie-background: linear-gradient(#e2e2e3, #969696);
	behavior:url(/common/js/biz/PIE.htc);
}
.my_style .tab_wrap:after { content:' '; display:block; visibility:hidden; clear:both; }
.my_style .tab_wrap li { float:left; }
.my_style .tab_wrap li img { vertical-align:top; }
.my_style .cnt .item01 {
	height:199px;
	padding:58px 0 0 30px;
	background-repeat:no-repeat;
	background-position:0 100%;
	background-image:url('/images/biz/hpp/bg_my_style_card01.jpg');
}
.my_style .cnt .item01 p { margin-bottom:35px; }
.my_style .cnt .item02 { height:165px; padding:50px 0 0 30px; background-repeat:no-repeat; background-position:100% 0; background-image:url('/images/biz/hpp/bg_my_style_card02.jpg'); }
.my_style .cnt .item02 .dlist-type01 { margin-bottom:20px; }
.my_style .cnt .item02 h2 { color:#666; font-size:12px; }
.my_style .cnt .item02 h2 span { font-weight:normal; }
.my_style .faq { padding:40px 40px 20px; }
.my_style .faq dd { line-height:18px; padding:0 0 20px 18px; }
.mystyle_layer { position:absolute; left:0; top:0; z-index:10; width:689px; height:530px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/biz/hpp/bg_my_style_layer.gif'); }
.mystyle_layer .head { height:41px; padding:9px 0 0 21px; }
.mystyle_layer .head h2 { margin:0; padding:0; }
.mystyle_layer .body { padding:17px 0 0 36px; }
.mystyle_layer .close { position:absolute; right:21px; top:10px; }

.dualcont {
	overflow:hidden;
	width:100%;
}
.dualcont .left {float:left;}
.dualcont .right {float:right;}
.dualcont .townletter {
	position:relative;
	width:427px;
}
.dualcont .withu {
	position:relative;
	width:275px;
}
.dualcont .townletter h2,
.dualcont .withu h2 {
	margin:0 0 15px 0;
}
.dualcont .abs_link {
	position:absolute;
	top:0;
	right:0;
}

.meminq_btnarea {overflow:hidden;width:100%;}
.meminq_btnarea .memb_left {float:left;margin:0 20px 0 63px;}
.meminq_btnarea .memb_right {float:left;}

.boardlist tbody.tbl_aligntop th,
.boardlist tbody.tbl_aligntop td {vertical-align:top;text-align:left;}

.mallsection .submallsection {width:100%; border-top:1px solid #f1f1f1;}
.mallsection .submallsection:after {content:""; display:block; visibility:hidden; clear:both;}
.mallsection .submallsection.first {border-top:0;}
.submallsection .right {float:right; width:472px; padding:35px 0 40px;}
.submallsection .left {float:left; width:260px; text-align:center;}
.submallsection .left.type-shopping {padding-top:189px; background:url(/images/biz/hpp/bg_shopping_mall.gif) no-repeat center top;}
.submallsection .left.type-point {padding-top:173px; background:url(/images/biz/hpp/bg_point_mall.gif) no-repeat center top;}
.submallsection .left.type-mobile {padding-top:173px; background:url(/images/biz/hpp/bg_mobile_coupon.gif) no-repeat center top;}
.submallsection .left.type-mobilecg {padding-top:140px; background:url(/images/biz/hpp/bg_mobile_charge.gif) no-repeat center top;}
.submallsection .left.type-freeling {padding-top:136px; background:url(/images/biz/hpp/bg_lington_free.gif) no-repeat center top;}
.submallsection .left.type-topspoint {padding-top:136px; background:url(/images/biz/hpp/bg_premium_mall.gif) no-repeat center top;}

.submallsection .right h3 {margin-bottom:15px;}
.submallsection .right h4 {margin-bottom:5px;}
.submallsection .img-list li {float:left; width:110px; margin:0 5px 5px 0; padding-bottom:10px; font-size:11px; text-align:center;}
.submallsection .img-list li img {margin-bottom:3px;}
.submallsection .link-list li {float:left; width:110px; margin:0 5px 5px 0;}
.submallsection .link-list li a {display:block; width:101px; height:20px; padding:10px 0 0 9px; background:url(/images/biz/hpp/bg_linklist.gif) no-repeat; color:#999; font-size:11px;}
.submallsection .link-list li a:hover {color:#7fa5d3;}

.roundbox-type02 .mallsection {padding:0 31px 0;}
.roundbox-type02 .submallsection .left {width:200px;}
.roundbox-type02 .submallsection .right {width:444px; padding:30px 0;}

.pointmall-etc:after {content:""; display:block; visibility:hidden; clear:both;}
.pointmall-etc .left {float:left; margin-right:60px; padding-left:16px;}
.pointmall-etc .right {float:left;}
.pointmall-etc .right ul {padding-top:3px;}
.pointmall-etc .right li {float:left; padding:0 25px 0 17px;}
.pointmall-etc .right li.num01 {background:url(/images/biz/hpp/icon/list_no_s_01.gif) no-repeat;}
.pointmall-etc .right li.num02 {background:url(/images/biz/hpp/icon/list_no_s_02.gif) no-repeat;}
.pointmall-etc .right li.num03 {background:url(/images/biz/hpp/icon/list_no_s_03.gif) no-repeat;}

.uc_list {overflow:hidden;width:567px;margin:0 0 10px -21px;}
.uc_list li {float:left;padding-left:21px;margin-bottom:10px;}
.uc_list li img {vertical-align:top;}


* html .standalone {
	background:expression(/stabmenu09/.test(this.className) ? "#f8f9f9 url('/images/biz/hpp/etc/bg_stabmenu_09.gif') repeat-x left bottom" : "url('/images/biz/hpc/etc/bg_stabmenu_01.gif') repeat-x 0 28px");
}

<!-- ±ÝÀ¶¼­ºñ½º/ÀÏ¹Ý¸®º¼ºù¼­ºñ½º ½ºÅ¸ÀÏ Ãß°¡ 2011.02.18-->

.statement_0218 {width:100%; margin-bottom: 20px;}
.statement_0218:after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
}
* html .statement_0218 {height: 1%;}

.statement_0218 .left {
	float: left;
	width: 345px;
}
.statement_0218 .right {
	float: right;
	width: 345px;
}

.statement_0218  ul {overflow: hidden; width:320px; padding: 0 12px 0 13px; }

<!-- ±ÝÀ¶¼­ºñ½º/ÀÏ¹Ý¸®º¼ºù¼­ºñ½º ½ºÅ¸ÀÏ Ãß°¡ 2011.02.18 END-->



*110530 ½º¸¶Æ®¿ÀÆÛ ¹è³Ê °ü·Ã Ãß°¡
   .SO_WWW { position:relative; }
   .wind_leaf { position:absolute; left:176px; top:620px; }
   
   
   
.redtextGO	{font-size: 11px; font-face:¸¼Àº°íµñ; color:red; text-decoration:underline ;  }

/* ÀÏ¹ÝÄ«µå·Ð ÆùÆ® »ö Ãß°¡*/
.sboldblue01{ color:#206cba; font-weight:bold; }
.sboldblue02{ color:#255484; font-weight:bold; }
.sboldblue04{ color:#00abd0; font-weight:bold; }
.sboldblue03 { color:#fff; font-weight:bold; background-color:#0089d0; padding-left:5px; padding-top:3px; width:120px; margin-bottom:5px;}
.sblue{ color:#255484;}
.sorange{ color:#f97601; }
.sboldorange{ color:#f97601; font-weight:bold;}
.sfontgray{ color:#737373;}
.sfontgray02{  color:#929292;}

/* ±âÇÁÆ®Ä«µå */
.fivecomm, .fivecomm02{
  margin-left:20px;
}
.fivecomm dt{
  float:left;
  margin-bottom:10px; 
  
}
.fivecomm dd{
  width:500px;
  line-height:17px; 
  float:left;
  padding-left:10px;
}
.fivecomm02{
  clear:both;
  line-height:17px; 
}
.fivecomm02 dd{
  float:left;
}
.fivecard{
  width:128px;
  padding-right:10px;
}
.fivecard02{
  margin-top:10px;
}
.five_btn{ float:right;margin-top:-5px;}


/* Ã¼Å©¼Ò¾×½Å¿ë¼­ºñ½º */
.ch_tbl_white{border:1px solid white;}
.ch_middle_btn{vertical-align:middle; text-algin:center;}
.ch_center_btn{text-align:center;}


/* Á¤º¸º¸È£¼­ºñ½º */
.infoguard_left{
  width:372px; 
  position:absolute;
  left:0;
  top:255px;
}
.infoguard_left ul li{
  margin-top:15px;
}

.infoguard_right{
  width:278px;
  position:absolute;
  left:450px;
  top:336px;
}


/*130409*/
.h3_tit {line-height: 20px; padding: 35px 0 30px 19px}
.msg {padding: 20px 25px!important; line-height: 20px;}
.ws_desc01 {background:url('/images/biz/hpp/img/ws_desc.jpg') no-repeat right top;}
.ws_desc02 {background:url('/images/biz/hpp/img/ws_desc02.jpg') no-repeat 50px 73px;}
.msgL {width: 289px}
.msg_desc dt {margin-top: 20px; color: #327ac8; font-weight: bold;}
.msg_desc {padding: 25px !important }
.clrBl {color: #327ac8;}
.pb250{padding-bottom: 250px; }
/*//130409*/