/***********************************************
* 웅진 고객마케팅 컨텐츠
* STYLE SHEET
* CSS author - Grayblue 
***********************************************/
/* 마이페이지 ria */

div#mypagewrap{}

div.mypagemenu {
	clear:both;
	position:fixed;
	bottom:0;
	width:970px;
	z-index:80;
	height:32px;
	background:#5f5f5f url('/marketing/img/mypage_l/bg_default_bar.gif') no-repeat;
}
div.mypagemenu ul{
	padding:6px 0 0 82px;
}
div.mypagemenu ul li{
	float:left;
	padding:0 1px 0 1px;
	overflow:hidden;
	text-indent:-200px;
	text-align:center;
}
div.mypagemenu ul li a.menu1, 
div.mypagemenu ul li a.menu2, 
div.mypagemenu ul li a.menu3,
div.mypagemenu ul li a.menu4, 
div.mypagemenu ul li a.menu5, 
div.mypagemenu ul li a.menu6,
div.mypagemenu ul li a.menu7, 
div.mypagemenu ul li a.menu8, 
div.mypagemenu ul li a.menu9,
div.mypagemenu ul li a.menu10,
div.mypagemenu ul li a.menu11{
	display:block;
	height:21px;
	text-align:center;
}
div.mypagemenu ul li a.menu1{width:58px;background: url('/marketing/img/mypage_l/btn_menu1.gif') no-repeat;}
div.mypagemenu ul li a.menu2{width:72px;background: url('/marketing/img/mypage_l/btn_menu2.gif') no-repeat;}
div.mypagemenu ul li a.menu3{width:72px;background: url('/marketing/img/mypage_l/btn_menu3.gif') no-repeat;}
div.mypagemenu ul li a.menu4{width:72px;background: url('/marketing/img/mypage_l/btn_menu4.gif') no-repeat;}
div.mypagemenu ul li a.menu5{width:99px;background: url('/marketing/img/mypage_l/btn_menu5.gif') no-repeat;}
div.mypagemenu ul li a.menu6{width:83px;background: url('/marketing/img/mypage_l/btn_menu6.gif') no-repeat;}
div.mypagemenu ul li a.menu7{width:90px;background: url('/marketing/img/mypage_l/btn_menu7.gif') no-repeat;}
div.mypagemenu ul li a.menu8{width:77px;background: url('/marketing/img/mypage_l/btn_menu8.gif') no-repeat;}
div.mypagemenu ul li a.menu9{width:60px;background: url('/marketing/img/mypage_l/btn_menu9.gif') no-repeat;}
div.mypagemenu ul li a.menu10{width:68px;background: url('/marketing/img/mypage_l/btn_menu10.gif') no-repeat;}
div.mypagemenu ul li a.menu11{width:68px;background: url('/marketing/img/mypage_l/btn_menu11.gif') no-repeat;}

div.mypagemenu ul li a.menu1:hover{width:58px;background: url('/marketing/img/mypage_l/btn_menu1_on.gif') no-repeat;}
div.mypagemenu ul li a.menu2:hover{width:72px;background: url('/marketing/img/mypage_l/btn_menu2_on.gif') no-repeat;}
div.mypagemenu ul li a.menu3:hover{width:72px;background: url('/marketing/img/mypage_l/btn_menu3_on.gif') no-repeat;}
div.mypagemenu ul li a.menu4:hover{width:72px;background: url('/marketing/img/mypage_l/btn_menu4_on.gif') no-repeat;}
div.mypagemenu ul li a.menu5:hover{width:99px;background: url('/marketing/img/mypage_l/btn_menu5_on.gif') no-repeat;}
div.mypagemenu ul li a.menu6:hover{width:83px;background: url('/marketing/img/mypage_l/btn_menu6_on.gif') no-repeat;}
div.mypagemenu ul li a.menu7:hover{width:90px;background: url('/marketing/img/mypage_l/btn_menu7_on.gif') no-repeat;}
div.mypagemenu ul li a.menu8:hover{width:77px;background: url('/marketing/img/mypage_l/btn_menu8_on.gif') no-repeat;}
div.mypagemenu ul li a.menu9:hover{width:60px;background: url('/marketing/img/mypage_l/btn_menu9_on.gif') no-repeat;}
div.mypagemenu ul li a.menu10:hover{width:68px;background: url('/marketing/img/mypage_l/btn_menu10_on.gif') no-repeat;}
div.mypagemenu ul li a.menu11:hover{width:68px;background: url('/marketing/img/mypage_l/btn_menu11_on.gif') no-repeat;}

div.mypageview {
	position:fixed;
	bottom:0;
	width:100%;
	margin:0 auto;
	padding:0;
	z-index:100;
}
div.mypageview div.slide{
	width:970px;
	height:555px;
	background:#5f5f5f;
	color:#fff;
}
div.mypageview h4{
	float:left;
	height:35px;
	overflow:hidden;
	padding:0 0 0 24px;
}
div.mypageview span.btn{
	float:right;
	height:35px;
	overflow:hidden;
	padding:0 5px 0 0;
}
div.boxwrap{
	clear:both;
	width:960px;
	height:514px;
	margin:0 auto;
	color:#737373;
	background:#fff;
}
div.mplnb{
	display:inline;
	float:left;
	width:220px;
	padding:21px 0 0 15px;
}
div.mplnb div.member{
	float:left;
	width:195px;
	padding:10px 0 0 0;
	border:1px solid #ddd;
	background:#f5f5f5;
}
div.mplnb div.member span.usermyp{
	display:block;
	width:173px;
	margin:0 auto;
	padding:0 0 7px 0;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}
div.mplnb div.member span.usermyp strong{color:#fe7326;}
div.mplnb div.member div.userdata{
	width:100%;
	padding:10px 0 0 10px;
	font-size:11px;
	overflow:hidden;
}
div.mplnb div.member div.userdata strong{color:#454545;}
div.mplnb div.member div.userdata img{vertical-align:middle;}
div.mplnb div.member div.userdata ul{float:left;padding:2px 0 0px 0;}
div.mplnb div.member div.userdata ul li{float:left;width:95px;height:17px;}

div.mplnb ul.mypmenu{
	clear:both;
	width:195px;
	padding:10px 0 0 0;
}
div.mplnb ul.mypmenu li img{vertical-align:top;}
div.mplnb ul.mypmenu li ul.depth{
	padding:10px 0 3px 10px;
	border-bottom:1px solid #eaeaee;
}
div.mplnb ul.mypmenu li ul.depth li{height:17px;}


div.mplnb ul.mypquick{
	clear:both;
	width:195px;
	padding:15px 0 0 0;
}
div.mplnb ul.mypquick li{height:18px;}


div.mpcontwrap{
	float:left;
	position:relative;
	width:723px;
	height:512px;
	overflow:hidden;
	overflow-y:scroll;
	padding:0;
}
div.mpcont{
	width:679px;
	padding:20px 0 30px 10px;
	overflow:hidden;
}
div.mpcont div.title{
	float:left;
	width:100%;
	border-bottom:1px solid #ff7a33;
}
div.mpcont div.title h3{
	float:left;
	height:35px;
	overflow:hidden;
	padding:0 11px 0 0;
}
div.mpcont div.title p.stxt{
	float:left;
	position:relative;
	height:32px;
	background:#000;
}
div.mpcont div.title p.stxt img{
	position:absolute;
	left:0;
	bottom:0;
}
div.mpcont div.cont{
	clear:both;
	width:100%;
	padding:30px 0 0 0;
}
div.mpcont div.cont div.subtitle{
	clear:both;
	position:relative;
	width:100%;
	height:18px;
	padding:0;
}
div.mpcont div.cont div.subtitle h4{float:left;height:19px;padding:0 10px 0 0;}
div.mpcont div.cont div.subtitle strong.cpg{float:left;color:#ff6c00;}
div.mpcont div.cont div.subtitle strong.cpg a{color:#ff6c00;}
div.mpcont div.cont div.subtitle div.btn{
	position:absolute;
	top:-7px;
	right:0;
}

dl.period{
	position:absolute;
	top:-10px;
	right:0;
	width:300px;
}
dl.period dt{
	float:left;
	width:24px;
	padding:5px 0 0 0;
}
dl.period dd{
	float:left;
	padding:0 5px 0 0;
	vertical-align:middle;
}
dl.period dd img,
dl.period dd input{vertical-align:middle;}

div.mpcont div.cont div.info_ms{
	width:100%;
	color:#b5b5b5;
	font-size:12px;
	padding:10px 0 0 0;
}
div.mpcont div.cont div.info_ms p{
	padding:0 0 2px 18px;
	background: url('/marketing/img/mypage_l/bg_icon_infoms.gif') no-repeat 0 2px;
}
div.mpcont div.cont div.info_ms p img{vertical-align:middle;}
div.mpcont div.cont div.info_ms strong{
	display:block;
	padding:0 0 7px 0;
	font-size:12px;
	color:#787878;
}


div.mpcont div.cont div.pointview{
	float:left;
	width:100%;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	background:#f9fafa;
	margin:0 0 30px 0;
}
div.mpcont div.cont div.pointview dl.view{height:28px;margin:10px 0 0 0;}
div.mpcont div.cont div.pointview dl.view dt{float:left;padding:0 11px 0 17px;}
div.mpcont div.cont div.pointview dl.view dd{float:right;padding:0;}
div.mpcont div.cont div.pointview dl.view dd.pnt{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fe6906;
	padding:3px 0 0 0;
}
div.mpcont div.cont div.pointms{
	float:left;
	width:100%;
	height:33px;
	border-top:1px solid #f8c1a3;
	border-bottom:1px solid #d8d8d8;
	background:#f9fafa;
	padding:12px 0 0 0;
	text-align:center;
}
div.mpcont div.cont div.pointms img{vertical-align:middle;}
div.mpcont div.cont div.viewbtn{position:relative;width:100%;padding:10px 0 20px 0;text-align:center;}
div.mpcont div.cont div.viewbtn div.rightbtn{position:absolute;top:10px;right:0;}
div.mpcont div.cont div.viewbtn img{vertical-align:top;}

div.pointch{
	position:relative;
	clear:both;
	width:100%;
	height:86px;
	padding:0;
	border-bottom:1px solid #e3e3e3;
}
div.mpcont div.cont div.pointch dl{
	clear:both;
	width:478px;
	padding:26px 0 0 79px;
}
div.mpcont div.cont div.pointch dl dt{
	float:left;
	width:102px;
	height:21px;
}
div.mpcont div.cont div.pointch dl dd{height:21px;color:#e94700;font-weight:bold;}
div.mpcont div.cont div.pointch span.btn{
	position:absolute;
	top:26px;
	right:40px;
	z-index:2;
}

div.edupointview{
	float:left;
	width:100%;
	margin:23px 0 0 0;
	padding:0 0 27px 0;
}
div.edupointview h4{
	float:left;
	height:19px;
	padding:6px 0 0 0;
	color:#181818;
}
div.edupointview span.inq{
	float:right;
	width:206px;
	height:24px;
}
div.edupointview span.inq img{vertical-align:middle;}
div.edupointview ul{
	clear:both;
	width:100%;
	border-top:1px solid #f8c1a3;
}
div.edupointview li{
	position:relative;
	float:left;
	width:226px;
	height:104px;
	border-bottom:1px solid #f3f3f3;
	background:#f9fafa;
}
div.edupointview ul li dl{
	position:absolute;
	top:27px;
	left:36px;
}
div.edupointview ul li dl dt{height:40px;}
div.edupointview ul li dl dd{
	width:146px;
	height:20px;
	padding:2px 0 0 0;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('/marketing/img/mypage_l/educard_p_bg.gif') no-repeat;
}

div.edupointview2{
	float:left;
	width:100%;
	margin:23px 0 0 0;
	padding:0 0 27px 0;
}
div.edupointview2 h4{
	float:left;
	height:19px;
	padding:6px 0 0 0;
	color:#181818;
}
div.edupointview2 span.inq{
	float:right;
	width:206px;
	height:24px;
}
div.edupointview2 span.inq img{vertical-align:middle;}
div.edupointview2 ul{
	clear:both;
	width:100%;
	border-top:1px solid #727272;
}
div.edupointview2 li{
	position:relative;
	float:left;
	width:225px;
	height:104px;
	border-bottom:1px solid #f3f3f3;
	background:#f9fafa;
}
div.edupointview2 li.left{
	position:relative;
	float:left;
	width:220px;
	height:104px;
	border-bottom:1px solid #f3f3f3;
	background:#f9fafa;
}
div.edupointview2 li.left dl dt{
	margin:10px 0;
}
div.edupointview2 li.center{
	position:relative;
	float:left;
	width:290px;
	height:104px;
	border-bottom:1px solid #f3f3f3;
	background:#f9fafa;
}
div.edupointview2 li.center dl dt{
	float:left;
	width:90px;
	height:30px;
	margin:0;
}
div.edupointview2 li.center dl dd{
	float:left;
	width:160px;
	height:40px;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('../../marketing/img/mypage_l/educard_p_bgs1.gif') no-repeat;
}
div.edupointview2 ul li dl{
	position:absolute;
	top:25px;
	left:30px;
}
div.edupointview2 ul li dl dt{
	height:40px
}
div.edupointview2 ul li dl dd{
	width:160px;
	height:20px;
	padding:2px 0 0 0;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('../../marketing/img/mypage_l/educard_p_bgs2.gif') no-repeat;
}
div.edupointview2 ul li dl dd.pointMonth{
	text-align:center;
	height:20px;
	padding:2px 0 0 0;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('') no-repeat;
}


div.edupointview3{
	float:left;
	margin:0;
	padding:0;
}
div.edupointview3 ul{
	clear:both;
	border-top:1px solid #727272;
}
div.edupointview3 li{
	position:relative;
	float:left;
	border-bottom:1px solid #f3f3f3;
	background:#f9fafa;
}
div.edupointview3 li.left{
	position:relative;
	float:left;
	padding:0 20px 10px 20px;
	border-bottom:1px solid #f3f3f3;
	background:#f9fafa;
}
div.edupointview3 li.left dl dt{
	margin:10px 0 5px 0;
}

div.edupointview3 li.left dl dd.item01{
	width:150px;
	height:23px;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('../../marketing/img/mypage_l/educard_p_bgs3.gif') no-repeat;
}
div.edupointview3 li.left dl dd.item02{
	width:150px;
	height:23px;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('../../marketing/img/mypage_l/educard_p_bgs4.gif') no-repeat;
}
div.edupointview3 li.left dl dd.item03{
	width:150px;
	height:23px;
	color:#e94700;
	font-size:16px;
	font-weight:bold;
	background: url('../../marketing/img/mypage_l/educard_p_bgs5.gif') no-repeat;
}


div.thinkfavo{
	float:left;
	width:679px;
	height:85px;
	background: url('/marketing/img/mypage_l/bg_userinfo_favo.gif') no-repeat;
}
div.thinkfavo h5{
	display:inline;
	float:left;
	width:236px;
	padding:24px 0 0 22px;
}
div.thinkfavo ul{
	float:left;
	padding:3px 0 0 0;
}
div.thinkfavo ul li{float:left;text-align:center;color:#ec5301;font-size:11px;}
div.thinkfavo ul li strong{color:#ec5301;font-size:14px;padding:0 2px 0 0;}
div.thinkfavo ul li img{vertical-align:top;}



table.mplist{
	clear:both;
	width:100%;
}
table.mplist thead th{
	height:30px;
	border-top:1px solid #f8c1a3;
	border-bottom:1px solid #e3e3e3;
	background:#f9fafa;
}
table.mplist tbody td{
	text-align:center;
	padding:9px 0 9px 0;
	color:#454545;
	line-height:17px;
	border-bottom:1px solid #e3e3e3;
}
table.mplist tbody td.subj{
	text-align:left;
	padding-left:10px;
}
table.mplist tbody td strong{color:#4a4949;font-size:11px;}
table.mplist tbody td a{color:#7c7c7c;font-size:11px;}
table.mplist tbody td.pay,
table.mplist tbody td.payc{
	color:#7c7c7c;
	font-size:11px;
	padding:0;
}
table.mplist tbody td span.pnum{color:#f34602;}

table.mplist tbody.fstyle td{
	font-size:11px;
	color:#7c7c7c;
}
table.mplist thead.line th{border-left:1px solid #eee;}
table.mplist thead.line th.first,
table.mplist tbody.educard td.first, 
table.mplist thead.userinfo th{border-left:0px solid #eee;}
table.mplist tbody.educard td{
	font-size:11px;
	color:#7c7c7c;
	border-left:1px solid #eee;
}
table.mplist thead.userinfo th, 
table.mplist thead.userinfo td{border-top:1px solid ##f8c1a3;}
table.mplist tbody.userinfo td{color:#7c7c7c;}
table.mplist tbody.userinfo td.userg{color:#454545;}
table.mplist tbody.userinfo td.userg a{color:#454545;}

table.mplist td.eanswer{
	height:0;
	padding:0;
	border:0;
	overflow:hidden;
	text-align:left;
	background:#f9f9f9;
}
table.mplist td.eanswer div.eacont{
	padding:7px 20px 7px 50px;
	border-bottom:1px solid #e3e3e3;
}

table.mplist2{
	clear:both;
	width:100%;
}
table.mplist2 thead th{
	height:30px;
	border-top:1px solid #727272;
	border-bottom:1px solid #e3e3e3;
	background:#f9fafa;
}
table.mplist2 tbody td{
	text-align:center;
	padding:9px 0 9px 0;
	color:#454545;
	line-height:17px;
	border-bottom:1px solid #e3e3e3;
}
table.mplist2 tbody td.subj{
	text-align:left;
	padding-left:10px;
}
table.mplist2 tbody td strong{color:#4a4949;font-size:11px;}
table.mplist2 tbody td a{color:#7c7c7c;font-size:11px;}
table.mplist2 tbody td.pay,
table.mplist2 tbody td.payc{
	color:#7c7c7c;
	font-size:11px;
	padding:0;
}
table.mplist2 tbody td span.pnum{color:#f34602;}

table.mplist2 tbody.fstyle td{
	font-size:11px;
	color:#7c7c7c;
}
table.mplist2 thead.line th{border-left:1px solid #eee;}
table.mplist2 thead.line th.first,
table.mplist2 tbody.educard td.first, 
table.mplist2 thead.userinfo th{border-left:0px solid #eee;}
table.mplist2 tbody.educard td{
	font-size:11px;
	color:#7c7c7c;
	border-left:1px solid #eee;
}
table.mplist2 thead.userinfo th, 
table.mplist2 thead.userinfo td{border-top:1px solid ##f8c1a3;}
table.mplist2 tbody.userinfo td{color:#7c7c7c;}
table.mplist2 tbody.userinfo td.userg{color:#454545;}
table.mplist2 tbody.userinfo td.userg a{color:#454545;}

table.mplist2 td.eanswer{
	height:0;
	padding:0;
	border:0;
	overflow:hidden;
	text-align:left;
	background:#f9f9f9;
}
table.mplist2 td.eanswer div.eacont{
	padding:7px 20px 7px 50px;
	border-bottom:1px solid #e3e3e3;
}

table.mpview{
	clear:both;
	width:100%;
	border-bottom:1px solid #f8c1a3;
}
table.mpview thead th{border-bottom:0;}
table.mpview thead th, table.mpview thead td{border-top:1px solid #f8c1a3;}
table.mpview th{
	height:30px;
	text-align:left;
	padding:0 0 0 10px;
	background:#f9fafa;
	border-left:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
}
table.mpview td{
	padding:0 0 0 10px;
	color:#7c7c7c;
	border-left:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
}
table.mpview th.first, table.mpview td.first{border-left:none;}
table.mpview td.none{padding:0;}

table.subview{
	width:100%;
	border:0;
}
table.subview th{border-left:0;background:#fff;}
table.subview tr.first th, table.subview tr.first td{border-top:0;}
table.subview th{
	text-align:left;
	color:#444444;
	font-weight:normal;
}
table.subview a{color:#7c7c7c;}
table.mpview td strong.subj{color:#5c5c5c;}
table.mpview td img{vertical-align:middle;}
table.mpview td ul{padding:5px 0 0 0;}
table.mpview td ul li{padding:0 0 5px 0;}

/* 마이페이지_회원정보_기본정보 */
div.member_info{overflow:hidden;float:left;}
div.member_info ul{float:left;width:100%;}
div.member_info ul li{float:left;width:135px;height:142px;}
div.member_info ul li p{
	color:#717171;
	padding:5px 0 0 9px;
	font-size:11px;
	background: url('/marketing/img/mypage_l/member_info_bul.gif') no-repeat 1px 8px;
}
div.member_info ul li p a{color:#717171;font-size:11px;}
div.member_info ul li img{border:1px solid #e3e3e3;}

/* 마이페이지_로그인 */
div.rialogin{
	width:895px;
	margin:20px auto;
}
div.rialogin div.title{
	float:left;
	width:100%;
	border-bottom:1px solid #ff7a33;
}
div.rialogin div.title h3{
	float:left;
	height:35px;
	overflow:hidden;
	padding:0 11px 0 0;
}
div.rialogin div.title p.stxt{
	float:left;
	position:relative;
	height:32px;
}
div.rialogin div.title p.stxt img{
	position:absolute;
	left:0;
	bottom:0;
}
div.mylogin{
	width:100%;
	height:212px;
	margin:30px 0 0 0;
	display:inline-block;
	border-top:1px solid #f8c1a3;
	border-bottom:1px solid #f8c1a3;
}
div.mylogin p{
	width:428px;
	margin:0 auto;
	padding:33px 0 18px 66px;
	border-bottom:1px solid #f4f4f4;
}
div.mylogin p.idpw_btn{padding:3px 0 0 222px;border:0;}
div.mylogin ul{width:351px;height:52px;margin:27px auto 0;}
div.mylogin ul li{float:left;width:270px;height:52px;}
div.mylogin ul li dl dt{float:left;width:73px;height:21px;padding:5px 0 0 0;}
div.mylogin ul li dl dd{float:left;width:197px;height:20px;padding:0 0 6px 0;}
div.mylogin ul li.loginbtn{width:81px;height:52px;}

/* 나의 서비스신청 */
table.wepsview td{
	height:30px;
	border-left:0;
	border-right:1px solid #e3e3e3;
}
table.wepsview td.rightline{border-right:0;}
table.wepsview tr.topline td{border-top:0;}

iframe.mpiframe{overflow:hidden;overflow-y:scroll;}