@charset "utf-8";

@import url('mb-finance.css');
/* CSS Document */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,select,button,
header,footer,nav,section,article,aside,figure,video,audio{
	margin:0;
	padding:0;
}
header,footer,nav,section,article,aside,figure{display:block}
html,body{-webkit-text-size-adjust:none}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;line-height:1.42;-webkit-animation: bugfix infinite 1s; /*overflow:hidden;*/font-family:AppleSDGothicNeo-Light,Apple-Gothic,'맑은 고딕','Malgun Gothic','돋음',Dotum,AppleSDGothicNeo,AppleGothic,Arial,Helvetica,sans-serif;}
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }
input,select,table,button{font-family:sans-serif;color:#000;line-height:inherit;font-family:AppleSDGothicNeo-Light,Apple-Gothic,'맑은 고딕','Malgun Gothic','돋음',Dotum,AppleSDGothicNeo,AppleGothic,Arial,Helvetica,sans-serif;}
ul, ol{list-style:none}

/* Alink */
a{color:inherit;text-decoration:none}
 *{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}/*강제포커스 주황아웃라인 제거*/
/* Basic */
img{border:0}
img.diagram{max-width:100%}
em, address, del, small{font-style:normal}
small{color:#71727b;font-size:12px;line-height:1.28}
small{display:inline-block}
small.unit{color:#000}
strong{color:#2768c3;font-weight:normal}
em{color:#ac0069;font-weight:normal}
sup{margin-left:3px;color:#ac0069;font-size:11px}
.u, .u a{text-decoration:underline}
.eng{display:inline-block;vertical-align:middle;margin-top:-1px}
table{border-spacing:0}
caption{font-size:0;line-height:0;width:1px;height:1px;overflow:hidden;margin:-1px;text-indent:-5000em;color:transparent}
legend{font-size:0;line-height:0;width:1px;height:0;overflow:hidden;text-indent:-5000em;color:transparent;border:0}
fieldset{border:0;}
th{text-align:center;font-weight:normal}

/* Display */
.fl{float:left}
.fr{float:right}
.clear{clear:both !important;zoom:1}
.clear:after{content:'';display:block;clear:both}
.blind{position:absolute;left:-9999px;width:1px;height:1px;line-height:0;opeacity:0;overflow:hidden;font-size:8px;}
.block{display:block}
.iblock{display:inline-block}

/* Align */
.l{text-align:left !important}
.c{text-align:center !important}
.r{text-align:right !important}
.t{vertical-align:top !important}
.m{vertical-align:middle !important}
.b{vertical-align:bottom !important}

/* Space */
hr{clear:both;display:block;visibility:hidden;width:1px;height:40px !important;font-size:0;line-height:0}

/* Skip Navigation */
.skipNav a{position:absolute;top:-100px;left:0;width:100%;text-align:center;background-color:#3b65b1;color:#fff;z-index:1000}
.skipNav a:focus, .skipNav a:active{top:0}

/* ico_btn.png */
.lnb a.d1:after,
.lnb a.d2:after,
.lnb li:before,
a.attach.pdf strong:after,
.guide p:before,
.guide p a:before,
a.more-list span,
a.btn3 span,
dl.board dd a,
.ctl.share>.btn3 span,
.ctl.share li>a span:before,
select,
.step>li~li:before,
.toggle-list>dt a:before,
.toggle-list .title a:before,
.toggle-list2 .title a:before,
.tbl-comment:before,
.btn span:after,
.btn2 span:after,
.btn3.wish span:after,
.btn3.delete span:after,
.btn3.sch span:after,
.btn3.big.sch span:after,
.btn3.mov span:after,
.btn3.prev span:before,
.btn3.chart span:after,
.btn4 span:after,
.faq>dt .q,
.faq>dd .a,
.lay-close:after,
.bank-list>li .logo:before,
/* .roll-container h2:before, */
.roll-container h2 .toggle_arrow,
.el-board .kwd:before,
.el-board .arr,
.tbl-top .time:before,
.el-board .time:before,
.tbl-info:before,
a.go-arr:before,
a.go-all:before,
table.board .change:before,
button.ico:after,
.recomm-quick a:after,
.matrix-cont1 ul li span:after,
.btn4.tbl span:after,
.btn4.chart span:after,
.step2>li~li:before,
.msg-box.result:before,
#popWrap .close,
.home-notice .more{background:url(/images/mobile/common/ico_btn.png) no-repeat;background-size:75px auto;}

/* form */
input,
select,
button{-webkit-appearance:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0;-webkit-border-radius:0;box-shadow:0}
input[type=text],
input[type=password],
input[type=number],
input[type=search]{border:1px solid #686970;font-size:100%;color:#a0a3aa;height:28px;padding:0 10px;-webkit-box-sizing:border-box;}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled{background-color:#fff}
select{border:1px solid #454650;background-color:#fff;height:30px;line-height:2;padding:0 21px 0 7px;font-size:100%;color:#000;background-position:right -434px;vertical-align:middle}
.tbl-top select,
.sch-frm select,
select.small{font-size:12px}
input[type=checkbox],
input[type=radio]{background:url(/images/mobile/common/ico_form.png) no-repeat;background-size:100px;width:15px;height:15px;vertical-align:middle}
/*input[type=radio]:hover{background-position:-25px 0}*/
input[type=radio]:checked{background-position:-50px 0}
input[type=radio]:disabled{background-position:-75px 0}
input[type=checkbox]{background-position:0 -25px}
/*input[type=checkbox]:hover{background-position:-25px -25px}*/
input[type=checkbox]:checked{background-position:-50px -25px}
input[type=checkbox]:disabled{background-position:-75px -25px}
/*input[type=radio]:hover{background-position:-25px 0}*/
input[type=checkbox].type9{background-position:0 -25px}
/*input[type=checkbox]:hover{background-position:-25px -25px}*/
input[type=checkbox].type9:checked{background-position:-50px -25px}
input[type=checkbox].type9:checked:disabled{background-position:-50px -25px}
input[type=checkbox].type9:disabled{background-position:-75px -25px}
.full select,
.full input[type=text],
.full input[type=search],
.full input[type=password]{width:100%}

/****************************************************************************************
Layout
******************************************************************************************/
#wrap{}
.sub_title{display:block;font-size:20px;padding:9px 0 11px;background:#f3f4f5;line-height:22px;color:#000;text-align:center;border-bottom:1px solid #393b4c;}
section#contents{padding:0 0 40px}
section#contents.bg,
section#contents.main{padding-bottom:0}

#wrap>header{height:40px;padding:10px 10px 0;border-bottom:1px solid #eee; position:relative} /*border-bottom:2px solid #bdbdbd;*/
#wrap>header:after{content:"";display:block;clear:both;visibility:hidden}
#wrap>header h1{position:absolute;top:17px;left:80px;right:80px;height:16px;font-size:100%;text-align:center}
#wrap>header h1 a{display:block;height:16px;background:url(/images/mobile/common/samsungpop.gif) no-repeat center top;background-size:138px;text-indent:-9999px;color:transparent}
#wrap>header h1 a:before{position:absolute;top:0;left:0;height:16px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
.headline { display:block;width:100%;height:8px;background-image:linear-gradient(to right, #1e9ada, #0066ba); }
/* 2014-01-26 상단 긴급 공지 */
.top-notice{border-bottom:1px solid #2c2e3b;background-color:#dfe0e4}
.top-notice.none-notice{display:none;}/*전체메뉴 열때 긴급공지 삭제*/
.top-notice .inner{zoom:1}
.top-notice .inner:after{content:'';display:block;clear:both}
.top-notice .clear{clear:both;}
.top-notice .cardimg{display:block;padding:12px;padding-bottom:0px;text-align:center;}
.top-notice .cardimg img{vertical-align:top;max-width:100%}
.top-notice p{width:180px; height:49px;color:#000;font-size:13px;line-height:45px}
.top-notice.type2 p{width:300px;}
.top-notice p a{color:#000}
.top-notice p.fr .checkbox{margin-top:-2px}
.top-notice p.fr a.close{display:inline-block;vertical-align:middle;width:30px;height:30px;margin-left:4px;margin-right:10px;background-size:30px 30px;background:url(/images/mobile/common/bt_close.png) no-repeat;text-indent:-9999px}
.top-notice p.fr a.close:before{position:absolute;top:0;left:0;width:30px;height:30px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}


.lnb .home,
.lnb a.d1:after, .lnb a.d2:after,
.lnb a.d2:before,
.lnb button:after{ background:url(/images/mobile/common/ico_history2.png) no-repeat;background-size:50px auto }
.lnb:after{content:"";display:block;clear:both;visibility:hidden}
.lnb{ background-color:#0877c9; padding-left:37px;/* border-bottom:1px solid #a0a3aa;background:#e8e9eb; padding-right:37px; */position:relative;height:35px;line-height:35px;text-align:center}
.lnb:after{content:"";display:block;clear:both;visibility:hidden}
.lnb a.d1,
.lnb a.d2{float:left;width:50%;color:#000;background-color:#006ab8;position:relative;text-align:left;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.lnb a.d2{background-color:#0877c9;}
.lnb a.d1 span,
.lnb a.d2 span{color:#fff;display:block;padding:0 12px 0;line-height:39px;height:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lnb .home{position:absolute;left:0;top:0;background-color:#0062ab; width:36px;text-indent:-5000em;color:transparent;background-position:9px 8px}
.lnb .home:before{position:absolute;top:0;left:0;width:37px;height:35px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
.lnb a.d2:before{content:"";display:block;width:24px;height:36px;position:absolute;/*margin:0px 0 0 -27px;*/background-position:right 0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.lnb a.d1:after,
.lnb a.d2:after{content:"";display:inline-block;position:absolute;right:3px;top:2px;width:17px;height:28px;background-position:0 -37px;}
.lnb a.d1:after{right:13px}
.lnb nav{display:none}
.lnb ul{display:none;position:absolute;top:35px;background:#fff;width:170px;text-align:left;font-size:13px;color:#444444;line-height:18px;z-index:999; border-right:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.lnb ul.d1{left:35px}
.lnb ul.d2{left:50%;margin-left:18px}
.lnb li{padding:8px 16px 8px;border-top:1px solid #e9e9e9;position:relative}
.lnb li:first-child{border-top:0}
.lnb ul:before{content:"";position:absolute;top:-10px;left:16px;
/* border:4px solid #4b4c52;border-color: transparent transparent #4b4c52 #4b4c52; */
transform: rotate(135deg); transform-origin: bottom;
-webkit-transform: rotate(135deg); -webkit-transform-origin: bottom;}
.lnb ul.d2:before{left:50%;margin-left:-4px}
.lnb li:before{content:"";position:absolute;width:6px;height:10px;right:10px;top:10px;background-position:-34px -315px}
.lnb li a{display:block}
.lnb ul.on{display:block; border-right:1px solid #0062ab; border-bottom:1px solid #0062ab; border-left:1px solid #0062ab; }
.lnb button{border-left:1px solid #a0a3aa;background:transparent;color:transparent;width:36px;height:35px;position:absolute;right:0;top:0}
.lnb button:after{content:"";display:block;position:absolute;left:9px;top:9px;width:17px;height:17px;line-height:40px}
.lnb button.on:after{background-position:-25px -100px}
.lnb button.off:after{background-position:0 -100px}

footer{text-align:center;padding:10px 0 20px;background-color:#585c5f;color:#fff;} /* border-top:1px solid #686970; */
footer .floating{display:block;position:fixed;left:0;bottom:0;width:75px;height:75px;text-align:center;text-indent:-5000em;color:transparent;background:url(/images/mobile/common/ico_floating.png) no-repeat;background-position:0 0;z-index:5;background-size:75px auto;}
footer a.qna-close{position:fixed;left:50px;bottom:50px;display:block;width:25px;height:25px;text-indent:-9999px;z-index:6;}
footer .floating:before{position:absolute;top:0;left:0;width:75px;height:75px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
/*footer .floating:hover, footer .floating.on{background-position:0 0;}*/
footer .util{font-size:12px}
footer a.qna-close:before{position:absolute;top:0;left:0;width:50px;height:50px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
footer .util li{display:inline-block}
footer .util li:before{content:"|";display:inline-block;color:#e0e1e3;font-size:11px;margin:0 5px 0 1px}
footer .util li:first-child:before{display:none}
footer p{padding:13px 0 0;font-size:15px}
footer p img{vertical-align:middle;}
footer .line {display:block;width:80%;height:1px;border-top:1px solid #797d80;margin:0px auto; margin-top:10px;}
.lay-pb{position:fixed;left:0;width:100%;bottom:0;border-top:1px solid #000;background:#393b4c;box-shadow:0 -2px 5px rgba(0,0,0,.5);z-index:5;padding:0 0 15px;overflow:hidden;display:none}
.lay-pb.on{display:block}
.lay-pb h1{font-size:12px;font-weight:700;color:#8cb2e8;line-height:18px;padding:17px 0 29px}
.lay-pb h1 strong{color:#fff;font-size:16px;display:block;font-weight:bold}
.lay-pb .consult{margin:0 25px;font-size:14px;font-weight:700;color:#fff}
.lay-pb .consult:after{content:"";display:block;clear:both;visibility:hidden}
.lay-pb .consult li{float:left;width:50%;position:relative}
.lay-pb .consult li:before,
.lay-pb .consult li a:before{background:url(/images/mobile/common/bg_floating.png) no-repeat;content:"";display:block;position:absolute;left:50%;top:0;background-size:180px auto}
.lay-pb .consult li:before{width:160px;height:110px;margin:0 0 0 -80px;}
.lay-pb .consult li a{display:block;padding:68px 0 0}
.lay-pb .consult li a:before{width:60px;height:60px;margin:0 0 0 -30px;background-position:0 -125px}
.lay-pb .consult li.consult2 a:before{background-position:-60px -125px}
.lay-pb .consult li.consult3 a:before{background-position:-120px -125px}
.lay-pb .lay-close{position:absolute;right:10px;top:17px;width:24px;height:24px;text-indent:-5000em;color:transparent;overflow:hidden}
.lay-pb .lay-close:after{background-position:0 -588px;}
.lay-pb .lay-close:before{position:absolute;top:0;left:0;width:24px;height:24px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
/* 100% height layout 
html,body,#frm,#wrap{height:100%}
#wrap>header{position:relative;z-index:1}
section#contents{min-height:100%;margin:-52px 0 -107px;padding:0}
#contents:before{content:"";display:block;height:52px;}
#contents:after{content:"";display:block;height:147px;}
#contents.bg:after{height:107px;}
.lay-pb:target{display:block}*/
.lnb ul.d2

/* 상단 header icon */
.navi_icon { width:30px;height:30px;display:block; background:url(/images/mobile/common/ico_2017.png) no-repeat; background-position:-64px -173px; }
.navi_search { width:30px;height:30px;display:block; background:url(/images/mobile/common/ico_2017.png) no-repeat; background-position:-137px -174px; }


/* menu */
#menuPlate{position:absolute;left:0;top:50px;right:0;background:#cad6e8;z-index:999;overflow:hidden;min-height:400px;border-top:2px solid #bebebe; background-color:#f4f5f7; } /* kih 수정 */
#menuPlate.on{padding:0 0 88px 110px;}
#menuPlate .nav-category li.on,
#menuPlate .quick .consult li a{background:url(/images/mobile/common/bg_menu.png) no-repeat;background-size:150px auto;}
#menuPlate .nav-category{float:left;width:110px;margin-left:-110px;background:#f4f5f7;line-height:1.5}
#menuPlate .nav-category:after{content:"";display:block;positi.home-focuson:absolute;left:109px;top:0;width:1px;height:100%;background-color:rgba(0,0,0,.1);z-index:2}
#menuPlate .nav-category li a{padding:7px 0 7px 10px;display:block;border-bottom:1px solid #cbcbcb;height:100%; transition:all .2s ease-in; }
#menuPlate .nav-category li:first-child.on{margin-top:0}
#menuPlate .nav-category li.on a{padding-bottom:52px}
#menuPlate .nav-category li.on{background-color:#0877c9;border-color:#2768c3;padding-top:1px;margin-top:-1px;color:#fff; border-right:1px solid #fff; }
#menuPlate .nav-category li.menu1.on{background-position:right -151px}
#menuPlate .nav-category li.menu2.on{background-position:right -248px}
#menuPlate .nav-category li.menu3.on{background-position:right -342px}
#menuPlate .nav-category li.menu4.on{background-position:right -447px}
#menuPlate .nav-category li.menu5.on{background-position:right -544px}
#menuPlate .nav-category li.menu6.on{background-position:right -642px}
#menuPlate .nav-category li.menu7.on{background-position:right -755px}/*1219 최웅 모바일 아이콘 추가*/
#menuPlate .nav-category li.menu8.on{background-position:right -864px}/*1219 최웅 모바일 아이콘 추가*/
#menuPlate .nav-category li.menu9.on{background-position:right -755px}
#menuPlate .nav-category li.menu10.on{background-position:right -864px}

/*1212 최웅 수정 e*/
#menuPlate .service{overflow:auto;float:left;height:100%;width:100%;background:#fff}
#menuPlate .service h2{line-height:25px;color:#0877c9;text-align:center;background:#fafbfc;border-bottom:1px solid #686970;}
#menuPlate .service h2.on{background:#0877c9;color:#fff;}/*1212 최웅 추가*/
#menuPlate .service ul{overflow:hidden;border-bottom:1px solid #e0e1e3}
#menuPlate .service li{position:relative;float:left;width:50%;font-size:12px;line-height:1.5;border-width:0;border-style:solid;border-color:#e0e1e3;/* padding-right:30px; */border-box;-webkit-box-sizing:border-box;}
#menuPlate .service li a{display:block;padding:9px 0px 9px 10px;}
#menuPlate .service li:nth-child(even){border-left-width:1px;margin-left:-1px}
#menuPlate .service li:nth-child(odd){border-right-width:1px;clear:both}
#menuPlate .service li:nth-child(odd):before{content:"";display:block;clear:both;width:200%;margin-right:-100%;background:#e0e1e3;height:1px;padding-right:60px}
#menuPlate .service li:nth-child(1):before{display:none}
#menuPlate .service li button{position:absolute;right:0;top:0;width:25px;height:36px;background:transparent;color:transparent}
#menuPlate .service li button:after{content:"";display:block;position:absolute;left:7px;top:13px;width:11px;height:11px;background:url(/images/mobile/common/ico_favor.png) no-repeat 0 0;background-size:50px auto}
#menuPlate .service li button.on:after{background-position:-25px 0}
#menuPlate .quick{position:absolute;z-index:3;left:0;right:0;bottom:0;height:88px;background:#444444;border-top:1px solid #393b4c;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);padding:1px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
#menuPlate .quick .consult{color:#fff;font-size:12px}
#menuPlate .quick .consult:after{content:"";display:block;clear:both;visibility:hidden}
#menuPlate .quick .consult li{float:left;width:50%;height:53px;padding:1px 0 0;text-align:center}
#menuPlate .quick .consult a{display:block;height:100%;padding:33px 0 0;border-left:1px solid #0f0f17;box-shadow:inset 1px 0 0 rgba(255,255,255,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#menuPlate .quick .consult1 a{border-left:0;box-shadow:none}
#menuPlate .quick .consult .consult1 a{background-position:center 0}
#menuPlate .quick .consult .consult2 a{background:url(/images/mobile/common/ico_fc.png) no-repeat; background-size: 38px auto; background-position:center top; }
#menuPlate .quick .consult .consult3 a{background:url(/images/mobile/common/ico_call.png) no-repeat; background-size: 38px auto; background-position:center top; }
/* #menuPlate .quick .consult .consult2 a{background-position:center -50px}
#menuPlate .quick .consult .consult3 a{background-position:center -100px} */
#menuPlate .quick .social{color:#fff;font-size:11px;border-top:1px solid #0f0f17;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);text-align:center;padding:9px 0 0; background:#78797e; line-height:9px;}
#menuPlate .quick .social li{display:inline-block}
#menuPlate .quick .social li~li:before{content:"|";display:inline-block;color:#4e505f;vertical-align:top;margin:0 11px 0 7px}
#menuPlate.on ~ footer,
#menuPlate.on ~ #contents{display:none}

#menuPlate.on ~ form footer,
#menuPlate.on ~ form #contents{display:none}


/* index */
@media screen and (min-width:600px){
	#contents.main img{width:100%;height:auto;}
}
.slider img{max-width:100%}
.home-focus {position:relative;max-width:640px;margin:0 auto;font-size:11px; /*border-bottom:2px solid #fff; 2017-02-03 */ border-top:2px solid #bdbdbd;}
.home-focus p{text-align:center;}
.home-focus > .slider{text-align:center;}
.home-focus > .banner{position:absolute;bottom:10px;left:10px;}
.home-focus > .banner > li{width:126px;height:48px;padding:0;text-align:left;color:#fff;font-size:13px}
.home-focus > .banner > li a{display:block;padding:0;margin:0;}
.home-focus > .banner > li img{height:48px;}
.home-product .tab{overflow:hidden}
.home-product .tab li{float:left;width:25%;height:36px;line-height:38px;font-size:12px;text-align:center;border-left:1px solid #e0e1e3;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-product .tab li:first-child{border-left:0}
.home-product .tab li:first-child a:after{content:"";display:inline-block;width:10px;height:10px;background:url(/images/mobile/common/ico_main_recomm2.png) no-repeat;background-size:10px 10px;margin:0 0 0 4px}
.home-product .tab li.on{background:#ac0069;color:#fff}
.home-product .tab li.on:first-child a:after{content:"";display:inline-block;width:10px;height:10px;background:url(/images/mobile/common/ico_main_recomm.png) no-repeat;background-size:10px 10px;margin:0 0 0 4px;}
.home-product .block>ul{border-top:2px solid #3a3c4d;border-bottom:1px solid #3a3c4d;overflow:hidden}
.home-product .block>ul li{float:left;border-style:solid;border-color:#e0e1e3;width:50%;height:114px;text-align:center;color:#2768c3;font-size:11px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.home-product .block>ul li:nth-child(1){border-width:0 0 1px 0;height:115px}
.home-product .block>ul li:nth-child(2){border-width:0 0 1px 1px;height:115px}
.home-product .block>ul li:nth-child(3){border-width:0;}
.home-product .block>ul li:nth-child(4){border-width:0 0 0 1px;}
.home-product .block>ul li strong,
.home-product .block>ul li a,
.home-product .block>ul li img{display:block;margin:0 auto;width:160px;padding:0;text-algin:center;vertical-align:top}
.home-product .block>ul li a.double{display:inline-block;width:79px;margin-right:-3px}
.home-stock{background:#e5ebf4;padding:10px 10px 5px;}
.home-stock .ticker{height:30px;line-height:32px;overflow:hidden;position:relative;font-size:12px;color:#fff}
.home-stock .ticker.type1{background:#4b4c52;}
.home-stock .ticker.type2{background:#636d7b;margin:1px 0 0;}
.home-stock .ticker li{padding:0px 30px 0 10px;overflow:hidden;height:30px}
.home-stock .ticker .tit,
.home-stock .ticker .price,
.home-stock .ticker .change-price,
.home-stock .ticker .change-rate{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-stock .stockInfo .tit{width:25%;}
.home-stock .stockInfo .no_tit{width:100%;}
.home-stock .stockInfo .price{width:26%;}
.home-stock .stockInfo .change-price{width:25%;}
.home-stock .stockInfo .change-rate{width:24%;}
.home-stock h2.index{position:absolute;font-size:12px;color:#fff;background:#ac0069;margin:7px 0 0 10px;height:18px;line-height:20px;padding:0 4px}
.home-stock .index .tit{padding-left:25%;width:37%}
.home-stock .index .change-rate{width:38%}
.home-stock button{position:absolute;background:#fafbfc;color:#fafbfc;width:24px;height:24px;right:3px;top:3px;display:none}
.home-stock button:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/mobile/common/ico_ticker.png) no-repeat;background-size:50px auto}
.home-stock button.play:after{background-position:-25px 0}
.home-stock .market-index{margin:6px 0 0;border:1px solid #a0a3aa;border-width:0 1px 1px 0;background:#fff;overflow:hidden}
.home-stock .market-index li{float:left;width:50%;padding:6px 0 5px;border-left:1px solid #a0a3aa;border-top:1px solid #a0a3aa;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}

/* keyvisual controller */
.kvControllerCon { position:absolute; left:50%; bottom:4px; }
.kvControllerCon a{ width:12px; height:12px; display:inline-block; margin-right:4px; border-radius:6px;-webkit-border-radius:12px; background-color:white; border:1px solid #6e6e6e; }
.kvControllerCon a.on{ background-color:#1576bc; border:1px solid #6e6e6e;}
.keyvisual_play { width:20px; height:20px; display:inline-block; background-image:url(/images/mobile/common/ico_2017.png); background-position:-1px -76px;}
.keyvisual_pause { width:20px; height:20px; display:inline-block; background-image:url(/images/mobile/common/ico_2017.png); background-position:-1px -52px;}
 

/* 2015-02-07, 아이폰4, 5, 5s */
.home-stock .market-index li>div{font-size:11px}
.home-stock .market-index li>div>strong,
.home-stock .market-index li>div>span{/*padding:0 2px;*/ padding:0px}
.home-notice{background:#fff;}
.home-notice>div{background:#fff;padding:10px 70px 10px 10px;font-size:14px;overflow:hidden;position:relative}
.home-notice h1{float:left;padding-right:5px;font-weight:bold;}
.home-notice>div>a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-notice .more{position:absolute;right:9px;top:6px;padding:7px 11px 0 0;background-position:right -91px;height:28px;-webkit-box-sizing:border-box;box-sizing:border-box}
.home-event{background:#f4f5f7; /*padding:10px 20px; 2017-02-03 */ text-align:center;position:relative;border-bottom:2px solid #bdbdbd; } /*메인 롤링베너 관련 추가 최웅*/
.home-event img{vertical-align:top;max-width:100%}
.home-event .banner-content {position:relative; width:100%;}
.home-event .banner-content li a{display:inline-block;height:100%;} /*메인 롤링베너 관련 추가 최웅*/
.today-list{position:relative;padding:0 9px 20px;background:#636b7b url(/images/mobile/common/bg_main_today.png);background-size:contain;zoom:1;}
.today-list:after{content:"";display:block;clear:both;visibility:hidden}
.today-list .btnr{position:absolute;right:17px;top:6px;}
.today-list .btnr a{border:1px solid #3a3b3f;}
.today-list h1{padding:10px 0;text-align:center;color:#fff;font-size:14px;}
.today-list h1 em{display:inline-block;width:18px;height:18px;vertical-align:super;line-height:20px;color:#fff;font-size:11px;background-color:#2768c3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-border-radius:8px;}
.today-list ul{border-top:1px solid #39393d;border-left:1px solid #39393d;}
.today-list ul:after{content:"";display:block;clear:both;visibility:hidden}
.today-list ul li{position:relative;float:left;width:50%;height:173px;border-bottom:1px solid #39393d;border-right:1px solid #39393d;background-color:#54555b;-webkit-box-sizing:border-box;box-sizing:border-box}
.today-list ul li:nth-child(1){background-color:#5f6066}
/*.today-list ul li:nth-child(1) img{float:right;height:89px}*/
.today-list ul li:nth-child(1) img{float:left;height:173px}
.today-list ul li:nth-child(2){background-color:#ecf1f9;}
.today-list ul li:nth-child(3){background-color:#ececf9}
.today-list ul li:nth-child(4){background-color:#f4e9f7}
/*.today-list ul li a{display:block;color:#000000;font-size:12px;padding:10px}*/
.today-list ul li a{display:block;color:#000000;font-size:13px;}
.today-list ul li:nth-child(1) a{color:#fff;display: inline-block;overflow: hidden;width: 100%;height:173px;}
.today-list ul li span{position:absolute;right:10px;bottom:10px;width:50px;height:50px;line-height:50px;font-size:11px;text-align:center;background-color:#fff;border-radius:25px;-webkit-border-radius:25px}
.today-list ul li:nth-child(1) span{text-indent:-5000em;color:transparent;background:#fff url(/images/mobile/common/ico_play.png) no-repeat 20px center;background-size:12px 14px}
.today-list ul li:nth-child(2) span{color:#2768c3}
.today-list ul li:nth-child(3) span{color:#552988}
.today-list ul li:nth-child(4) span{color:#ac0069}
.today-list ul li div{display:block;padding:8px 0 0 10px;}
.today-list ul li div.pop-tv{padding:0;}
.today-list ul li dl{display:block;padding:8px 0 0 10px;font-weight:bold;font-size:13px;}
.today-list ul li dl dt{}
.today-list ul li.daily dl dt{color:#2768c3;}
.today-list ul li.wwmm dl dt{color:#ac0069;}
.today-list ul li.wwmm2 dl dt{color:#ac0069;}
.today-list ul li dl dd{display:block;}
.today-list ul li dl dd{margin-bottom:5px;line-height:13px}
.today-list ul li dl dd > em{display:lnline-block;background:url(/images/mobile/common/ico_time.png) no-repeat 0 center;background-size:10px 10px;font-size:13px;padding-left:12px;color:#000;}
.today-list ul li dl dd.cont{display:block;line-height:13px;}

/* fund recommend */
.fund-recommend {/* padding-top:10px; */ }
.recomm_slide { background-color:#42536d;color:#fff;width:100%;padding:10px 0px 16px; position:relative; }
.recomm_slide:after { content:''; display:block; clear:both; display:none; }
.recomm_txt {text-align:center;font-size:18px;padding:8px 0px;letter-spacing:-1px;}
.recomm_box { margin:10px 30px; }
.recomm_box:after {claer:both;}
.recomm_box_item { float:left;width:50%; }
.recomm_box_item:nth-child(odd) .recomm_box_item_bg { background-color:#6570c0;  }
.recomm_box_item:nth-child(even) .recomm_box_item_bg { background-color:#b4568b; }
.recomm_box_item_bg { margin:3px; }
.recomm_box_item_con { padding:14px 20px; height:140px; background:url(/images/mobile/common/icon_Label_115x135.png) no-repeat; background-position:90% 90%; background-size:38%; }
.recomm_box_item:nth-child(even) .recomm_box_item_con { background:url(/images/mobile/common/icon_Crown_115x135.png) no-repeat; background-position:90% 90%; background-size:38%;}
.recomm_box_item_con h2 { font-weight:bold; font-size:14px; padding-bottom:5px; min-height:78px; }
.recomm_box_item_con div { font-size:13px; padding-top:10px; border-top:1px solid #fff; }
.recomm_fund_rate { font-size:18px; letter-spacing:-1px; }
.recomm_box_side_left {position:absolute; top:72px; left:10px; display:block; content:''; width:23px; height:47px; background:url("/images/mobile/common/icon_arrow_left_23x47.png") no-repeat; background-size:70% auto; }
.recomm_box_side_right {position:absolute; top:72px; right:5px; display:block; content:''; width:23px; height:47px; background:url("/images/mobile/common/icon_arrow_right_23x47.png") no-repeat; background-size:70% auto; }
.recomm_slide_navi { display:inline-block; content:''; width:32px; height:5px; background-color:#7b889b; margin-right:3px; }
.recomm_slide_navi.on { background-color:#fff; }


/* home-assetmng */
.home-assetmng { /*margin-top:10px; border-bottom:2px solid #bdbdbd; 2017-02-03 */ padding-bottom:10px; background:#fff;  }
.home-assetmng-title-con { padding:16px 0px; text-align:center; position:relative;}
.home-assetmng-title { font-size:18px; letter-spacing:-1px; }
.home-assetmng-title h2{ font-weight:bold; color:#222; }
.home-assetmng-title-con span { font-size:12px; color:#666; position:absolute; right:16px; top:22px; background:url(/images/mobile/common/ico_arrow.gif) no-repeat; background-position:right; background-size:8px auto; padding-right:10px; }
.home-assetmng-cont-con { position:relative;height:100%;overflow:hidden; }
.home-assetmng-cont-con:after { ontent:"";display:block;clear:both;visibility:hidden }
.home-assetmng-cont-con ul { width:100%; }
.home-assetmng-cont-con ul li { float:left;width:50%;}
.home-assetmng-cont-con-item { margin:3px; border-top:1px solid #747474; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;  }
.home-assetmng-cont-con-item div { background:#f4f5f7;color:#444; text-align:center; letter-spacing:-1px; }
.assetmng-desc { border-top:1px solid #dddddd; padding:10px; height:74px; position:relative; }
.home-assetmng-cont-con-item div:last-child { padding:10px; }

/* .home-stock2 */
.home-stock2 { background:#ececec; padding:0px 10px 20px; }
.home-stock2 .market-index{margin:10px 0;border:1px solid #dddddd;background:#fff;overflow:hidden}
.home-stock2 .market-index ul {width:100%;}
.home-stock2 .market-index ul li{float:left;padding:10px 0px;text-align:center;font-size:14px; position:relative;}
.home-stock2 .market-index ul li:before { content:''; display:block; position:absolute; top:14px; left:-2px; width:2px; height:14px; background-color:#dddddd; }
.home-stock2 .market-index td { border-bottom:1px solid #dddddd; }
.home-stock2 .market-index tr:nth-child(even) td { background-color:#f4f5f7;}

/* error */
.error_wrap {display:block;color:#000;margin:0 auto;text-align:center;padding:35px 30px;}
.error_wrap .imgs{display:block;background:url(/images/mobile/common/bg_error.png) no-repeat center 0;background-size:126px 70px;width:100%;height:70px;}
.error_wrap .text{display:block;font-size:16px;padding-top:17px}
.error_wrap .texts{display:block;font-size:12px;padding-top:15px;line-height:16px;}
.error_wrap .btn-area{display:block;padding-top:25px;}

/* Button */ /*20170328 버튼 7,8 추가*/
.btn, .btn2, a.btn3, span.btn3, a.btn4, a.btn5, .btn5, a.btn6, a.btn7, a.btn8{display:inline-block;height:30px;padding:0 7px;vertical-align:middle;font-size:12px;line-height:30px;text-decoration:none}
.btn.big, .btn3.big, .btn7.big, .btn8.big{height:36px;line-height:36px;font-size:14px}
.btn2.small,
.btn3.small,
.btn7.small,
.btn8.small{height:26px;line-height:26px}
.btn3.smallest{height:23px;line-height:23px;font-size:11px}
.btn,
.btn2,
.btn3,
.btn4,
.btn5,
.btn6,
.btn7,
.btn8
a.tel{-webkit-box-sizing:border-box;box-sizing:border-box}
.btn{border:1px solid #1d4e92;background:#2768c3 no-repeat;color:#fff}
.btn span:after{content:"";display:inline-block;vertical-align:top;width:16px;height:13px;margin:8px 0 0 2px;background-position:0 -217px}
a.btn span:after{margin:9px 0 0 4px}
a.btn.big span:after{margin-top:11px}
.btn.go span:after{width:6px;height:10px;margin:8px 0 0 2px;background-position:right -315px}
.btn.big.go span:after{margin:13px 0 0 4px;}
.btn.small{height:26px;line-height:26px}

.btn2{border:1px solid #850051;background:#b30066 no-repeat;color:#fff}
.btn2 span:after{content:"";display:inline-block;vertical-align:top;width:16px;height:13px;margin:9px 0 0 4px;background-position:0 -240px}
.btn2.small span:after{margin-top:7px;width:10px;height:10px;background-position:-18px -240px}
a.btn3{border:1px solid #a0a3aa;background:#fafbfc no-repeat;color:#000}
span.btn3{border:1px solid #d0d1d5;background-color:#fdfdfe;color:#808080;}
.btn3 span{padding-right:13px;display:inline-block}
a.btn3 span{background-position:100% -90px}
a.btn3.big span{background-position:100% -87px}
a.btn3.big.go span{background-position:100% -619px}
.btn3.smallest span{background-position:100% -94px}
.btn3.wish span{background:none;padding-right:0}
.btn3.wish span:after{content:"";display:inline-block;width:12px;height:13px;vertical-align:top;margin:7px 0 0 4px;background-position:right -240px}
.btn3.delete span{background:none;padding-right:0}
.btn3.delete span:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:top;margin:9px 0 0 4px;background-position:0 -265px}
.btn3.sch span{background:none;padding-right:0}
.btn3.sch span:after{content:"";display:inline-block;width:12px;height:12px;vertical-align:top;margin:8px 0 0 4px;background-position:0 -315px}
.btn3.big.sch span{background:none;padding-right:0}
.btn3.big.sch span:after{content:"";display:inline-block;width:12px;height:18px;vertical-align:top;margin:8px 0 0 4px;background-position:0 -312px}
.btn3.mov span{background:none;padding-right:0}
.btn3.mov span:after{content:"";display:inline-block;width:12px;height:12px;vertical-align:top;margin:11px 0 0 4px;background-position:right -217px}
.btn3.prev span{background:none;padding-right:0}
.btn3.prev span:before{content:"";display:inline-block;width:6px;height:12px;vertical-align:top;margin:11px 4px 0 0;background-position:right -132px}
.btn3.chart span{background:none;padding-right:0}
.btn3.chart span:after{content:"";display:inline-block;width:12px;height:10px;vertical-align:top;margin:9px 0 0 4px;background-position:-34px -217px}
.btn3.on{background:#2768c3;border-width:0;color:#fff}
.btn4{border:1px solid #575966;background:#636d7b no-repeat;color:#fff}
.btn4 span:after{content:"";display:inline-block;vertical-align:top}
.btn4.branch span:after{background-position:right -265px;width:12px;height:12px;margin:9px 0 0 4px}
.btn4.tbl span:after{background-position:right 0;width:12px;height:10px;margin:9px 0 0 4px}
.btn4.chart span:after{background-position:-32px 0;width:12px;height:10px;margin:9px 0 0 4px}

a.btn5, .btn5{border:1px solid #717175;background:#818286 no-repeat;color:#fff}
a.btn6{border:1px solid #850051;background:#ac0069 no-repeat;color:#fff}

.btn7 {border:1px solid #1d4e92;background:#2768c3 no-repeat;color:#fff;}
.btn7.big span{margin:0 15px;}
.btn8 {border:1px solid #a0a3aa;background:#fafbfc no-repeat;color:#000}
.btn8.big span{margin:0 15px;}

.ctl.share>.btn3.on{background-color:transparent;border-width:1px;color:#000}
.ctl.share>.btn3.on span,
a.hide span{background-position:100% -41px;padding-right:21px;margin-right:-7px}
.ctl.share>.btn3 span,
a.show span{background-position:100% -66px;padding-right:21px;margin-right:-7px}
.btn:disabled{background:#818286;border-color:#737477}
a.attach strong:after{content:"";display:inline-block;width:16px;height:18px;vertical-align:middle;margin:-2px 0 0 4px}
a.attach.pdf strong:after{background-position:0 0;background-size:85px auto;}
a.tel{display:inline-block;border:1px solid #a0a3aa;font-size:12px;line-height:30px;height:30px;padding:0 7px}
a.go-arr{position:relative;display:block;padding-right:40px}
a.go-arr:before{content:"";display:block;width:6px;height:10px;position:absolute;right:10px;top:50%;margin-top:-3px;z-index:-1;background-position:-49px -315px}
a.go-all{position:relative;display:block;padding-right:40px}
a.go-all:before{content:"";display:block;width:6px;height:10px;position:absolute;right:10px;top:50%;margin-top:-3px;z-index:-1;background-position:-69px -100px}

button.ico{position:relative;background-color:#fafbfc;border:1px solid #a0a3aa;position:relative;width:30px;height:30px;display:inline-block;vertical-align:middle;text-indent:-5000em;color:transparent}
button.ico:after{content:"";display:block;position:absolute;width:10px;height:9px;left:9px;top:9px}
button.ico.move-up:after{background-position:-34px -588px}
button.ico.move-top:after{background-position:right -588px}
button.ico.move-down:after{background-position:right -603px}
button.ico.move-bottom:after{background-position:-34px -603px}
button.ico.move-top,
button.ico.move-bottom{margin-left:-1px}
button.ico.small{width:26px;height:26px}
button.ico.small.wish:after{height:11px;background-position:-34px -265px;left:7px;top:6px}

/*heading*/
h1,h2,h3,h4{font-size:100%;font-weight:normal}
.heading3{margin:20px 0 0;padding:0 0 15px}
section#contents>.heading3{margin-left:10px}
.heading3:before{content:"";display:inline-block;border:3px solid #3067c3;width:8px;height:8px;vertical-align:top;border-radius:8px;-webkit-border-radius:8px;margin:1px 4px 0 0}
.heading3+.tbl-type{margin-top:-5px}
.heading4{padding:20px 0 5px}
.heading3+.heading4{padding-top:0}

/* 검색,정렬 */
.sorting{padding:15px 10px;background:#e5ebf4;line-height:30px}
.sorting:after{content:"";display:block;clear:both;visibility:hidden}
.sorting strong{padding:0 20px 0 10px;float:left}
.sorting .full{overflow:hidden}
.sorting.type2{padding-right:100px}
.sorting.type2 .full{float:left;width:100%}
.sorting.type2 .full select{vertical-align:top}
.sorting.type2 .btn3{float:left;margin-right:-100px;margin-left:1px;width:89px;text-align:center}
.sch-frm{padding:10px 0 10px 10px;background:#606270;position:relative}
.sch-frm:after{content:"";display:block;clear:both;visibility:hidden}
.sch-frm input[type=text],
.sch-frm input[type=search]{display:block;float:left;border:1px solid #454650;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 8px;height:30px;width:100%}
.sch-frm .btn.inquiry{float:right;margin-right:-60px;/*position:absolute;bottom:10px;right:91px;*/width:60px}
.sch-frm .btn3.show,
.sch-frm .btn3.hide{position:absolute;top:10px;right:10px;width:80px;text-align:center}
.sch-frm .sch-detail,
.sch-frm .btn-area{display:none}
.sch-frm.on .sch-detail,
.sch-frm.on .btn-area{display:block}
.sch-frm.on .show{background:#2c2e32;border-color:#262629;color:#fff}
.sch-frm.on .show span{background-position:100% -404px}
.sch-frm a.show.on~.sch-detail,
.sch-frm a.show.on~.btn-area{display:block}
.sch-frm .show.on{background:#2c2e32;border-width:1px;border-color:#262629;color:#fff}
.sch-frm .show.on span{background-position:100% -404px}
.sch-frm .sch-detail, .mpoplife .sch-detail{clear:both;margin:35px 0 10px 0;border:1px solid #000;background:#fff}
.sch-detail h2{text-align:center;background:#e5ebf4;line-height:30px;font-size:12px}
.sch-detail h3{line-height:33px;padding:0 10px;border-top:1px solid #e0e1e3}
.sch-detail h3:first-child{border-top:0}
.sch-detail .chk-list2{padding:1px 10px 10px 11px}
.sch-detail .chk-list2:after{content:"";display:block;clear:both;visibility:hidden}
.sch-detail .chk-list2 li{position:relative;float:left;margin:-1px 0 0 -1px;width:93px;height:30px;}

.sch-detail .idata{overflow:hidden; border-top:1px solid #e0e1e3; padding:10px 0;}
.sch-detail .idata:first-child{border-top:none;}
.sch-detail .idata .title{width:25%; float:left; padding-left:20px}
.sch-detail .idata .itext{float:left; width:65%;}
.sch-detail .idata .itext input, .sch-detail .idata select{width:95%;}

input[type=checkbox].type2{width:100%;height:100%;background:#fafbfc;border:1px solid #a0a3aa;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=checkbox].type2:checked{background:#636d7b;border-width:0}
input[type=checkbox].type2:checked+label{color:#fff;border-color:#000;z-index:2}
input[type=checkbox].type2:disabled,
input[type=checkbox].type2:disabled+label{opacity:.5}
input[type=checkbox].type2+label{position:absolute;left:0;right:0;top:0;line-height:28px;height:30px;text-align:center;border:1px solid transparent;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sch-detail .full{overflow:hidden;padding:0 10px 10px}
.sch-frm .btn-area{text-align:center}
.sch-frm .btn-area a{margin-left:1px}
.sch-frm{padding-right:151px}
.sch-frm .sch-detail,
.sch-frm .btn-area{margin-right:-141px}
.sch-frm.type2{padding-right:69px;/*background:#e5ebf4*/}
.sch-frm.type2 .btn.inquiry{right:10px}
.sch-frm.full{padding-right:10px}
.sch-frm.type2 .col-2{margin-right:-59px;padding:0 1px 1px 0;overflow:hidden}
.sch-frm.type2 .col-2 select{width:50%;float:left;}
.sch-frm.type2 .col-2 select~select{margin-left:1px;margin-right:-1px}
.sch-frm.bg{background:#e5ebf4}

/* 스마트검색 */
.sch-frm.type2 .btn-detail,
input[type=checkbox].type3{background:url(/images/mobile/finance/img_sch.png) no-repeat;background-size:50px auto;}
.sch-frm.type2 .btn-detail{position:fixed;z-index:4;left:0;top:50%;font-size:12px;line-height:1;color:#fff;background-position:0 -25px;width:15px;height:61px;margin-top:-30px;padding:6px 27px 0 6px;-webkit-box-sizing:border-box;box-sizing:border-box}
.smart-sch{padding:10px}
.smart-sch>h2{font-size:12px;border-bottom:1px solid #a0a3aa;padding:12px 0 3px}
.smart-sch>h3{font-size:16px;border-top:1px solid #e0e1e3;padding:12px 0 0;font-weight:bold}
.smart-sch>h3:first-of-type{border-top:0;padding-top:7px}
.smart-sch>.btn-area{border-top:1px solid #a0a3aa;text-align:center;padding:10px 0 0}
.smart-sch .chk-list{overflow:hidden;padding:6px 70px 10px}
.smart-sch .chk-list li{float:left;width:70px;height:70px;position:relative;margin:0 0 10px}
.smart-sch .chk-list li div{position:relative;/* display:table; */width:70px;height:70px;}
.smart-sch .chk-list li:nth-child(4n){margin-right:-70px;float:right;width:70px}
.smart-sch .chk-list li:nth-child(4n+1){clear:both;margin-left:-70px;width:70px}
.smart-sch .chk-list li:nth-child(4n+2),
.smart-sch .chk-list li:nth-child(4n+3){margin-left:33.3%;margin-right:-47px}
.smart-sch .chk-list li:nth-child(4n+2) div,
.smart-sch .chk-list li:nth-child(4n+3) div{left:-47px}
input[type=checkbox].type3{width:20px;height:20px;position:absolute;left:50%;margin-left:-10px;bottom:0;z-index:2}
input[type=checkbox].type3:checked{background-position:-25px 0}
input[type=checkbox].type3+label{display:inline-block;line-height: 60px;white-space: nowrap;vertical-align:middle;position:relative;width:70px;height:70px;margin:0 auto;border:2px solid #e5effc;background-color:#e5effc;border-radius:35px;-webkit-border-radius:35px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:12px}
input[type=checkbox].type3:checked+label{border-color:#8cb2e8;background:#fff}
input[type=checkbox].type3:disabled+label:after{content:"";display:block;width:70px;height:70px;position:absolute;left:-2px;top:-2px;background:rgba(255,255,255,.5);z-index:3}
.radio-list{overflow:hidden;padding:1px 0 0 1px}
.smart-sch .radio-list{margin:10px 0 0}
.radio-list li{float:left;width:50%;position:relative;height:30px;margin:-1px 0 0 -1px}
input[type=radio].type2{width:100%;height:100%;background:#fafbfc;border:1px solid #a0a3aa;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=radio].type2:checked{background:#636d7b;border-width:0}
input[type=radio].type2:checked+label{color:#fff;border-color:#000;z-index:2}
input[type=radio].type2:disabled,
input[type=radio].type2:disabled+label{opacity:.5}
input[type=radio].type2+label{position:absolute;left:0;right:0;top:0;font-size:12px;line-height:28px;height:30px;text-align:center;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;}
.smart-sch .chk-list4{border-bottom:1px solid #e0e1e3;overflow:hidden;font-size:12px;line-height:20px;padding:13px 10px 7px;margin:0 0 9px}
.smart-sch .chk-list4 dt{float:left;padding-right:20px}
.smart-sch .chk-list4 dd{overflow:hidden}
.smart-sch .chk-list4 label{vertical-align:middle;margin-right:20px}
/*펀드검색 아이콘*/
.chk-list.fund input[type=checkbox].type3+label{/* vertical-align:top;padding-top:8px */line-height:27px;}
.chk-list.fund input[type=checkbox].type3+label:before{content:"";display:block;width:70px;height:70px;position:absolute;left:-2px;top:-2px;background:url(/images/mobile/finance/img_sch_fund.png) no-repeat;background-size:360px auto;}
.smart-all label:before{background-position:0 -25px !important}
.smart-domestic2 label:before{background-position:-76.5px -25px !important}
.smart-domestic3 label:before{background-position:-153px -25px !important}
.smart-domestic4 label:before{background-position:-230px -25px !important}
.smart-domestic5 label:before{background-position:0px -105px !important}
.smart-domestic6 label:before{background-position:-76.5px -105px !important}
.smart-domestic7 label:before{background-position:-153px -105px !important}
.smart-domestic8 label:before{background-position:-230px -105px !important}
.smart-overseas2 label:before{background-position:-76.5px -185px !important}
.smart-overseas3 label:before{background-position:-153px -185px !important}
.smart-overseas4 label:before{background-position:-230px -185px !important}
.smart-overseas5 label:before{background-position:0px -265px !important}
.smart-overseas6 label:before{background-position:-76.5px -265px !important}
.smart-overseas7 label:before{background-position:-153px -265px !important}
.smart-overseas8 label:before{background-position:-230px -265px !important}
.smart-overseas9 label:before{background-position:0px -340px !important}
.smart-overseas10 label:before{background-position:-76.5px -340px !important}
/* 스마트검색 상세 레이어 */
.lay-smart{position:absolute;z-index:11;left:0px;right:30px;background:#fff;box-shadow:3px 10px 10px rgba(0,0,0,.5);padding:0 0 40px;display:none;}
.lay-smart h2{background:#4b4c52;font-size:12px;color:#fff;font-weight:bold;padding:0 0 0 10px;line-height:30px}
.lay-smart h3{padding:0 10px;line-height:28px;border-top:1px solid #e0e1e3;margin:8px 0 0}
.lay-smart h3:first-child{border:0;margin:0}
.lay-smart .chk-list2{overflow:hidden;margin:0 6px 0 10px;padding:1px 0 0 1px}
.lay-smart .chk-list2 li{position:relative;float:left;width:25%;height:30px;margin:-1px 0 0 -1px}
.lay-smart .chk-list2.type2 li:nth-child(3n+1){clear:both}

.star-point em{display:inline-block;line-height:11px;text-indent:-5000em;overflow:hidden}
.star-point em:before{content:"";display:block;width:55px;height:11px;background:url(/images/mobile/common/bu_grade.png) no-repeat;background-position:0px 0px;background-size:55px auto;}
.star-point em.star5:before{background-position:0px 0px;}
.star-point em.star4:before{background-position:0px -11px;}
.star-point em.star3:before{background-position:0px -22px;}
.star-point em.star2:before{background-position:0px -33px;}
.star-point em.star1:before{background-position:0px -44px;}
/*
.star-point em:after{color:#e0e1e3}
.star-point em.star4:after{content:"★"}
.star-point em.star3:after{content:"★★"}
.star-point em.star2:after{content:"★★★"}
.star-point em.star1:after{content:"★★★★"}
*/
.chk-list3{border:1px solid #686970;border-left-width:0;position:relative;margin:0 10px 20px}
.chk-list3:after{content:"";display:block;clear:both;visibility:hidden}
.chk-list3 li{float:left;height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.chk-list3 li>a{background: #fff;border-left:1px solid #686970;/* text-indent:-5000em; */color:transparent;display:block;height:100%}
.chk-list3.col-4 li{width:25%}
.chk-list3.col-4 li:last-child{width:26%;position:absolute;right:0;}
.chk-list3.col-5 li{width:20%}
.chk-list3.col-5 li:nth-child(4){width:21%;}
.chk-list3.col-5 li:last-child{width:21%;position:absolute;right:0;}
.chk-list3.col-6 li{width:16.9%}
/* .chk-list3.col-6 li:first-child,
.chk-list3.col-6 li:last-child{width:16%} */
.chk-list3.col-6 li:nth-child(5){width:17.2%;}
.chk-list3.col-6 li:last-child{width:16.9%;position:absolute;right:0;}
.chk-list3.col-7 li{width:14.5%}
/* .chk-list3.col-7 li:first-child,
.chk-list3.col-7 li:last-child{width:15%} */
.chk-list3.col-7 li:nth-child(6){width:15%;}
.chk-list3.col-7 li:last-child{width:14.5%;position:absolute;right:0;}
.chk-list3:before{content:attr(data-txt);display:block;position:absolute;right:0;top:100%;margin:2px 0 0;font-size:11px}
.chk-list3 li.check a{background:#95bdf4}
.chk-list3 li:before{content:attr(data-txt);display:block;position:absolute;left:0;top:100%;margin:2px 0 0 -25px;width:50px;text-align:center;font-size:11px}
.chk-list3 li:first-child:before{margin-left:0;width:auto;}
.lay-smart .full{margin:0 10px}
.lay-smart .btn-area{text-align:center;border-top:1px solid #e0e1e3;padding:10px 0 0}
.lay-smart .btn-area a{margin:0 0 0 1px}
.lay-smart .lay-close{position:absolute;right:0;top:0;width:30px;height:30px;/* text-indent:-5000em; */color:transparent;overflow:hidden}
.lay-smart .lay-close:before{position:absolute;top:0;left:0;width:30px;height:30px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
.smart-sch.on .lay-smart,
.lay-smart:target{display:block}
.smart-sch.on .sch-frm .btn-detail{display:none}

/* 레이어팝업 추가 - 최웅 */
.layer_pop_wrap{position:absolute;z-index:11;background:#fff;box-shadow:3px 10px 10px rgba(0,0,0,.5);width:95%;display:none;}
.layer_pop_wrap .lay-close{position:absolute;right:0;top:0;width:30px;height:30px;text-indent:-5000em;color:transparent;overflow:hidden}
.layer_pop_wrap .lay-close:before{position:absolute;top:0;left:0;width:30px;height:30px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
.layer_pop_wrap.on,
.layer_pop_wrap:target{display:block}
.overlayerBg {position: absolute;left: 0;top: 0;background-color: #000;z-index: 5;}

/* 1depth 상단 소개 */
.page-desc{min-height:93px;background-repeat:no-repeat;background-position:right center;background-size:contain;line-height:1.21;padding:16px 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.page-desc.finance{background-image:url(/images/mobile/visual/vi_finance.png);background-size:120px 65px;padding-right:130px}
.page-desc.mtrading{background-color:#2768c3;padding-right:10px;color:#fff;background:#2768c3 url(/images/mobile/visual/vi_mtrading.png) no-repeat right bottom;background-size:79px 110px;height:110px;padding-right:89px}
.page-desc.mpop{background-image:url(/images/mobile/visual/vi_mpop.png);background-size:110px 93px;padding-right:120px}
.page-desc.fund{background-image:url(/images/mobile/visual/vi_fund.png);background-size:108px 69px;padding-right:110px}
.page-desc.bond{background-image:url(/images/mobile/visual/vi_bond.png);background-size:111px 72px;padding-right:121px}
.page-desc.wrap{background-image:url(/images/mobile/visual/vi_wrap.png);background-size:114px 77px;padding-right:124px}
.page-desc.mirroring{background-image:url(/images/mobile/visual/vi_mirroring.png);background-size:120px 91px;padding-right:130px}
.page-desc.cma{background-image:url(/images/mobile/visual/vi_cma.png);background-size:122px 55px;padding-right:132px}
.page-desc.saving{background-image:url(/images/mobile/visual/vi_saving.png);background-size:126px 66px;padding-right:136px}
.page-desc.pay{background-image:url(/images/mobile/visual/vi_pay.png);background-size:110px 66px;padding-right:120px}
.page-desc.pension{background-image:url(/images/mobile/visual/vi_pension.png);background-size:120px 67px;padding-right:130px}
.page-desc.pension2{background-image:url(/images/mobile/visual/vi_pension2.png);background-size:120px 89px;padding-right:130px}
/* .page-desc.mlife{background-image:url(/images/mobile/visual/vi_mlife.png);background-size:320px 237px;height:237px;} */
.page-desc.mlife{padding:0 !important;margin:0 !important;font-size:0;}
.page-desc.mlife img{width:100%;}
.page-desc.mlife.main{background-color:#fff;background-image:url(/images/mobile/visual/vi_main_mlife.png);background-size:100px 85px;color:#000;}
.page-desc.mlife.main h1 img{width:121px;height:26px;}
.page-desc.mevent{padding:0 !important;margin:0 !important;}
.page-desc.mevent img{width:100%;}

.page-desc.golf{background-color:#fff;background-image:url(/images/mobile/visual/vi_golf.png);background-size:120px 100px;border-top:1px solid #dbe4f0;margin-top:30px;}
.page-desc.music{background-color:#fff;background-image:url(/images/mobile/visual/vi_music.png);background-size:100px 100px;border-top:1px solid #dbe4f0;margin-top:30px;}

section#contents .blind:first-child+.page-desc{padding-top:16px}
.page-desc h1{font-size:20px;padding:0 0 5px;font-weight:700}
.page-desc h1.type2{font-size:16px;color:#2768c3;}
.page-desc .btn-area{padding:7px 0 5px}
.page-desc.normal h1{font-size:14px}
.page-desc.normal p{font-size:12px}
.page-desc.sub{padding-top:15px}
.page-desc.sub.mluck{border-top:1px solid #dbe4f0; margin-top:30px;}
.page-desc.sub.mluck .img{padding:30px;padding-bottom:0;}
.page-desc.sub.mluck .img img{width:100%}
.page-desc.sub h2{font-size:16px;color:#2768c3;padding-bottom:6px;font-weight:700}
.page-desc.sub h2 small{font-size:14px;font-weight:400;display:block;color:inherit}
.page-desc.sub p~p{padding-top:7px}
.header-txt{font-size:12px;line-height:1.25;padding:15px 10px}
.header-txt p{padding-top:6px}
.page-desc+.header-txt{padding-top:0}
.header-txt2{padding:18px 10px 0}
.header-txt2 p{padding-bottom:15px}
.header-txt2 small{font-size:inherit}

.sub-desc{min-height:159px;background-repeat:no-repeat;background-position:13% center;background-size:contain;line-height:1.21;padding:16px 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.sub-desc em{padding-top:50px; display:block}
.sub-desc.mlife{background-image:url(/images/mobile/mlife/bg_culture.png);background-size:112px 109px;padding-left:45%}
.sub-desc.mlife.no{background-image:url(/images/mobile/mlife/bg_no_culture.png);}
.sub-desc.mlife.no em{padding-top:65px;}

/*tab*/
.tab-type{overflow:hidden}
.lnb+.blind+.tab-type,
h1.blind+.tab-type,
#contents .blind:first-child+.tab-type{margin-top:20px}
/*.tab-type li{height:36px;float:left;text-align:center;font-size:14px;line-height:36px;border-bottom:2px solid #686970;border-top:1px solid #686970;border-left:1px solid #686970;-webkit-box-sizing:border-box;box-sizing:border-box}*/
.tab-type{display:table;width:100%}
.tab-type li{display:table-cell;text-align:center;vertical-align:middle;height:36px;font-size:14px;border-bottom:2px solid #686970;border-top:1px solid #686970;border-left:1px solid #686970;}
.tab-type li.on{border-top-color:#4b4c52;border-bottom-color:#ac0069;background:#4b4c52;color:#fff}
.tab-type li:first-child{border-left:0}
.tab-type li a{display:block;}
/*.tab-type li a{display:table-cell;width:inherit;vertical-align:middle;height:36px;line-height:1em}*/
.tab-type.col-6 li{width:16.6%}
.tab-type.col-6 li:first-child,
.tab-type.col-6 li:last-child{width:16.8%}
.tab-type.col-5 li{width:20%}
.tab-type.col-4 li{width:25%}
.tab-type.col-3 li{width:33%}
.tab-type.col-3 li:first-child{width:34%}
.tab-type.col-2 li{width:50%}
.tab-type2{overflow:hidden}
.tab-type2 li{height:36px;float:left;text-align:center;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #a0a3aa}
.tab-type2 li.on{border-bottom:4px solid #2768c3}
.tab-type2.col-4 li{width:25%}
.tab-type2.col-2 li{width:50%}
/*알려드립니다*/
.guide{margin:20px 10px -30px;background:#edf0f6;padding:9px 10px 8px}
.guide p{padding:0 0 0 18px;font-size:14px;line-height:19px;position:relative}
.guide p:before{content:"";position:absolute;left:0;top:1px;width:12px;height:15px;background-position:0 -23px;}
.guide p a{display:block}
.guide p a:before{content:"";position:absolute;right:0px;top:6px;width:10px;height:6px;background-position:right -485px}
.guide.on p a:before{background-position:right -470px}
.guide>ul{display:none;font-size:12px;line-height:1.25;margin:5px 0 10px}
.guide.on>ul{display:block}

/* 리스트 상,하단 옵션 */
.board-paging{overflow:hidden;padding:15px 10px 0}
.smart-sch+.board-paging{padding-top:5px}
.board-paging .search{padding-bottom:15px;}
.board-paging .search span,.board-paging .search label{margin-right:8px;}
.board-paging .heading3{margin:0;padding:0 0 3px;float:left}
.board-paging .date{float:right;text-align:right;padding:0 0 3px;white-space:nowrap}
.tbl-top{display:table;width:100%}
.board-paging+.tbl-top{border-top:2px solid #686970}
.tbl-top .l{display:table-cell;vertical-align:middle;padding:5px 0 5px 10px}
.tbl-top .r{display:table-cell;vertical-align:middle;padding:5px 10px 5px 0;text-align:right}
.tbl-top label{vertical-align:middle}

/*일반게시판*/
ul.board{border-bottom:1px solid #a0a3aa}
.board-paging+ul.board{border-top:2px solid #686970}
.board-paging+ul.board li:first-child{border-top:0}
ul.board li{border-top:1px solid #e0e1e3;position:relative}
ul.board:first-of-type li:first-child,
.tab-type+ul.board li:first-child,
.tab-type+.blind+ul.board li:first-child{border-top:0}
ul.board li>a{padding-top:5px;padding-bottom:5px;padding-left:10px;color:#000}
ul.board li.col-2 a:first-child{padding-right:100px}
ul.board.board a.attach{position:absolute;right:25px;top:50%;width:80px;height:40px;margin:-20px 10px 0 0;font-size:12px;line-height:40px;padding:0;text-align:center}
ul.board li small~small:before,
article.board header small~small:before{content:"|";display:inline;color:#e0e1e3;font-size:smaller;padding-right:6px;}
ul.board li a>div{height:38px;overflow:hidden}
ul.board li a>div.single{height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ul.board .summary{font-size:12px;}
ul.board li.gallery{overflow:hidden}
ul.board li.gallery>a{min-height:43px;padding-left:100px;padding-top:12px;padding-bottom:10px}
ul.board li.gallery-all{overflow:hidden}
ul.board li.gallery-all>a{min-height:22px;padding-left:12px;padding-top:12px;padding-bottom:10px}
ul.board li.gallery .thumb{position:absolute;left:10px;top:10px;width:80px;max-height:45px;height:45px}
ul.board li.gallery .thumb.movie:after{content:"";display:block;position:absolute;left:30px;top:15px;border:6px solid #a0a3aa;border-color:#a0a3aa #a0a3aa transparent transparent;
transform: rotate(45deg); transform-origin: bottom;
-webkit-transform: rotate(45deg); -webkit-transform-origin: bottom;}
ul.board li.gallery .thumb img{width:100%;height:100%}
ul.board+ul.board{margin-top:-1px}
a.more-list{background:#eceff2;display:block;color:#000;border-top:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;line-height:34px;height:34px;text-align:center;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #e4e4e4}
.toggle-list a.more-list{border-left:1px solid #a0a3aa;border-right:1px solid #a0a3aa}
.tbl-type+a.more-list,
.tbl-type+div>a.more-list,
.tbl-trading+a.more-list,
.tbl-trading+div>a.more-list{border-top:0}
a.more-list span{display:inline-block;margin:0 auto;padding-right:24px;background-position:100% -64px}
ul.board+a.more-list,
ul.board+div>a.more-list,
table.board+a.more-list,
table.board+div>a.more-list,
.tbl-except+a.more-list,
.tbl-except+div>a.more-list,
ul.item-list+a.more-list,
ul.item-list+div>a.more-list{margin-top:-1px}
.board-paging+.more-list,
.board-paging+div>.more-list{margin-top:12px}

article.board{padding:20px 10px;overflow:hidden}/*글자 확대축소 관련 overflow:hidden 추가 최웅*/
article.board h1{font-size:100%;margin:0;font-weight:normal}
article.board .content{clear:both;padding:18px 0}
article.board .content:after{}
article.board img{width:100%}
article.board iframe{border:0;width:100%;overflow:hidden}
article.board~.btn-area{border-top:1px solid #686970;text-align:center;padding:10px 0 0;margin:20px 0 0}
article.mpoplife~.btn-area{border-top:1px solid #686970;text-align:center;padding:10px 0 0;margin:20px 0 0}/*0128 최웅 추가*/
.magazine-detail{font-size:14px}
.magazine-detail .title{display:block;border-top:1px solid #e0e1e3;margin-top:13px;padding:13px 0 6px}
.magazine-detail .title:first-child{border-top-width:0;padding-top:0;margin-top:0}
.magazine-detail p.title{padding-bottom:0}
.magazine-detail p.title+div{color:#71727b}
.magazine-detail .title+span.title{margin-top:5px;border-top:0;padding-top:0}

/* 글상세 컨트롤영역 */
.ctl{text-align:right;font-size:14px;padding-left:10px;padding-right:10px}
article.board .ctl{padding-left:0;padding-right:0}
.ctl.zoom{position: relative;right: 0px;z-index: 10;padding-top:10px}/*확대축소 버튼 띄움-최웅 추가*/
.ctl.zoom .btn3{margin-left:-1px;text-align:center;width:50px;white-space:nowrap}
.ctl.zoom .zoom-in{font-size:16px}
.ctl.share{padding-top:10px}
.ctl.share>ul{display:none;border:1px solid #e0e1e3;text-align:center;position:relative;margin:10px 0 0}
.ctl.share>ul:after{content:"";display:block;clear:both;visibility:hidden}
.ctl.share li{float:left;width:50%;border-right:1px solid #e0e1e3;
-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ctl.share li>a{line-height:28px;display:block;width:100%;}
.ctl.share li:nth-child(2)>a.on{background:#2768c3;color:#fff}
/* .ctl.share li:nth-child(3)>a.on{background:#2768c3;color:#fff} */
.ctl.share li>a span{display:inline-block}
.ctl.share li>a span:before{content:"";display:inline-block;width:16px;height:28px;vertical-align:top;margin-right:4px}
.ctl.share a.url span:before{background-position:0 -340px}
.ctl.share a.url.on span:before{background-position:right -340px}
.ctl.share a.tw span:before{background-position:0 -370px}
.ctl.share a.fb span:before{background-position:right -370px}
.ctl.share li:nth-child(2){border-right:0}
/* .ctl.share li:nth-child(3){width:34%;border-right:0} */
.ctl.share div{display:none;text-align:left;border:1px solid #e0e1e3;padding:10px;margin:-1px 0 0;position:relative}
.ctl.share div p{padding:0 40px 8px 0}
.ctl.share div input[type=text]{width:100%}
.ctl.share div .close{position:absolute;right:10px;top:10px;width:11px;height:11px;/*text-indent:-5000em*/}
.ctl.share a.hide~ul,
.ctl.share>a.on~ul,
.ctl.share div.on{display:block}

/* 이전,다음글 */
dl.board{border-bottom:1px solid #e0e1e3;background:#fafbfc;font-size:12px;overflow:hidden;line-height:35px;margin:20px 0 0}
article.board+dl.board{margin-top:0}
dl.board a{color:#000}
dl.board dt{float:left;width:70px;text-align:center;border-top:1px solid #e0e1e3;}
dl.board dd{border-top:1px solid #e0e1e3;padding-right:14px;position:relative}
dl.board dd,
dl.board dd a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:16px}
dl.board dt.prev+dd a{background-position:right -40px}
dl.board dt.next+dd a{background-position:right -63px}
dl.board dt.prev+dd a:before{background-position:100% -50px}
dl.board dt.next+dd a:before{background-position:100% -50px}

/* 이벤트,쿠폰 리스트 */
.banner-list li{padding:5px 10px 0}
.banner-list a{display:block;}
.banner-list .banner img{vertical-align:top;width:100%;/* height:36.666% */height:auto}
.banner-list.type2 li{border-top:1px solid #e0e1e3;padding:10px 10px 6px}
.banner-list.type2 li:first-child{border-top:0}
.banner-list p{padding:3px 0 0}
.banner-list small{padding:2px 0 0 }


/* 스텝리스트 */
.step{padding:10px}
.step dl{display:table;min-height:120px;width:100%}
.step dt,
.step dd{display:table-cell;padding:13px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.step dt{width:120px;background:#6c7686;color:#fff;vertical-align:middle;text-align:center;margin:-1px 0 }
.step li:nth-child(2) dt{background:#627691}
.step li:nth-child(3) dt{background:#5475a3}
.step dd{vertical-align:top;border:1px solid #e0e1e3;}
.step dt span{display:block}
.step dd .btn-area{padding-top:8px}
.step>li~li:before{content:"";display:block;width:16px;height:15px;margin:5px 0 0 52px;background-position:0 -175px}

/* 토글리스트 */
.toggle-list{border-bottom:1px solid #a0a3aa}
.toggle-list>li{border-top:1px solid #a0a3aa}
.toggle-list .title a{display:block;background-color:#e8e9eb;overflow:hidden;padding:10px 36px 7px 10px;position:relative;}
.toggle-list .title a:before{content:"";display:block;width:16px;height:10px;background-position:0 -193px;position:absolute;right:10px;top:50%;margin:-5px 0 0}
.toggle-list .title.on a:before{background-position:right -193px}
.toggle-list.ordering .title a{padding-left:26px;text-indent:-16px}
.toggle-list .detail{border-top:1px solid #a0a3aa;display:none;padding:20px 10px}
.toggle-list .detail .heading3:first-child,
.toggle-list .detail h3.desc-item:first-child{margin-top:0}
.toggle-list .title.on+.detail{display:block}
.toggle-list>dt{border-top:1px solid #a0a3aa;background-color:#e8e9eb;line-height:36px;padding:0 10px}
.toggle-list>dt a{display:block;overflow:hidden;padding-right:26px;position:relative}
.toggle-list>dt a:before{content:"";display:block;width:16px;height:10px;background-position:0 -193px;position:absolute;right:0;top:50%;margin:-5px 0 0}
.toggle-list>dt.on a:before{background-position:right -193px}
.toggle-list>dd{border-top:1px solid #a0a3aa;display:none;padding:20px 10px}
.toggle-list>dt.on+dd{display:block}

.toggle-list2{border-bottom:1px solid #a0a3aa;margin-top:18px;}
.toggle-list2>li{margin-top:2px;}
.toggle-list2 .title a{display:block;background-color:#727272;overflow:hidden;padding:10px 36px 7px 10px;position:relative;color:#fff;}
.toggle-list2 .title a:before{content:"";display:block;width:15px;height:8px;background-position:0 -638px;position:absolute;right:10px;top:50%;margin:-5px 0 0}
.toggle-list2 .title.on a{background-color:#784eab;}
.toggle-list2 .title.on a:before{background-position:right -638px}
.toggle-list2>li:nth-child(1) .title.on a{background-color:#784eab;}
.toggle-list2>li:nth-child(2) .title.on a{background-color:#ab4caa;}
.toggle-list2>li:nth-child(3) .title.on a{background-color:#4189b6;}
.toggle-list2>li:nth-child(4) .title.on a{background-color:#83a330;}
.toggle-list2>li:nth-child(5) .title.on a{background-color:#3bae73;}
.toggle-list2>li:nth-child(6) .title.on a{background-color:#9a125e;}
.toggle-list2>li:nth-child(7) .title.on a{background-color:#ac0040;}
.toggle-list2.ordering .title a{padding-left:26px;text-indent:-16px}
.toggle-list2 .detail{display:none;padding:0px}
.toggle-list2 .detail img{width:100%;}
.toggle-list2 .title.on+.detail{display:block}


/* mPop 소개 리스트 */
.gallery-list{font-size:12px}
.gallery-list>li{border-top:1px solid #e0e1e3}
.gallery-list>li:first-child{border-top-width:0}
.gallery-list>li:after{content:"";display:block;clear:both;visibility:hidden}
.gallery-list .thumb,
.gallery-list .cont{-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-list .thumb{float:left;padding:10px;width:180px;}
.gallery-list .cont{padding:10px;padding-left:0;overflow:hidden}
.gallery-list .cat{background:#ac0069;display:inline-block;color:#fff;line-height:19px;height:19px;padding:0 5px 0 3px;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-list .culture{background:#2768c3;display:inline-block;color:#fff;line-height:19px;height:19px;padding:0 5px 0 3px;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-list .cont>p{font-size:14px;line-height:17px;padding:0 0 5px}

.gallery-list.mlife .cont{display:block;}
.gallery-list.mlife .cont span{display:block;float:left; margin-right:10px;text-align:-webkit-match-parent;}
.gallery-list.mlife .cont>p{display:list-item;text-align:-webkit-match-parent;line-height:19px;}
.gallery-list.mlife div{display:block;width:auto;}
.gallery-list .cont>p strong{white-space:nowrap}
.gallery-list .btn-area{padding-top:8px}
.gallery-list .btn-area a~a{margin-left:1px}
.gallery-list .thumb.full{width:100px;text-align:center;}
.gallery-list .thumb.full img{width:64px;height:auto;}
/* .gallery-list .thumb.full{width:31.25%;text-align:center;}
.gallery-list .thumb.full img{width:100%;height:auto;max-width: 64px;max-height: 91px;} */
.gallery-list .thumb.full .btn3{border:2px solid #e0e1e3;background:#fff;color:#000;height:32px;min-width:78px;}

.gallery-list.mpop{*zoom:1;margin-bottom:20px;}
.gallery-list.mpop:after{content:"";display:block;clear:both;visibility:hidden}
.gallery-list.mpop>li{width:45.5%;height:100px;float:left;overflow:hidden;border:none;margin-top:10px;margin-left:10px;}
.gallery-list.mpop .cont{display:block;background-color:#e5ebf4;}
.gallery-list.mpop .cont span{display:block;text-align:-webkit-match-parent;}
.gallery-list.mpop .cont>p{display:block;line-height:17px;margin-top:5px;font-size:12px}
.gallery-list.mpop div{display:block;width:auto;padding:10px;height:100px;}
.gallery-list.mpop .thumb{margin:0;padding:0;height:100px}
.gallery-list.mpop .thumb.full{width:50%;}
.gallery-list.mpop .thumb.full img{width:100%;height:100px}

.gallery-list .icons{background:#2768c3;display:inline-block;color:#fff;line-height:19px;height:19px;padding:0 5px 0 3px;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-list .icons.type2{background:#bf5600;}
.gallery-list .icons.type3{background:#6832a6;}
.gallery-list .icons.type4{background:#6832a6;}

/* faq */
.faq{border-top:2px solid #686970}
.faq>dt{background-color:#eef4fc;}
.faq>dt,
.faq>dd{border-bottom:1px solid #686970;position:relative;padding:8px 20px 10px 33px}
.faq>dt .q,
.faq>dd .a{display:block;position:absolute;left:10px;top:10px;width:13px;height:13px;text-indent:-5000em;color:transparent}
.faq>dt .q{background-position:0 -290px}
.faq>dd .a{background-position:right -290px}

/* 금상 리스트 상단 */
.focus{background-color:#dbe4f0;}
.focus{display:table;padding:16px 0 20px;width:100%}
.focus>dt{display:table-cell;width:40%;vertical-align:top;text-align:center}
.focus>dt strong{padding:4px 0 3px}
.focus>dt strong:after{content:"";display:block;margin:3px auto 0;background:url(/images/mobile/visual/focus_finance.png) no-repeat;background-size:100px auto;}
.focus>dd{display:table-cell;padding:0 10px 0 0;vertical-align:middle}
.focus.recomm>dt strong:after{width:54px;height:45px}
.focus.theme>dt strong:after,
.focus.ranking>dt strong:after{width:78px;height:40px;background-position:0 -50px}
.focus>dd .desc{margin-top:-4px}
.focus>dd .desc li{margin-top:4px}
.focus>dd em>a{text-decoration:underline}
.focus.theme .desc li{display:inline-block;white-space:nowrap;margin-left:27px}
.focus.theme .desc{margin-left:-27px}
.focus+.heading3{margin-top:15px}

/*table*/
table.tbl-type{table-layout:fixed;width:100%;border-top:2px solid #686970;border-bottom:1px solid #686970;line-height:1.3}
.tbl-top+.tbl-type{border-top-width:1px}
table.tbl-type thead tr:last-child th{border-bottom:1px solid #686970}
table.tbl-type tbody th{background-color:#fafbfc}
table.tbl-type th,
table.tbl-type td{border-left:1px solid #e0e1e3;border-top:1px solid #e0e1e3;padding:9px 10px 7px}
table.tbl-type tr:first-child th,
table.tbl-type tr:first-child td{border-top-width:0}
table.tbl-type tr th:first-child,
table.tbl-type tr td:first-child{border-left-width:0}
table.tbl-type tr th.border{border-left-width:1px}
table.tbl-type tbody th{text-align:left}
table.tbl-type tbody td{text-align:center}
.tbl-type .cell-product{text-align:left}
.icon-list{overflow:hidden;padding:0 0 5px}
.icon-list li{float:left;padding:0 3px;margin:0 1px 1px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #a0a3aa;background:#fafbfc;font-size:12px;line-height:17px;height:19px}
.icon-list .recom{background-color:#2768c3;border-color:#2768c3;color:#fff}
.icon-list .best{background-color:#6832a6;border-color:#6832a6;color:#fff}
.icon-list .new{background-color:#ac0069;border-color:#ac0069;color:#fff}
.icon-list .ranking{background-color:#bf5600;border-color:#bf5600;color:#fff}
.icon-list .theme{background-color:#677718;border-color:#677718;color:#fff}
.icon-list .separate{background-color:#1428A0;border-color:#1428A0;color:#fff}
.icon-list .wrap{background-color:#8f7311;border-color:#8f7311;color:#fff}
.tbl-type .cell-product{font-size:12px}
.tbl-type .cell-product .title{font-size:14px;line-height:17px;margin:0 0 5px}
.tbl-type .cell-product .etc{margin:6px 0 0}
.tbl-type .cell-product small{padding:3px 0 0;display:block}
.tbl-type .cell-btn{width:98px}
.tbl-type .cell-btn a,
.tbl-type .cell-btn button{width:90%}
.tbl-type .cell-btn a{margin:1px 0}
.tbl-type .cell-btn .btn3 span{margin-right:7px}
.tbl-type.v-top td{vertical-align:top}
.scroll-tbl{width:100%;border-bottom:1px solid #686970}
.scroll-tbl thead,
.scroll-tbl tbody{display:block}
.scroll-tbl tr{display:table;width:100%}
.scroll-tbl thead{height:35px;border-bottom:1px solid #686970;border-top:2px solid #686970}
.scroll-tbl thead tr,
.scroll-tbl thead th{height:100%}
.scroll-tbl tbody{max-height:179px;overflow:auto;-webkit-overflow-scrolling: touch;}
.scroll-tbl td,
.scroll-tbl th{border:1px solid #e0e1e3;border-width:1px 0 0 1px;text-align:center;padding:9px 10px 7px;height:19px}
.scroll-tbl tbody tr:first-child td{border-top-width:0}
.scroll-tbl tr td:first-child,
.scroll-tbl tr th:first-child{border-left-width:0}
.scroll-tbl.wish th:nth-child(1){width:26px}
.scroll-tbl.wish th:nth-child(2){width:75px}
.scroll-tbl.wish td:nth-child(1){width:26px}
.scroll-tbl.wish td:nth-child(2){width:75px}

.tbl-type2{border-top:2px solid #686970;border-bottom:1px solid #686970;width:100%}
#contents .blind:first-child+.tbl-type2{border-top:0}
dl.tbl-type2{display:table}
dl.tbl-type2>dt{background:#fafbfc;display:table-cell;vertical-align:middle;padding:0 10px;box-sizing:border-box}
dl.tbl-type2>dd{border-left:1px solid #e0e1e3;padding:0px 10px 7px;box-sizing:border-box}
dl.tbl-type2>dt.col1{width:90px}
table.tbl-type2{table-layout:fixed}
table.tbl-type2 th{text-align:left;background:#fafbfc}
table.tbl-type2 th,
table.tbl-type2 td{border-top:1px solid #e0e1e3;border-left:1px solid #e0e1e3;padding:5px 10px 8px}
table.tbl-type2 tr:first-child th,
table.tbl-type2 tr:first-child td{border-top-width:0}
table.tbl-type2 tr th:first-child,
table.tbl-type2 tr td:first-child{border-left-width:0}
.tbl-type2 td.box{padding-top:3px;padding-bottom:3px}
.tbl-type2 td.frm-type{padding-top:8px}
.tbl-type2 th.cell-product{background:transparent;font-size:12px}
.tbl-type2>tbody>tr>td:first-child.border,
.tbl-type2>tbody>tr>th:first-child.border{border-left-width:1px}
.tbl-type2 .cell-btn2{width:100px;text-align:center}
.tbl-type2 .cell-btn2 a,
.tbl-type2 .cell-btn2 button.btn{width:50px;padding-left:0;padding-right:0;text-align:center}
.tbl-type2 .cell-btn2 a,
.tbl-type2 .cell-btn2 button{margin:1px 0 0 1px}

.tbl-except{table-layout:fixed;width:100%;border-top:1px solid #686970;border-bottom:1px solid #a0a3aa}
h1.blind+.tbl-except{border-top:0}
.tbl-except td{border-top:1px solid #a0a3aa}
.tbl-except .cell-branch{width:114px}
.tbl-except tr:first-child td{border-top-width:0}
.tbl-except tr td:first-child{border-right:1px solid #e0e1e3;text-align:center;padding:5px 10px 8px}
.tbl-except tr td:first-child strong{display:block;padding:0 0 6px}
.tbl-except tr:nth-child(even) td{background:#fafbfc}
.tbl-except dl{line-height:1.25;padding:5px 0 0}
.tbl-except dt{color:#71727b;padding:0 10px}
.tbl-except dt~dt{padding-top:6px;border-top:1px solid #e0e1e3}
.tbl-except dd{font-size:12px;padding:0 10px 8px}
.tbl-except tr:nth-child(odd) a.tel{background:#fafbfc}
.tbl-except tr:nth-child(even) a.tel{background:#fff}

.tbl-chart{table-layout:fixed;width:100%;border-top:2px solid #686970;border-bottom:1px solid #686970;font-size:12px}
.tbl-chart thead tr:last-child th{border-bottom:1px solid #686970}
.tbl-chart tbody th,
.tbl-chart tbody td{border-left:1px solid #e0e1e3;border-top:1px solid #e0e1e3}
.tbl-chart tbody tr th:first-child,
.tbl-chart tbody tr td:first-child{border-left:0}
.tbl-chart th,
.tbl-chart td{padding:10px 5px 9px}

/* 리스트없음 */
ul.board .no-list, .gallery-list>li.no-list{text-align:center;padding:75px 0}
.banner-list .no-list{text-align:center;padding:75px 0 !important;border-bottom:1px solid #e0e1e3}
.tbl-except td.no-list{text-align:center;padding:75px 0 !important;border-right:0 !important}
div.no-list{text-align:center;padding:75px 0;border-bottom:1px solid #686970;border-top:2px solid #686970}
.tbl-top+div.no-list{border-top-width:1px}

/*text*/
.tbl-comment:before{content:"";display:inline-block;vertical-align:top;margin:1px 3px 3px 0;float:left;width:14px;height:14px;background-position:right -23px}
.tbl-comment{font-size:12px;line-height:1.25;padding:9px 0 0}
.tbl-comment:after{content:"";display:block;clear:both;visibility:hidden}
.guide>ul>li,
ul.desc>li,
.desc-item,
dl.desc>dd{padding:5px 0 1px 8px;position:relative}
.guide>ul>li:before,
ul.desc>li:before,
.desc-item:before,
dl.desc>dd:before{content:"";display:block;width:3px;height:3px;position:absolute;left:0;top:12px;background:#2768c3}
h3.desc-item{margin-top:20px;padding-bottom:6px}
dl.desc dd{font-size:12px}
dl.desc>dd.btn-area{padding-left:0}
dl.desc>dd.btn-area:before{display:none}
h3.heading4+.desc-item{padding-bottom:6px;margin-top:-5px}
div.desc-item p~p{padding-top:3px}
b.desc{display:block;color:#71727b;font-weight:normal}
.desc-item b.desc{padding-top:5px}
ul.desc.small-type{font-size:12px;padding-top:5px}
ul.desc.small-type>li{padding-top:0}
ul.desc.small-type>li:before{top:7px}
ul.desc p.explain{font-size:12px}
ul.desc p.explain:before{content:"";display:inline-block;vertical-align:top;width:3px;height:1px;margin:9px 4px 0 -8px;left:-8px;top:9px;background:#000}
ul.desc .s_desc{margin-top:20px;}
.guide>ul ul{margin:3px 0 0}
.guide>ul ul li{padding:3px 0 0 8px;position:relative}
.guide>ul ul li:before{content:"└";display:block;position:absolute;left:-5px;top:4px;}
ul.list-type>li,
p.list-type,
small.list-type,
h4.list-type{padding:0 0 0 8px;position:relative}
.desc-item+small.list-type{margin-top:4px}
h3.desc-item+small.list-type{margin-top:0}
ul.list-type>li:before,
p.list-type:before{content:"";display:block;width:3px;height:1px;position:absolute;left:0;top:6px;background:#000}
small.list-type{font-size:12px;color:inherit;display:block}
small.list-type:before,
h4.list-type:before{content:"";display:block;width:4px;height:1px;position:absolute;left:0;top:6px;background:#a0a3aa}
h4.list-type+.tbl-type2{margin-top:5px}
.tbl-type2+h4.list-type{margin-top:18px}
.tip{position:relative;padding:7px 0 0 35px}
.tip em{display:block;position:absolute;left:0;top:7px;}

/* 상승,하락,보합 */
.up{color:#d60031}
.down{color:#0039b5}
.noChange{color:#000}

/* 지도출력 박스 */
.printMap{border:1px solid #e0e1e3;margin:10px;height:350px;}

/* 기타 컨텐츠 */
.box-type1{padding:0 10px;border-top:1px solid #e0e1e3}
.box-type1 .heading2{line-height:32px;padding-top:0}
.contents-icon{font-size:12px;color:#fff;margin-left:-1px}
.contents-icon:after{content:"";clear:both;display:block;visibility:hidden;height:15px}
.contents-icon li{float:left;background:#2a4e89;width:99px;height:64px;margin:1px 0 0 1px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.contents-icon li img{width:74px;vertical-align:top}
.contents-icon li:after{content:attr(data-txt);display:block;font-size:12px;color:#fff;text-align:center;position:absolute;left:0;right:0;top:35px}
.box-type2{background-color:#e5ebf4;padding:10px}
.box-type2.line{border-top:1px solid #e0e1e3}
.box-type2.line.tip{margin-top:20px;}
.box-type2 .heading2{line-height:32px;padding-top:0}
.box-type2 .heading2:first-child{margin-top:-10px}
section#contents.bg>.box-type2:last-child{padding-bottom:40px}

table.note-list{table-layout:fixed;width:100%;background:#fff;font-size:12px;line-height:1.25;}
table.note-list:after{content:"";display:block;height:25px}
table.note-list td{padding-top:6px;padding-bottom:6px}
table.note-list tr:first-child td,
table.note-list tr.header+tr td{padding-top:15px;padding-bottom:15px}
table.note-list .cell-num{width:54px;text-align:center;vertical-align:top}
table.note-list td.cell-num span{display:inline-block;width:24px;height:24px;background:#2768c3;margin:0 auto;color:#fff;font-size:11px;line-height:24px;border-radius:12px;-webkit-border-radius:12px}

table.note-list .title{font-size:15px;line-height:25px}
table.note-list .title,
table.note-list .desc,
table.note-list .list-type{padding-right:10px}
table.note-list tr.screen td{padding-top:25px;padding-bottom:20px}
table.note-list tr.screen:first-child td{padding-top:15px;padding-bottom:15px}
table.note-list tr.screen:last-child td{padding-bottom:0}
table.note-list tr.screen p.desc{padding:13px 15px 0}
table.note-list td.notice{padding:9px 15px 5px}
table.note-list tr.screen + tr td.notice{padding-top:0}
table.note-list img{/*width:50%;min-width:300pxwidth:300px;*/width:100%;vertical-align:top}
table.note-list tr.header td{padding:9px 15px 10px;color:#fff;background:#636d7b;font-size:14px;line-height:17px;vertical-align:top}
table.note-list tr.bdr+tr.header td{padding-top:0}
table.note-list tr.bdr.bg td{background:#636d7b;}
table.note-list .bdr td{height:24px;border-bottom:2px solid #e5ebf4;padding:0;vertical-align:bottom}
table.note-list .screen+.bdr td{height:10px}
table.note-list .bdr td:before,
table.note-list .bdr td:after{content:"";display:block;width:2px;height:4px;background:#e5ebf4;}
table.note-list .bdr td:before{float:left;margin-left:10px}
table.note-list .bdr td:after{float:right;margin-right:10px}
table.note-list .bdr+.bdr td{border-bottom-width:0;vertical-align:top;height:9px}

div.notice-box{border:1px solid #e0e1e3;background:#fafbfc;padding:15px;font-size:12px;line-height:1.25;}
div.notice-box span{color:#ac0069;}
div.notice-box p~p{padding-top:12px}
small.list-type+div.notice-box{margin-top:7px}
div.notice-box dd{padding-top:6px}
div.notice-box dd small.list-type{margin-top:4px}
.msg-box{border:2px solid #8cb2e8;background:#fafbfc;text-align:center;padding:10px 16% 12px}
.msg-box.l{padding-left:10px;padding-right:10px;text-align:left}
.msg-box .mark{display:block;color:#8cb2e8;font-size:31px;line-height:1}
.msg-box~.msg-box{margin-top:5px}
.msg-box+small.list-type{margin-top:7px}
#contents>.msg-box{margin-left:10px;margin-right:10px}
.msg-box.color{font-size:12px}
.msg-box.color strong{display:block;font-size:14px}
.msg-box.color1{border-color:#469abf}
.msg-box.color1 strong{color:#469abf}
.msg-box.color2{border-color:#5961b6}
.msg-box.color2 strong{color:#5961b6}
.msg-box.color3{border-color:#ac5fad}
.msg-box.color3 strong{color:#ac5fad}
.msg-box.result{border-width:0;padding-top:12px;padding-bottom:14px;background:#e5ebf4;margin-bottom:20px;position:relative;margin-top:19px}
.msg-box.result:before{content:"";position:absolute;background-position:0 -175px;width:16px;height:15px;left:50%;top:-14px;margin-left:-8px}
.concept-box{table-layout:fixed;width:100%;}
.toggle-list .detail .concept-box:first-child{margin-top:-20px}
.toggle-list .detail .concept-box:last-child{margin-bottom:-20px}
.toggle-list .detail .concept-box.w-recomm{margin-bottom:0;border-bottom:1px solid #e0e1e3}
.concept-box td{border-top:1px solid #e0e1e3}
.concept-box tr:first-child td{border-top:0}
.concept-box tr td:first-child{width:110px;padding:12px 0}
.concept-box tr td:nth-child(2){padding:15px 20px 15px 0}
.concept-box img{max-width:100%}
.concept-box td strong.title{padding-bottom:4px;display:block}
.concept-box td strong.small{font-size:small;display:block}
.concept-box td small{font-size:11px;color:#000;padding-top:3px;display:block;}
.concept-box td.recomm-box:first-child{background:#fafbfc;border-left:1px solid #e0e1e3;border-right:1px solid #e0e1e3;width:auto;padding:8px 10px 6px;}
.concept-box td.recomm-box em{display:block;padding:0 0 2px 18px;background:url(/images/mobile/common/ico_recomm.png) no-repeat left 3px;background-size:13px auto}
.concept-box2{background:#e5ebf4;position:relative;min-height:65px}
.concept-box2 dt{float:left;width:75px;padding:7px 0 0 10px}
.concept-box2 dd{overflow:hidden;padding:7px 10px 10px 11px}
.concept-box2 dd:before{content:"";display:block;position:absolute;left:85px;top:10px;bottom:10px;width:1px;background:#a0a3aa;}
.concept-box2+.concept-box2{border-top:3px solid #fff}
.concept-box2 .btn-area{padding-top:7px}
.concept-box2 .btn-area a{margin:2px 0 0 1px;}
.concept-box2 dt:before{content:"";display:block;position:absolute;left:0;bottom:0;width:85px;height:40px;background:url(/images/mobile/finance/bg_join.png) no-repeat;background-size:85px auto;}
.concept-box2 .cont1:before{background-position:0 0}
.concept-box2 .cont2:before{background-position:0 -40px}
.concept-box3{border:1px solid #e0e1e3;background:#fafbfc;margin:10px;padding:13px 15px;}
.concept-box3 a{display:block;position:relative;padding-right:85px}
.concept-box3 p{font-size:12px;padding-top:4px}
.concept-box3 a:before{content:"";display:block;position:absolute;background:url(/images/mobile/customer/bg_setting.png) no-repeat;background-size:auto 50px;top:50%}
.concept-box3 a.cont1:before{background-position:0 0;width:58px;height:39px;right:10px;margin-top:-20px}
.concept-box3 a.cont2:before{background-position:-100px 0;width:55px;height:40px;right:18px;margin-top:-20px}
.concept-box3 a.cont3:before{background-position:-200px 0;width:57px;height:29px;right:15px;margin-top:-15px}
.concept-box4{border:1px solid #e0e1e3;border-width:0 1px 1px}
.concept-box4>li{border-top:1px solid #e0e1e3;position:relative;padding:0 0 15px}
.concept-box4.saving>li:before{content:"";display:block;position:absolute;right:0;width:84px;background:url(/images/mobile/finance/img_benefit_saving8.png) no-repeat;background-size:77px}
.concept-box4>li.bg1:before{height:50px;top:16.5px}
.concept-box4>li.bg2:before{height:61px;top:15px;background-position:0 -75px}
.concept-box4.egg li:before{content:"";display:block;position:absolute;right:0;background:url(/images/mobile/finance/img_benefit_egg.png) no-repeat;background-size:100px}
.concept-box4>li.bg3:before{width:90px;height:59px;top:17px;}
.concept-box4>li.bg4:before{width:90px;height:60px;top:15px;background-position:0 -75px}
.concept-box4>li.bg5:before{width:95px;height:66px;top:12px;background-position:0 -150px}
.concept-box4>li.bg6:before{width:103px;height:50px;top:20px;background-position:0 -225px}
.concept-box4>li.bg7:before{width:85px;height:55px;top:16px;background-position:0 -300px}
.concept-box4 .num{position:absolute;display:block;left:10px;top:30px;font-size:12px;color:#fff;background:#2768c3;width:30px;height:30px;text-align:center;line-height:32px;-webkit-border-radius:15px;border-radius:15px;}
.concept-box4 dt{height:90px;display:table;}
.concept-box4 dt strong{display:table-cell;vertical-align:middle;padding:0 85px 0 52px;}
.concept-box4.egg dt strong{padding-right:105px}
.concept-box4 dd{padding:0 10px}
.concept-box4 .desc-item,
.concept-box4 .desc{font-size:12px}
.intro.guard:after,
.arr-step:after,
.arr-step2:after,
.guide-list>li:before{background:url(/images/mobile/life/img_guard.png) no-repeat;background-size:100px}
.intro{padding:9px 0 15px;position:relative}
.intro.guard:after{content:"";display:block;position:absolute;right:2px;top:8px;width:50px;height:81px;background-position:0 0}
.intro dt{padding:0 90px 4px 0}
.intro dd{padding:0 90px 0 0}
.intro .btn-area{padding:12px 0 0;text-align:center}
.define{border-top:1px solid #c9d5e6;padding:13px 0 0;line-height:17px}
.define>dt{clear:both;float:left;margin:1px 13px 0 0;background:#686970;color:#fff;text-indent:9px;width:75px;padding:4px 0;}
.define>dd{overflow:hidden;padding:0 0 18px}
.arr-step{width:6px;position:relative;display:inline-block;text-indent:-5000em;color:transparent}
.arr-step:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-4px;width:100%;height:9px;background-position:right 0}
.arr-step2{width:11px;position:relative;display:inline-block;text-indent:-5000em;color:transparent}
.arr-step2:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-5px;width:100%;height:10px;background-position:right -20px}
.guide-list{border:1px solid #e0e1e3;background:#fff}
.guide-list>li{border-top:1px solid #e0e1e3;padding:18px 15px 17px 82px;position:relative;min-height:87px}
.guide-list>li:first-child{border-top:0}
.guide-list>li:before{content:"";display:block;width:45px;height:82px;position:absolute;left:15px;top:20px}
.guide-list>li:nth-child(1):before{background-position:0 -100px}
.guide-list>li:nth-child(2):before{background-position:right -100px}
.guide-list>li:nth-child(3):before{background-position:0 -190px}
.guide-list>li:nth-child(4):before{background-position:right -190px}
.guide-list>li:nth-child(5):before{background-position:0 -280px}
.guide-list>li:nth-child(6):before{background-position:right -280px}
.guide-list>li:nth-child(7):before{background-position:0 -370px}
.guide-list p.desc{line-height:1.21;padding:6px 0 0}
.guide-list+.btn-area{padding:20px 0 0}
.cs-banner{margin:20px 0 0;padding:17px 0 17px 20px;background:#627691 url(/images/mobile/common/bg_cs.png) no-repeat right center;background-size:51px auto;color:#fff;font-size:19px;line-height:1.21}
.page-notice{font-size:12px;line-height:1.25;padding-top:10px}
.thumb-list{line-height:30px}
.thumb-list li{border-bottom:1px solid #e0e1e3;padding:3px 10px 3px 46px;position:relative}
.thumb-list li:before{content:"";display:block;position:absolute;left:0;top:0;width:36px;height:37px;background:url(/images/mobile/customer/bg_sns.png) no-repeat;background-size:auto 50px}
.thumb-list li.sns1:before{background-position:0 0}
.thumb-list li.sns2:before{background-position:-50px 0}
.thumb-list li:after{content:"";display:block;clear:both;visibility:hidden}
.thumb-list li a{float:right}
.list-desc{font-size:12px;line-height:1.5;padding:0 0 12px}
.bank-list{padding:1px 0 0 1px;margin-right:-1px}
.bank-list:after{content:"";display:block;clear:both;visibility:hidden}
.bank-list>li{float:left;width:33.3%}
.bank-list>li:nth-child(3n+1){clear:both}
.bank-list>li .logo:before{content:"";display:block;position:absolute;right:5px;bottom:6px;width:6px;height:10px;background-position:-34px -315px}
.bank-list>li.on .logo:before{background-position:right -100px}
.bank-list>li .logo{display:block;position:relative;height:65px;text-align:center;background:#f8f8f9;border:1px solid #e0e1e3;margin:-1px 0 0 -1px;box-shadow:inset 1px 1px 0 #fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.bank-list>li .logo a{display:block;height:100%}
.bank-list>li .logo img{max-height:63px;max-width:100%}
.bank-list>li.on .logo{border-color:#2768c3;z-index:2}
.bank-list .bank-detail{position:relative;z-index:3;margin:-1px -200% 0 0;left:-1px;padding:0 15px 12px;border:1px solid #686970;border-right:0;display:none}
.bank-list .bank-detail:after{content:"";display:block;position:absolute;right:-1px;top:0;background:#686970;height:100%;width:1px}
.bank-list>li.on .bank-detail{display:block}
.bank-list li:nth-child(3n+2) .bank-detail{margin-right:-100%;margin-left:-100%}
.bank-list li:nth-child(3n) .bank-detail{margin-right:0;margin-left:-200%}
.bank-list .bank-detail h3{padding:14px 0 4px}
.bank-list .desc{font-size:12px}
.bank-list .bank-detail .btn-area{padding-top:20px}
.bank-list .bank-detail .lay-close{position:absolute;right:-1px;top:-1px;overflow:hidden;width:30px;height:30px}
.bank-list .bank-detail .lay-close:before{position:absolute;top:0;left:0;width:30px;height:30px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
.bank-list .bank-detail ul{border:1px solid #a0a3aa;border-top:0;font-size:12px;position:relative}
.bank-list .bank-detail ul:after{content:"";display:block;clear:both;visibility:hidden}
.bank-list .bank-detail li{width:24%;float:left;padding:0 2px 5px;border-top:1px solid #a0a3aa;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.bank-list .bank-detail li:nth-child(4n){/*width:28%;*/overflow:hidden;float:none;width:auto}
.bank-list .bank-detail li:after{content:"";display:block;position:absolute;top:0;bottom:0;width:1px;background:#e0e1e3}
.bank-list .bank-detail li:nth-child(4n+1):after{left:24%;}
.bank-list .bank-detail li:nth-child(4n+2):after{left:48%;}
.bank-list .bank-detail li:nth-child(4n+3):after{left:72%;}
.bank-list .bank-detail li:nth-child(4n):after{content:"";display:none}
.bank-list .bank-detail li span{display:block;border-bottom:1px solid #e0e1e3;background:#fafbfc;line-height:26px;margin:0 -2px 4px}
.rules{font-size:12px;line-height:1.25;}
.rules>em{font-size:14px;display:block;color:inherit;margin-bottom:14px}
.rules h3{font-size:14px;margin-top:14px}
.rules p{margin-top:6px}
.rules ol{list-style-type: decimal;margin:1em 0 0 1em}
.rules ul.type2{list-style-type:none;margin-left:0}
.rules ul{list-style-type: disc;margin:1em 0 0 1em}
.rules li{margin:0.5em 0 0 1em}
.rules-btm{font-size:12px;padding:20px 10px 0}
small.examination{padding:7px 10px 3px;color:#000;line-height:15px}
p.examination{font-size:11px;color:#4f78b2;height:23px;display:table;padding:0 10px 0 30px;background:url(/images/mobile/finance/img_patent.png) no-repeat 10px center;background-size:15px auto}
p.examination span{display:table-cell;vertical-align:middle}
.step2-wrap{overflow:hidden;margin-top:17px}
.step2-wrap>div{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}
.step2-wrap .branch{padding-right:5px}
.step2-wrap .online{padding-left:5px}
.step2-wrap h3{color:#fff;box-shadow:inset 1px 1px 0 rgba(255,255,255,.25);height:50px;text-align:center;padding:10px 0 0;margin:0 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.step2-wrap h3:before{content:"";display:inline-block;width:46px;height:29px;vertical-align:middle;background:url(/images/mobile/finance/img_fund_join.png) no-repeat;background-size:50px auto;}
.step2-wrap .online h3:before{background-position:0 -50px}
.step2-wrap .branch h3{border:1px solid #1d4e92;background:#2768c3}
.step2-wrap .online h3{border:1px solid #850051;background:#ac0069}
.step2>li:nth-child(1)>dl>dt{background:#6c7686}
.step2>li:nth-child(2)>dl>dt{background:#627691}
.step2>li:nth-child(3)>dl>dt{background:#5475a3}
.step2>li:nth-child(4)>dl>dt{background:#366ab3}
.step2-wrap .online li:nth-child(2) dt{background:#a7668b}
.step2-wrap .online li:nth-child(3) dt{background:#b95d90}
.step2-wrap li.common-area{margin-right:-5px}
.step2-wrap li.common-area dl{margin-right:-100%}
.step2-wrap li.hidden{visibility:hidden}
.step2>li~li:before{content:"";display:block;visibility:visible;background-position:0 -175px;width:16px;height:15px;margin:5px auto 0;}
.step2>li>dl>dt{text-align:center;color:#fff;padding:9px 0 7px;}
.step2>li>dl>dt span{display:block}
.step2>li>dl>dd{border:1px solid #e0e1e3;border-top:0;font-size:12px;padding:15px 10px 15px}
.step2>li>dl>dd .btn-area{padding-top:6px}
.step2>li>dl>dd .btn-area a~a{margin-left:1px}
.step2 .btn3.smallest{padding:0 2px;}
.step2 dd.notice-box{background:#fafbfc}
.step2 dd.notice-box strong{display:block;padding-bottom:5px}
.heading3+.step2{margin-top:-7px}
.diagram{border:2px solid #e0e1e3;text-align:center;margin-top:6px}
.diagram img{max-width:100%;vertical-align:top}
.diagram+.tbl-type{margin-top:20px}
.desc-normal strong{display:block;padding:18px 0 4px;}
.toggle-list .detail .desc-normal:first-child{padding-top:0}
.img-mark{display:inline-block;width:16px;height:16px;position:relative}
.img-mark:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url(/images/mobile/common/img_mark.png) no-repeat;background-size:60px auto}
.img-mark.o:after{background-position:-20px 0}
.img-mark.dash:after{background-position:-40px 0}
.box-tbl{border-top:2px solid #686970;}
.box-tbl h3{background:#fafbfc;padding:9px 8px 8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.box-tbl dl{border-bottom:1px solid #686970;overflow:hidden}
.box-tbl dt,
.box-tbl dd{float:left;border-top:1px solid #e0e1e3;padding:9px 10px 7px;-webkit-box-sizing:border-box;box-sizing:border-box}
.box-tbl dt{width:24%;clear:both;}
.box-tbl dd{width:76%}
.graph-over {position:relative;margin:20px 0 7px;border-bottom:2px solid #e0e1e3}
.graph-over .title{position:absolute;left:0;top:0;right:150px;font-size:12px}
.graph-over img{max-width:100%;vertical-align:top}
.graph-over~.msg-box{margin-top:17px}
.concept-explain{margin:0 -10px;background:#eef4fc;}
.concept-explain:first-of-type{border-bottom:1px solid #686970}
.concept-explain img{vertical-align:middle;width:100%;max-width:320px}
.concept-explain.arrow{height:40px;color:transparent;background:url(/images/mobile/finance/graph_saving3_arr.png) no-repeat center;background-size:auto 100%}
.toggle-list .detail .concept-explain:last-child{margin-bottom:-20px}
h2.page-desc2{text-align:center;font-size:12px;color:#2768c3;padding:13px 10px 16px;line-height:1.21}
h2.page-desc2 strong{display:block;font-size:23px;font-weight:bold}
.target-list li{display:table;width:100%;background:#dee9f8;position:relative;margin-top:5px}
p.desc+.target-list{margin-top:11px}
.target-list.type2 li{background:#2768c3}
.target-list li:after{content:"";display:block;position:absolute;left:50%;top:0;bottom:0;width:20px;margin-left:-12px;background:#fff;border-left:2px solid #8cb2e8;border-right:2px solid #dee9f8}
.target-list.type2 li:after{border-right-color:#2768c3}
.target-list li:first-child{margin-top:0}
.target-list .col{display:table-cell;width:50%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.target-list .col:nth-child(odd){padding:10px 20px 10px 10px;border:2px solid #8cb2e8;background:#fafbfc;text-align:center}
.target-list .col.result{padding:10px 10px 10px 20px;text-align:center;position:relative}
.target-list.type2 .col.result{color:#fff}
.target-list .col.result:before{content:"";position:absolute;z-index:1;left:0;top:50%;margin:-8px 0 0 -4.5px;width:9px;height:16px;background:url(/images/mobile/finance/img_arr_target.png) no-repeat;background-size:40px auto;}
.target-list .col.result span{display:block;margin:0 auto 5px;}
.target-list .col.result .plan1,
.target-list .col.result .plan2,
.target-list .col.result .plan3{background:url(/images/mobile/finance/img_saving2_target.png) no-repeat;background-size:40px auto;width:40px;}
.target-list .col.result .plan1{height:30px;}
.target-list .col.result .plan2{height:25px;background-position:0 -50px}
.target-list .col.result .plan3{height:24px;background-position:0 -100px}
.target-list .col.result .pension1,
.target-list .col.result .pension2,
.target-list .col.result .pension3{background:url(/images/mobile/finance/img_pension_target.png) no-repeat;background-size:50px auto;}
.target-list .col.result .pension1{width:43px;height:28px;}
.target-list .col.result .pension2{width:38px;height:27px;background-position:0 -50px}
.target-list .col.result .pension3{width:33px;height:34px;background-position:0 -100px}
.group{position:relative;margin-top:20px}
.group:first-child{margin-top:0}
.group .heading3{padding-right:65px}
.group .act{position:absolute;right:0;top:0px}
.lifetime{line-height:1.21;position:relative;margin:15px 0 0}
.lifetime>li{position:relative;padding:10px 0 0 78px;}
.lifetime>li:first-child{padding-top:0}
.lifetime>li:before{content:"";display:block;position:absolute;left:31px;top:0;height:100%;width:7px;background:#cedaed}
.lifetime>li.on:before{background:#8095f4}
.lifetime .age{position:absolute;display:block;font-size:12px;width:30px;margin-left:-30px;top:-1px;color:#000}
.lifetime .age:before,
.lifetime>li:last-child:after{content:"";display:block;position:absolute;z-index:1;background:url(/images/mobile/finance/img_lifetime.png) no-repeat;background-size:200px auto;width:40px;height:20px;left:-48px;top:-4px}
.lifetime>li:first-child .age:before{top:0}
.lifetime>li:nth-child(2) .age:before{background-position:0 -25px}
.lifetime>li:nth-child(3) .age:before{background-position:0 -50px}
.lifetime>li:nth-child(4) .age:before{background-position:0 -75px}
.lifetime>li:last-child:after{content:"60대";font-size:12px;display:block;position:absolute;z-index:1;background:url(/images/mobile/finance/img_lifetime.png) no-repeat;background-size:200px auto;width:30px;height:20px;left:0;top:auto;bottom:-5px;padding:5px 0 0 48px;background-position:0 -100px}
.lifetime>li.on .age:before,
.lifetime>li.on+li .age:before,
.lifetime>li:last-child.on:after{background-position-x:-100px}
.lifetime p.desc{padding:9px 10px 7px;text-align:center;position:relative;background:#e5e7ea}
.lifetime p.desc:after{content:"";position:absolute;background:inherit;width:7px;height:7px;display:block;top:100%;left:50%;margin:-4px 0 0 -3.5px;
transform: rotate(45deg); transform-origin: bottom;
-webkit-transform: rotate(45deg); -webkit-transform-origin: bottom;}
.lifetime>li strong.age~p.desc{color:#fff;background:#3878d5;}
.lifetime>li:nth-child(2) strong.age~p.desc{background:#5351da}
.lifetime>li:nth-child(3) strong.age~p.desc{background:#833ed2}
.lifetime>li:nth-child(4) strong.age~p.desc{background:#b239a5}
.lifetime ul.desc{background:#fafbfc;border:1px solid #e0e1e3;border-top:0;padding:7px 10px 11px}
.need-list{background:#eef4fc;font-size:12px;padding:20px 0 0px}
.need-list>li{display:inline-block;vertical-align:top;width:50%;margin-right:-5px;padding:0px 15px 15px 25px;-webkit-box-sizing:border-box;box-sizing:border-box}
.need-list strong{display:block;color:#fff;width:110px;height:110px;margin:0 auto;background:url(/images/mobile/finance/img_egg_need.png) no-repeat;background-size:110px auto;text-align:center;padding:72px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.need-list .item2 strong{background-position:0 -125px}
.need-list .item3 strong{background-position:0 -250px}
.need-list .item4 strong{background-position:0 -375px}
.need-list .desc{width:100px;margin:0 auto}

/* poptv */
header.hgroup{padding:10px 10px 3px;background:#eef4fc;}
header.hgroup:after{content:"";display:block;clear:both;visibility:hidden}
header.hgroup h1{float:left;line-height:30px;font-size:16px;font-weight:normal}
header.hgroup a.btn3{float:right}
.gallery-poptv section{background:#eef4fc;padding:0 10px 10px;border-bottom:1px solid #e0e1e3}
.gallery-poptv .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:10px}
.gallery-poptv .video-container img,
.gallery-poptv .video-container video,
.gallery-poptv .video-container object,
.gallery-poptv .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.gallery-poptv .video-container div{position:absolute;top:0;left:0;width:100%;height:100%}
.gallery-poptv ul.board{border-color:#e0e1e3}
.gallery-poptv .btn-area{text-align:right;padding:10px 10px 0}
.gallery-poptv .btn-area a{margin-left:1px}

/*popup*/
#popWrap{height:100%;position:relative}
#popWrap h1{height:30px;padding:0 0 0 9px;line-height:32px;color:#fff;background:#2768c3;position:absolute;left:0;right:0;top:0}
#popWrap .close{position:absolute;top:0;right:0;width:30px;height:30px;background-color:#4b4c52;background-position:0 -470px;color:transparent}
#popWrap .scroll-tbl2{height:100%;overflow:hidden;border:1px solid #686970;border-width:0 1px 1px;padding:87px 10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
#popWrap .scroll-tbl2 .pos{height:100%;border-bottom:1px solid #686970;overflow:auto;}
#popWrap .scroll-tbl2 thead{position:absolute;left:10px;right:10px;top:50px;border-top:2px solid #686970}
#popWrap .scroll-tbl2 thead tr{display:table;width:100%}
#popWrap .scroll-tbl2 .tbl-type{border-width:0}
#popWrap .scroll-tbl2 .cell1{width:80px}
#popWrap .scroll-tbl2 tr th:first-child{width:60px}
#popWrap .scroll-tbl2 .cell3{width:70px}
#popWrap .scroll-tbl2 tr th:nth-child(3),
#popWrap .scroll-tbl2 td:nth-child(3){width:66px}
/* 2015.02.06 bluewebd HTS 62847 : ETF 대상리스트 팝업 사이즈오류 수정 */
#popWrap .scroll-tbl2.targetETFlst tr th:nth-child(3),
#popWrap .scroll-tbl2.targetETFlst td:nth-child(3){width:49px}


/* layerpopup */
#layerWarp{position:absolute}
.lay-pop{z-index:10;margin:0;width:100%;height:100%;background:transparent;min-width:320px;max-width:640px}
.layer_pop_wrap.on .lay-pop{min-width:300px;max-width:620px}/*레이어팝업 관련 추가 최웅*/
#layerWarp .lay-pop{position:absolute;left:0px;top:0px;}
.lay-pop-content{position:absolute;background:#fff;z-index:1;width:100%;}
.lay-pop .title{background:#2768c3;font-size:14px;color:#fff;line-height:30px;height:30px;padding:0 0 0 9px}
.layer_pop_wrap.on .lay-pop .title{padding:0 30px 0 9px} /*레이어팝업 관련 추가 최웅*/
.lay-pop .inner{border:1px solid #686970;padding:20px 10px}
.lay-pop .btn-area{padding:10px 0 0;text-align:center}
.lay-pop .btn-area a{margin:0 1px}
.lay-pop .lay-close{width:30px;height:30px;position:absolute;right:0;top:0;background:#4b4c52;text-indent:-5000em;color:transparent}
.lay-pop .lay-close:before{position:absolute;top:0;left:0;width:30px;height:30px;background:transparent;color:transparent;z-index:-1;content:'.';vertical-align:middle}
.lay-pop-bg{width:100%; height:100%;background:rgba(255,0,0,.5)}
.lay-close:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-position:0 -470px}

.lay-pop .gbox{background:#edf0f6;padding:30px 10px;text-align:center;word-wrap:break-word; word-break:break-all;}
#layerPlate{display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999}
#layerPlate .lay-pop{top:50%;margin:0 auto}
#layerPlate.on{display:block}
#layerPlate.on~#contents,
#layerPlate.on~footer{display:none}

/* flicking */
.slide{overflow:hidden;position:relative;}
.slide-list{position:relative;height:100%}
.slide-list:after{content:"";display:block;clear:both;visibility:hidden}
.slide-list>.block{height:100%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.slide-ctl{height:28px;text-align:center;padding:6px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.slide-ctl button{width:16px;height:16px;background:transparent;padding:0;vertical-align:top}
.slide-ctl button span{display:block;color:transparent;overflow:hidden;font-size:1px;line-height:0;width:8px;height:8px;background:#e0e1e3;border-radius:4px;-webkit-border-radius:4px;margin:0 auto}
.slide-ctl button.on span{background:#4b4c52}

/* fund flicking product*/
.hot-product{overflow:hidden;height:164px;background:#e5ebf4;font-size:12px;line-height:1.25;position:relative}
/*.hot-product:after{content:"";display:block;position:absolute;left:50%;top:0;bottom:0;background:#bccce2;width:1px;}*/
.hot-product.slide .block{overflow:hidden}
.hot-product.slide .block>div{float:left;width:50%;height:100%;text-align:center;}
.hot-product.slide .block>div:first-child{}
.hot-product .block a{display:block;position:relative;padding:105px 22px 0;height:100%;border-right:1px solid #bccce2;-webkit-box-sizing:border-box;box-sizing:border-box}
/*.hot-product .block a:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:1px;background:#bccce2;}*/
.hot-product .block img{width:130px;display:block;position:absolute;left:50%;top:0;margin:8px 0 0 -65px}
.hot-product .block strong{color:inherit;position:relative}
.hot-product-ctl{background:#fff;}

/* MATRIX */
.matrix-cont1 ul li span:before,
.matrix-cont2 li strong:before,
.matrix-cont2 li>a:before,
.matrix-cont3 li:before,
.matrix-cont2 li:after,
.matrix-cont3 li p:after,
.matrix-cont3 li strong:before,
.matrix-cont4 li:before,
.matrix-cont4 li a:before{background:url(/images/mobile/finance/img_matrix.png) no-repeat;background-size:300px auto}
.matrix-tit,
.matrix-ctl{background:#4b4c52;color:#fff;}
.matrix-ctl button span{content:"" !important}
.matrix-tit{line-height:24px;margin:0 0 -44px;padding:10px 0 0 10px;height:44px;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-ctl{height:44px;padding:10px 10px 0 0;text-align:right}
.matrix-ctl button{height:24px;width:24px;margin:0 2px 0 3px}
.matrix-ctl button.on{background:#2768c3;width:auto;padding:0 10px;border-radius:12px;-webkit-border-radius:12px}
.matrix-ctl button.on span{font-size:12px;line-height:24px;color:#fff;width:auto;height:auto;background:transparent}
.matrix .block{padding:0 10px 30px;height:397px;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix h2{text-align:center;font-size:11px;padding:18px 0 11px;height:66px;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix h2 b{display:block;font-size:16px;font-weight:bold}
.matrix h2 em{font-weight:inherit}
.matrix-cont1{background:#eeebf7}
.matrix-cont1 ul{overflow:hidden;border:1px solid #e0e1e3;border-width:1px 1px 0 0;apadding:0 0 0 1px;background:#fff}
.matrix-cont1 ul li{border:1px solid #e0e1e3;border-width:0 0 1px 1px;amargin:-1px 0 0 -1px;float:left;width:50%;height:99px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-cont1 ul li>a{display:table;width:100%;height:100%}
.matrix-cont1 ul li>a>div{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.matrix-cont1 ul li span{display:inline-block}
.matrix-cont1 ul li span:before{content:"";display:block;margin:0 auto;width:56px;height:46px;}
.matrix-cont1 ul li.bond span:before{background-position:-100px 0}
.matrix-cont1 ul li.els span:before{background-position:-200 0}
.matrix-cont1 ul li.wrap span:before{background-position:0 -50px}
.matrix-cont1 ul li.mirroring span:before{padding:0px 7px 6px;height:40px;background-position:-100px -50px}
.matrix-cont1 ul li span:after{content:"";display:inline-block;background-position:right -100px;margin:2px 0 0 5px;width:6px;height:10px;vertical-align:top}
.matrix-cont1 ul li.best{background:#ecf7f8;font-size:14px}
.matrix-cont1 ul li.best>a>div{text-align:left;padding:0 15px}
.matrix-cont1 ul li.best span:before,
.matrix-cont1 ul li.best span:after{display:none}
.matrix-cont2{background:#e7f5fc;position:relative}
.matrix-cont2 ul{position:absolute;left:10px;right:10px;top:66px;bottom:0}
.matrix-cont2 ul:before{content:"";display:block;position:absolute;left:50%;top:0;bottom:30px;background:#cedaed;width:7px;margin:0 0 0 -3.5px}
.matrix-cont2 li{position:absolute;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-cont2 li:nth-child(odd){padding-left:13.5px;left:50%}
.matrix-cont2 li:nth-child(even){padding-right:13.5px;left:0}
.matrix-cont2 li:after{content:"";display:block;position:absolute;width:20px;height:11px;top:13.5px;background-position:0 -150px}
.matrix-cont2 li:nth-child(odd):after{left:-5.5px}
.matrix-cont2 li:nth-child(even):after{right:-5.5px;background-position-x:right}
.matrix-cont2 .age1{top:0}
.matrix-cont2 .age2{top:51px}
.matrix-cont2 .age3{top:102px}
.matrix-cont2 .age4{top:153px}
.matrix-cont2 .age5{top:204px}
.matrix-cont2 li>div,
.matrix-cont2 li>a{display:block;position:relative;height:98px;border:1px solid #cecfd1;padding:0 10px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-cont2 li>a:before{content:"";display:block;position:absolute;top:28px;}
.matrix-cont2 li:nth-child(odd)>a:before{left:17px}
.matrix-cont2 li:nth-child(even)>a:before{right:17px}
.matrix-cont2 li p{font-size:11px;padding:5px 0 0;line-height:1.1}
.matrix-cont2 li strong{position:relative;display:block;height:50px;padding:10px 0 0;color:#e332c0;border-bottom:2px solid #e332c0;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-cont2 li.age2 strong{color:#b332e3;border-color:#b332e3}
.matrix-cont2 li.age3 strong{color:#564af6;border-color:#564af6}
.matrix-cont2 li.age4 strong{color:#257fe4;border-color:#257fe4}
.matrix-cont2 li.age5 strong{color:#1ab1e2;border-color:#1ab1e2}
.matrix-cont2 li:nth-child(even) strong{text-align:right}
.matrix-cont2 li strong:before{content:"";display:block;position:absolute;top:0;width:115px;height:48px}
.matrix-cont2 li:nth-child(odd) strong:before{right:0}
.matrix-cont2 li:nth-child(even) strong:before{left:0}
.matrix-cont2 li.age1 strong:before{background-position:right -200px}
.matrix-cont2 li.age2 strong:before{background-position:0 -250px}
.matrix-cont2 li.age3 strong:before{background-position:right -250px}
.matrix-cont2 li.age4 strong:before{background-position:0 -300px}
.matrix-cont2 li.age5 strong:before{background-position:right -300px}
.matrix-cont3{background:#f7ecef;font-size:11px}
.matrix-cont3 li{margin:2px 0 0;position:relative;border:1px solid #a0a3aa;background:#fff;height:99px;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-cont3 li:first-child{margin-top:0}
.matrix-cont3 li:before{content:"";display:block;position:absolute;width:85px;height:100%;top:0}
.matrix-cont3 li:nth-child(odd):before{right:0;}
.matrix-cont3 li:nth-child(even):before{left:0;}
.matrix-cont3 li.type1:before{background-position:0 -350px}
.matrix-cont3 li.type2:before{background-position:-100px -350px}
.matrix-cont3 li.type3:before{background-position:right -350px}
.matrix-cont3 li a{display:block;height:100%;padding:0 85px 0 10px;}
.matrix-cont3 li:nth-child(even) a{padding:0 0px 0 100px}
.matrix-cont3 li strong{display:block;font-size:14px;font-weight:bold;padding:10px 14px 0 0;position:relative}
.matrix-cont3 .type1 strong{color:#2f7b00}
.matrix-cont3 .type2 strong{color:#984d06}
.matrix-cont3 .type3 strong{color:#c81e02}
.matrix-cont3 li strong:before{content:"";display:block;position:absolute;width:38px;height:19px;right:10px;top:8px;}
.matrix-cont3 li.type1 strong:before{background-position:0 -450px}
.matrix-cont3 li.type2 strong:before{background-position:-100px -450px}
.matrix-cont3 li.type3 strong:before{background-position:right -450px}
.matrix-cont3 li p:after{content:"";display:block;margin:5px 0 0;}
.matrix-cont2 li>a:focus:before,
.matrix-cont2 li>a:hover:before,
.matrix-cont3 li a:focus p:after,
.matrix-cont3 li a:hover p:after{background-position:-200px -150px}
.matrix-cont4{background:#f1faf3}
.matrix-cont4 ul{border:1px solid #e0e1e3;border-top-width:0;background:#fff;font-size:12px}
.matrix-cont4 li{border-top:1px solid #e0e1e3;height:60px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.matrix-cont4 li:before{content:"";display:block;position:absolute;left:0;top:0;width:63px;height:100%;}
.matrix-cont4 li.item1:before{background-position:-5px -500px}
.matrix-cont4 li.item2:before{background-position:-105px -500px}
.matrix-cont4 li.item3:before{background-position:-205px -500px}
.matrix-cont4 li.item4:before{background-position:-5px -600px}
.matrix-cont4 li.item5:before{background-position:-105px -600px}
.matrix-cont4 li a{display:block;height:100%;padding:0 30px 0 65px}
.matrix-cont4 li a:before{content:"";display:block;position:absolute;right:15px;top:50%;margin-top:-8px}
.matrix-cont2 li>a:before,
.matrix-cont3 li p:after,
.matrix-cont4 li a:before{width:15px;height:15px;background-position:-100px -150px;}
.matrix-cont4 li b{display:block;font-size:14px;padding:11px 0 2px}





/* 추천상품 */
.recomm-wrap{padding:5px 5px 10px 0;background:#e9edf4}
.goods-list{overflow:hidden;font-size:12px;}
.goods-list>li{margin-top:5px;float:left;width:50%}
/*.goods-list>li.big{float:none;width:100%;font-size:14px}
.goods-list>li.medium{width:60%;}
.goods-list>li.small{width:40%}*/
.goods-list .inner{background:#fff;border:1px solid #a2a5ac;height:220px;padding:14px 10px 0;margin-left:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*.goods-list>li:nth-child(odd) .inner{margin-right:2.5px}
.goods-list>li:nth-child(even) .inner{margin-left:2.5px}*/
.goods-list .pin1{position:relative;right:-1px;top:-1px;background:#2768c3;color:#fff;text-align:center;line-height:18px;font-size:11px;padding:4px 6px 3px 6px;}
.goods-list .pin2{position:relative;right:-1px;top:-1px;background:#33bab1;color:#fff;text-align:center;line-height:18px;font-size:11px;padding:4px 6px 3px 6px;}
.goods-list .level1 {position:relative;right:-1px;top:-1px;background:#58b947;color:#fff;text-align:center;line-height:18px;font-size:11px;padding:4px 6px 3px 6px;}
.goods-list .level2 {position:relative;right:-1px;top:-1px;background:#3391b5;color:#fff;text-align:center;line-height:18px;font-size:11px;padding:4px 6px 3px 6px;}
.goods-list .level3 {position:relative;right:-1px;top:-1px;background:#b62025;color:#fff;text-align:center;line-height:18px;font-size:11px;padding:4px 6px 3px 6px;}
.goods-list .inner p{overflow:hidden; line-height:18px; margin-top:15px; letter-spacing:-1px;}
.goods-list .inner p strong{margin-top:5px;}
.goods-list small{display:block;font-size:11px;line-height:16px;padding:0 0 4px}
.goods-list small:before{content:"";display:inline-block;width:45px;height:16px;float:right}
.goods-list>li.big small{font-size:12px}
.goods-list span.new{display:inline-block;background:#df7a1c;color:#fff;padding:2px 3px 0;line-height:14px}
.goods-list strong{display:block;font-size:11px;padding:1px 0 0 0;}
.goods-list>li.big strong{font-size:12px}
.goods-list .btn-area{position:absolute;left:10px;bottom:10px;display:block;overflow:hidden;}
.goods-list .btn-area a{float:left;margin-right:1px}

.roll-container.recomm h2>a:before,
.recomm-quick a:before{background:url(/images/mobile/finance/img_recomm.png) no-repeat;background-size:150px auto}
.roll-container.recomm h2>a{padding:16px 10px 14px 32px}
/* .roll-container.recomm h2>a:before{content:"";display:block;position:absolute;width:16px;height:16px;left:10px;top:18px} */ /*토글 화살표 클릭 수정-최웅*/
.roll-container.recomm h2>a .toggle_arrow{content:"";display:block;position:absolute;width:16px;height:16px;right:10px;top:50%} /*토글 화살표 클릭 수정-최웅*/
/* .roll-container.recomm h2.best.on>a:before{background-position:-25px 0;} */ /*토글 화살표 클릭 수정-최웅*/
.roll-container h2.on>a .toggle_arrow{background-position:-25px 0;} /*토글 화살표 클릭 수정-최웅*/

/* .roll-container.recomm h2.amount>a:before{background-position:-50px 0;}
.roll-container.recomm h2.amount.on>a:before{background-position:-75px 0;}
.roll-container.recomm h2.favor>a:before{background-position:-100px 0;}
.roll-container.recomm h2.favor.on>a:before{background-position:-125px 0;} */

.roll-container.recomm h2 strong{color:inherit}
.roll-container.recomm h2.on strong{color:#8cb2e8}
.ordered-list{font-size:12px;line-height:1.25}
.ordered-list>li{border:1px solid #e0e1e3;margin:0 0 1px;height:34px;overflow:hidden}
.ordered-list>li>a{display:table;width:100%;height:100%}
.ordered-list .num,
.ordered-list .title,
.ordered-list .opt{display:table-cell;vertical-align:top;padding:9px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.ordered-list .num{background:#8cd3e8;width:30px;text-align:center;color:#fff}
.recomm .best~.roll-inner .first .num{background:#2768c3}
.ordered-list .title{padding:0 10px;vertical-align:middle}
.ordered-list .opt{width:75px;text-align:right;padding-right:15px}
.recomm-quick{font-size:12px;line-height:1.25;padding:15px 5px 0 10px;overflow:hidden}
.recomm-quick>li{float:left;width:50%;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
.recomm-quick a{display:block;position:relative;box-shadow:inset 1px 1px rgba(255,255,255,.8);text-align:center;height:98px;padding:8px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.recomm-quick a:before{content:"";display:block;position:absolute;width:148px;height:99px;left:50%;bottom:0;margin:0 0 0 -74px;}
.recomm-quick a:after{content:"";display:block;position:absolute;width:6px;height:10px;right:8px;top:50%;margin-top:-3px;background-position:-49px -315px}
.recomm-quick a.go-matrix{border:1px solid #ceb9bf;background:#f7ecef;}
.recomm-quick a.go-matrix:before{background-position:0 -25px}
.recomm-quick a.go-plans{border:1px solid #b9ceba;background:#e3eedd}
.recomm-quick a.go-plans:before{background-position:0 -125px}
.recomm-quick a strong,
.recomm-quick a em{display:block;font-weight:bold}





/* planS */
.roll-container{border-bottom:1px solid #686970}
.roll-container>li{}
.roll-container.plans>li:first-child{border-top:0}
.roll-container h2{border-top:1px solid #9499a1;box-shadow:inset 0 1px 0 #fff;background:#eceff2;color:#4b4c52;position:relative;font-size:14px;line-height:21px;cursor: pointer;}/*cursor: pointer; 추가-최웅*/
.roll-container h2>a{display:block;padding:12px 50px 8px 10px}
.roll-container.plans h2 span{display:block}
/* .roll-container h2:before{content:"";position:absolute;right:10px;top:50%;width:16px;height:10px;margin:-5px 0 0;background-position:-30px -175px} */ /*토글 화살표 클릭 수정-최웅*/
.roll-container h2>a .toggle_arrow{content:"";position:absolute;right:10px;top:50%;width:16px;height:10px;margin:-5px 0 0;background-position:-30px -175px} /*토글 화살표 클릭 수정-최웅*/
.roll-container h2.on{border-color:#575966;background:#575966;color:#fff;box-shadow:none}
/* .roll-container h2.on:before{background-position:right -175px} */ /*토글 화살표 클릭 수정-최웅*/
.roll-container h2.on>a .toggle_arrow{background-position:right -175px;} /*토글 화살표 클릭 수정-최웅*/
.roll-container h2.on span{color:#8cb2e8}
.roll-inner{display:none}
.plans .roll-inner{padding-bottom:30px}
.recomm .roll-inner{padding:10px 10px 0}
.roll-container h2.on~.roll-inner{display:block}
.tendency .period:before,
.tendency .income,
.tendency .level:before,
.tendency-summary:after,
.tendency-explain .plan .item2 dd:before,
.tendency sub:after,
.tendency-summary>dt:before,
ainput[type=radio].type4:before,
input[type=radio].type4:after,
input[type=radio].type4+label:before{background:url(/images/mobile/finance/img_tendency.png) no-repeat;background-size:211px auto}

.tendency-wrap{overflow:hidden;background:#686970}
.tendency-wrap>li,
input[type=radio].type4,
input[type=radio].type4+label{-webkit-box-sizing:border-box;box-sizing:border-box}
.tendency-wrap>li{position:relative;padding:122px 0 0;float:left;width:33.333333%}
.tendency-wrap>li:nth-child(1)>.pos{margin-right:-200%}
.tendency-wrap>li:nth-child(2)>.pos{margin-right:-100%;margin-left:-100%}
.tendency-wrap>li:nth-child(3)>.pos{margin-left:-200%}
.tendency-wrap input[type=radio]:checked+label:nth-child(n)+.pos .tendency{display:block}
input[type=radio].type4,
input[type=radio].type4+label{position:absolute;display:block}
input[type=radio].type4+label{border:1px solid #414347;top:0;height:120px;left:0;awidth:100%;margin-left:-1px;right:0;background:#d9e1ef;box-shadow:inset 1px 1px 0 #fff;padding:98px 0 0;text-align:center;font-size:11px}
input#p-tendency1+label{color:#2f7b00;margin-left:0}
input#p-tendency2+label{color:#984d06}
input#p-tendency3+label{color:#c81e02}
input[type=radio].type4+label:before{content:"";display:block;position:absolute;left:50%;top:52px;width:79px;height:44px;margin:0 0 0 -40px}
input#p-tendency1+label:before{background-position:0 -500px}
input#p-tendency2+label:before{background-position:0 -550px}
input#p-tendency3+label:before{background-position:0 -600px}
input[type=radio].type4:checked+label{border:1px solid #133461;border-bottom-width:3px;height:122px;background:#2768c3;box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);color:#fff !important}
input[type=radio].type4:checked+label:before{background-position-x:right !important}
input[type=radio].type4{top:8px;left:50%;z-index:1;border:1px solid #a0a3aa;width:70px;height:30px;margin:0 0 0 -35px;border-radius:14px;background:#fff;box-shadow:0 2px 0 #c3cad7;text-align:center;}
input[type=radio].type4:before{content:"선택";display:inline-block;line-height:32px;height:28px;font-size:14px;color:#71727b}
input[type=radio].type4:after{content:"";display:inline-block;width:12px;height:9px;background-position:0 -650px;vertical-align:top;margin:10px 0 0 4px}
input[type=radio].type4:checked{border-color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.2);background:#ac0069;}
input[type=radio].type4:checked:before{color:#fff}
input[type=radio].type4:checked:after{background-position:-50px -650px}

.tendency>dl,
.tendency-footer{display:table;width:100%;}
.tendency,
.tendency table,
.tendency-footer{font-size:12px;line-height:1.25;}
.tendency{position:relative;display:none;border-top:1px solid #686970;background:#fff}
.tendency:after{content:"";position:absolute;left:33.4%;margin-left:-1px;background:#e0e1e3;width:1px;top:0;bottom:0}
.tendency>dl{border-top:1px dotted #a0a3aa}
.tendency>dl:first-child{border-top:0}
.tendency dt,
.tendency-footer dt{width:33.3%;display:table-cell;vertical-align:middle;padding:10px;text-align:center}
.tendency dd,
.tendency-footer dd{width:65%;display:table-cell;vertical-align:middle;;padding:10px}
.tendency .num,
.tendency-footer .num{display:block;background:#4179ca;border-radius:10px;-webkit-border-radius:10px;width:20px;height:20px;margin:0 auto 3px;color:#fff;line-height:22px}
.tendency .period{position:relative;width:168px;margin:0 auto;padding:25px 0 0;overflow:hidden}
.tendency .period:before{content:"";position:absolute;left:0;top:0;height:23px;width:169px}
.tendency.type1 .period:before{background-position:-21px -22px}
.tendency.type2 .period:before{background-position:-21px -172px}
.tendency.type3 .period:before{background-position:-21px -322px}
.tendency .period strong{color:#4b4c52;float:left;}
.tendency.type1 .period strong{margin-left:122px}
.tendency.type2 .period strong:first-child{margin-left:25px;width:101px}
.tendency.type3 .period strong{margin-left:26px}
.tendency .period strong:first-child:before{position:absolute;top:25px}
.tendency .period strong:first-child:after{position:absolute;top:25px}
.tendency.type1 .period strong:before{content:"1년";left:45px;}
.tendency.type2 .period strong:first-child:after{content:"2년";left:77px;}
.tendency.type3 .period strong:before{content:"4년";left:77px;}
.tendency.type3 .period strong:after{content:"5년";left:127px;}
.tendency .exp{width:100%}
.tendency .exp th{border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;text-align:center;width:24%}
.tendency .exp td{background:#f3f6fa;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}
.tendency .exp th,
.tendency .exp td{padding:12px 8px 9px;border-top:1px solid #fff}
.tendency .exp .fund{background:#c1e2f3}
.tendency .exp .bond{background:#bac4f6}
.tendency .exp .els{background:#b5cff3}
.tendency .exp .stock{background:#d6c4f4}
.tendency .exp sub,
.tendency .sub sub{position:relative;vertical-align:middle;text-indent:-5000em;color:transparent;display:inline-block;width:10px}
.tendency .exp sub:after,
.tendency .sub sub:after{content:"";position:absolute;left:0;top:-4px;width:6px;height:6px;background-position:-100px -375px}
.tendency .sub{padding:10px 0 0;overflow:hidden}
.tendency .sub strong{float:left;color:inherit}
.tendency .sub span{overflow:hidden;display:block}
.tendency .income{display:block;margin:0 auto;position:relative}
.tendency.type1 .income{width:70px;height:58px;margin-top:5px;background-position:0px -75px}
.tendency.type1 .income:before{content:"연금";color:#025f1c;position:absolute;left:36px;top:6px}
.tendency.type2 .income{width:64px;height:60px;margin-top:3px;background-position:0px -225px}
.tendency.type3 .income{width:62px;height:60px;margin-top:3px;background-position:0px -375px}
.tendency .level{margin:10px auto;height:48px;width:60px;line-height:48px}
.tendency .level:before{content:"";width:20px;display:inline-block;vertical-align:middle;height:100%;margin-right:6px;}
.tendency.type1 .level{color:#6c4d90}
.tendency.type1 .level:before{background-position:right -75px}
.tendency.type2 .level{color:#2768c3}
.tendency.type2 .level:before{background-position:right -225px}
.tendency.type3 .level{color:#ac0069}
.tendency.type3 .level:before{background-position:right -375px}
.tendency .level ~ .desc small{color:inherit;font-size:11px}
.tendency:target{display:block}
.tendency-footer{background:#edf0f6;border:1px solid #e0e1e3;border-width:1px 0}
.tendency-footer .btn-area{overflow:hidden;margin-left:-1px}
.tendency-footer .btn-area a{width:63px;float:left;text-align:center;margin:0 0 1px 1px}
.tendency-footer .sum{padding:9px 0 0}
.tendency-footer .sum input[type=number],
.tendency-footer .sum input[type=text]{width:90px;color:#ac0069;text-align:right}
.tendency-summary{margin:0 0 46px;position:relative;border:4px solid #e0e1e3;width:100%;padding:9px 0 7px;line-height:1.25;font-size:12px;display:table;-webkit-box-sizing:border-box;box-sizing:border-box}
.tendency-summary dt{display:table-cell;width:36%;vertical-align:middle}
.tendency-summary>dt:before{content:"";display:block;width:79px;height:44px;margin:0 auto 3px;}
.tendency-summary>dt.type1:before{background-position:0 -700px}
.tendency-summary>dt.type2:before{background-position:0 -750px}
.tendency-summary>dt.type3:before{background-position:0 -800px}
.tendency-summary dt strong{text-align:center;display:block;font-size:11px}
.tendency-summary dt.type1 strong{color:#2F7B00}
.tendency-summary dt.type2 strong{color:#984D06}
.tendency-summary dt.type3 strong{color:#C81E02}
.tendency-summary dd{display:table-cell;padding-right:14px}
.tendency-summary h3{font-size:14px;padding:0 0 6px}
.tendency-summary:after{content:"";display:block;position:absolute;left:50%;top:100%;margin:14px 0 0 -39px;width:78px;height:30px;background-position:0 -450px}
.tendency-explain{background:#eef4fc;padding:20px 10px}
.tendency-explain>h3{color:#2768c3;font-size:12px;text-align:center;line-height:20px;padding:0 0 7px}
.tendency-explain .chart{text-align:center}
.tendency-explain .chart img{max-width:100%;display:block;margin:0 auto}
.chart-area .btn-area{padding:15px 0 20px}
.chart-area .block{padding:0 10px}
.chart-area .block:nth-of-type(2){display:none}
.chart-area.on .block:nth-of-type(1){display:none}
.chart-area.on .block:nth-of-type(2){display:block}
.tendency-explain .plan{border:1px solid #e0e1e3;background:#fff;padding:19px 10px;font-size:12px;line-height:1.25}
.tendency-explain .plan .item1 dt{font-size:14px}
.tendency-explain .plan .item1 li{overflow:hidden;padding:12px 0 0}
.tendency-explain .plan .item1 li strong{display:block;float:left;width:40px;height:40px;color:#fff;text-align:center;padding-top:13px;-webkit-box-sizing:border-box;box-sizing:border-box}
.tendency-explain .plan .item1 li p{overflow:hidden;padding:0px 0 0 15px}
.tendency-explain .plan .item1 .local strong{background:#2768c3}
.tendency-explain .plan .item1 .overseas strong{background:#ac0069}
.tendency-explain .plan .item2{border-top:1px solid #e0e1e3;margin:12px 0 0}
.tendency-explain .plan .item2 dt{padding:14px 0 0}
.tendency-explain .plan .item2 dd{padding:11px 0 0 55px;position:relative;min-height:53px}
.tendency-explain .plan .item2 dd:before{content:"";display:block;width:43px;height:41px;position:absolute;left:0;top:12px;background-position:right -450px}
.tendency-recomm{position:relative;padding:0 10px}
.tendency-recomm .chart-area{background:#eef4fc;padding:20px 0 0;margin:0 -10px}
.tendency-recomm h3{font-size:12px;line-height:1.25;text-align:center;height:28px}
.tendency-recomm .chart img{max-width:100%;display:block;margin:0 auto}
.tendency-recomm p.desc{margin:8px 0 1px;font-size:12px;padding:0 0 0 8px;position:relative}
.tendency-recomm p.desc:before{content:"";display:block;position:absolute;left:0;top:5px;background:#2768c3;width:3px;height:3px;}
.tendency-recomm .tbl-type2 th{font-size:12px}
.tendency-recomm .tbl-type2 tbody>tr:first-child>th,
.tendency-recomm .tbl-type2 tbody>tr:first-child>td{border-top:1px solid #686970}
.tendency-wrap ~ .btn-area,
.tendency-explain ~ .btn-area,
.tendency-recomm ~ .btn-area{padding-top:10px}
.point1{color:#2768c3}
.point2{color:#ac0069}
.point3{color:#eb8e1c}
.point4{color:#008a9c}
.point5{color:#3D6B06}

/* Why */

.why-title{font-size:16px;text-align:center;padding:16px 10px 16px}
/*
.roll-container.why{border-bottom:0}
.roll-container.why>li{border-top:0}
.roll-container.why h2{border-top:0}*/
.roll-container.why>li:nth-child(1) h2.on{background-color:#549bcf;border-color:#549bcf}
.roll-container.why>li:nth-child(2) h2.on{background-color:#5f5ac1;border-color:#5f5ac1}
.roll-container.why>li:nth-child(3) h2.on{background-color:#8858be;border-color:#8858be}
.roll-container.why h2>a{padding-top:5px;padding-bottom:5px;}
.roll-container.why h2 span{display:block}
.roll-container.why h2.on span{color:inherit}
.why .roll-inner{background:#fafbfc}
.concept-box5{padding:0 10px}
.concept-box5>li{border-top:1px solid #e0e1e3;background-repeat:no-repeat;background-position:right center;background-size:90px auto}
.concept-box5>li:first-child{border-top:0}
.concept-box5 a{display:block;font-size:12px;line-height:1.21;padding:11px 90px 6px 0;webkit-box-sizing:border-box;box-sizing:border-box}
/*.concept-box5>li:after{content:"";display:table-cell;vertical-align:middle;background-repeat:no-repeat;background-position:0 center;background-size:90px auto;width:90px;}*/
.concept-box5 a:after{content:"";display:block;margin:8px 0 0;width:18px;height:18px;background:url(/images/mobile/common/ico_arr.png) no-repeat;background-size:100%}
.concept-box5 a em{display:block;font-size:14px;padding:0 0 6px;font-weight:bold}
.concept-box5>li.bg1{background-image:url(/images/mobile/home/bg1.png)}
.concept-box5>li.bg2{background-image:url(/images/mobile/home/bg2.png)}
.concept-box5>li.bg3{background-image:url(/images/mobile/home/bg3.png)}
.concept-box5>li.bg4{background-image:url(/images/mobile/home/bg4.png)}
.concept-box5>li.bg5{background-image:url(/images/mobile/home/bg5.png)}
.concept-box5>li.bg6{background-image:url(/images/mobile/home/bg6.png)}
.concept-box5>li.bg7{background-image:url(/images/mobile/home/bg7.png)}
.concept-box5>li.bg8{background-image:url(/images/mobile/home/bg8.png)}

/* login */ /*모바일 로그인쪽 pw-field 관련 label, input 삭제후 span으로 대체 - 최웅*/
.login-frm fieldset:before,
.login-frm label.id-field,
.login-frm span.pw-field2,
.login-frm label.pw-field2,
.login-frm input[type=checkbox]{background:url(/images/mobile/customer/img_login.png) no-repeat;background-size:150px auto}
.login-frm{margin:117px 0 40px;background:#3b73c2;padding:0 0 45px}
.login-frm:before{content:"";display:block;position:absolute;left:0;margin:-50px 0 0;width:50%;background:#3b73c2;height:50px;z-index:-1}
.login-frm fieldset{margin:0 auto;width:320px;padding:25px 100px 35px 25px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.login-frm fieldset:before{content:"";position:absolute;left:50%;top:-90px;margin:0 0 0 -20px;width:132px;height:90px}
.login-frm h1{font-size:30px;font-weight:bold;position:absolute;left:0;top:-50px; width:145px;height:50px;padding:14px 0 0 25px;background:#3b73c2;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.login-frm input.id-field,
.login-frm input.pw-field{display:block;height:44px;background:#244677;width:100%;padding:0 35px;border:0;font-size:16px;font-weight:bold;color:#a0a3aa;}
.login-frm input[type="password"]:disabled{background:#244677;}
.login-frm input.pw-field::-webkit-input-placeholder{color:#a0a3aa;}
.login-frm input.pw-field{margin-top:2px;color:#a0a3aa;line-height:43px;width:195px;}
.login-frm label.id-field,
.login-frm span.pw-field2,
.login-frm label.pw-field2{content:"";width:14px;height:14px;position:absolute;text-indent:-5000em;color:transparent;margin:15px 0 0 12px}
.login-frm label.id-field{background-position:0 -100px}
.login-frm span.pw-field2,
.login-frm label.pw-field2{margin-top:17px;background-position:right -100px}
.login-frm button{position:absolute;right:25px;top:25px;width:70px;height:90px;background:#ac0069;border:1px solid #850051;font-size:17px;color:#fff;font-weight:bold}
.login-frm .opt{display:block;padding:7px 0 0;color:#fff;font-size:15px;height:24px;line-height:24px}
.login-frm input[type=checkbox]{width:17px;height:17px;background-position:0 -125px;vertical-align:top;margin-top:3px}
.login-frm input[type=checkbox]:checked{background-position:right -125px}
.login-frm .go-welcome{display:block;width:270px;margin:0 auto 0;border:1px solid #1a4582;background:#1d4e92;height:44px;color:#fff;font-weight:bold;text-align:center;padding-top:13px;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* 종목검색결과리스트 */
ul.item-list{border-top:1px solid #686970;border-bottom:1px solid #686970}
.sch-frm4~ul.item-list,
.tab-type~ul.item-list,
.el-board~ul.item-list{border-top:0}
ul.item-list>li{border-top:1px solid #e0e1e3;position:relative}
ul.item-list>li:first-child{border-top:0}
ul.item-list>li>a{display:table;width:100%;padding:11px 0 8px}
ul.item-list>li span{display:table-cell;vertical-align:middle}
ul.item-list .cell-code,
ul.item-list .cell-code2{width:65px;text-align:center}
ul.item-list .cell-type,
ul.item-list .cell-type2{width:90px;text-align:center}
ul.item-list .cell-count{width:55px;text-align:right;padding-right:10px}
ul.item-list .cell-chk{display:block;position:absolute;width:32px;text-align:center}
ul.item-list>li>input[type=checkbox]{left:10px;top:50%;margin-top:-7px;position:absolute}
ul.item-list>li>label{padding:11px 0 8px 32px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.item-list>li>input[type=checkbox]:checked~label{background:#eef4fc}
ul.item-list.type2>li{padding-right:36px}
ul.item-list .cell-wish{position:absolute;right:0;top:0;width:36px;height:100%}
.ico-wish{display:block;background:transparent;width:100%;height:100%;position:relative;text-indent:-5000em;color:transparent}
.ico-wish span{display:block;position:absolute;left:0;top:50%;width:100%;margin:-8px 0 0;display:block !important;text-indent:0;color:#e0e1e3}
ul.item-list.type2 .on .cell-wish:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0)}
ul.item-list.type2 .on .ico-wish span{color:#ac0069}
ul.item-list~.btn-area{padding:10px 10px 0;overflow:hidden}
ul.item-list~.btn-area .fl a{margin-right:1px}
ul.item-list~.btn-area .fr a{margin-left:1px}

/* 트레이딩 */
.el-board{background:#d7e1ee;padding:15px 10px 10px;border-bottom:1px solid #a0a3aa;}
.el-board.wrap{position:relative;padding-bottom:30px}
.el-board.wrap .real_time{position:absolute;right:10px;bottom:10px;}
.el-board+.tab-type,
.el-board+.blind+.tab-type{margin-top:-1px}
.el-board:after,
.el-board .title:after,
.el-board .title2:after{content:"";display:block;clear:both;visibility:hidden}
.el-board .title,
.el-board .title2{position:relative}
.el-board h1{float:left;width:100%;height:30px; -webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #454650;background:#fff;font-size:12px;line-height:30px;}
.el-board h1 small{font-size:11px;vertical-align:baseline;display:inline;color:inherit}
.el-board .kwd{display:block;padding:0 22px 0 18px;width:100%;box-sizing:border-box;-webkit-box-sizing;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.el-board .kwd:before{content:"";position:absolute;left:5px;top:9px;width:12px;height:12px;background-position:-34px -290px}
.el-board .arr{position:absolute;right:173px;top:12px;background-position:-58px -447px;width:10px;height:5px;text-indent:-5000em;color:transparent}
.el-board .title{padding-right:166px}
.el-board .btn-area{float:right;margin-right:-166px}
.el-board .btn-area a{float:left;margin-left:1px;width:54px;padding-right:0}
.el-board .price{clear:left;font-size:25px;font-weight:bold;float:left;width:130px;padding:8px 0 0}  /* 트레이딩 현재가 가로 사이즈 수정 */
.el-board .name~.price{padding-top:0;margin-top:-3px}
.el-board .option{clear:right;float:right;overflow:hidden;padding:16px 0 0;line-height:22px}
.el-board .name~.option{padding-top:5px}
.el-board .option li{float:left;padding-left:15px;text-align:right;white-space:nowrap;overflow:hidden}
.el-board .option li:first-child{padding-left:0} /* 트레이딩 */
.sch-frm2{overflow:hidden;padding-left:106px}
.sch-frm2 select:first-of-type{margin-left:-106px;float:left;width:105px}
.sch-frm2 select~select{float:left;width:100%}
.sch-frm2.type2{padding-left:50%;padding-right:1px}
.sch-frm2.type2 select:first-of-type{margin-left:-100%;float:left;width:100%}
.sch-frm2.type2 select~select{margin-left:1px}
.sch-frm3{overflow:hidden;padding:0 60px 0 96px}
.sch-frm3 select{float:left;margin-left:-96px;width:95px}
.sch-frm3 .btn.inquiry{float:right;margin-right:-60px;width:60px}
.sch-frm3 input[type=search],
.sch-frm3 input[type=text]{float:left;width:100%;border:1px solid #454650;border-width:1px 0 1px 1px;padding:0 8px;height:30px}
.sch-frm4{overflow:hidden;background:#d7e1ee;padding:10px 70px 10px 10px;border-bottom:1px solid #686970;position:relative}
.sch-frm4 .full{float:left;width:100%}
.sch-frm4 .btn4{float:right;margin-right:-60px;width:59px;text-align:center}
.sch-frm4 input[type=text],
.sch-frm4 input[type=search]{height:30px}
.sch-frm4 .btn.inquiry{position:absolute;right:10px;top:10px;width:61px}
.sch-frm5{padding:10px;background:#d7e1ee;}
.sch-frm6{line-height:30px}
.sch-frm6 strong{padding:0 20px 0 0;float:left}
.sch-frm6 .full{overflow:hidden}
.el-board .name{float:left;width:auto;height:auto;border:0;background:transparent;font-size:14px;line-height:19px}
.el-board .value,
.el-board .time,
.el-board .date{float:right}
.el-board .name,
.el-board .value{font-weight:bold}
.el-board .name,
.el-board .value,
.el-board .time,
.el-board .date{padding-top:13px;}
.tbl-trading.mt20{margin-top:20px}
.tbl-trading{width:100%;border:1px solid #686970;border-width:1px 0;font-size:12px;line-height:18px}
.tab-type+.tbl-trading,
.tab-type+.blind+.tbl-trading,
.tbl-trading.tab{/*border-top:0*/}
.tbl-trading thead tr:last-child th{border-bottom:1px solid #686970;border-left:0}
.tbl-trading>thead>tr>th,
.tbl-trading>tbody>tr>th,
.tbl-trading>tbody>tr>td,
.tbl-trading>tfoot>tr>th,
.tbl-trading>tfoot>tr>td{padding-top:4px;padding-bottom:1px;height:18px}
.tbl-trading th,
.tbl-trading td{text-align:center}
.tbl-trading .r{padding-right:5px}
.tbl-trading .l{padding-left:5px}
.tbl-trading a.block{display:block;height:100%}
.tbl-trading>tbody>tr>td,
.tbl-trading>tbody>tr>th{border:1px solid #e0e1e3;border-width:1px 0 0 1px;}
.tbl-trading>tbody>tr:first-child>td,
.tbl-trading>tbody>tr:first-child>th{border-top-width:0}
.tbl-trading>tbody>tr>td:first-child,
.tbl-trading>tbody>tr>th:first-child{border-left-width:0}
.tbl-trading>tbody>tr>td.border{border-left-width:1px}
.tbl-trading.type2>tbody>tr>td,
.tbl-trading.type2>tbody>tr>th{border-top-width:0}
.tbl-trading.type2>tbody>tr>td.line,
.tbl-trading.type2>tbody>tr>th.line,
.tbl-trading.type2 th.type1.line{border-top-width:1px}
.tbl-trading th.type1{text-align:left;padding-left:5px;background:#fafbfc}
.tbl-trading tr th.type1~th.type1{border-left:1px solid #686970}
.tbl-trading th.appearance-td{text-align:left;padding-left:5px}
.tbl-trading td.bg1{background-color:#f3f9ff}
.tbl-trading td.bg2{background-color:#fff7f7}
.tbl-trading td.bg3{background-color:#f2f2f2}
.tbl-trading tfoot td,
.tbl-trading tfoot th{border-top:1px solid #686970}
.tbl-trading tfoot th{border-left:1px solid #e0e1e3;background:#f3f3f3}
.tbl-trading tfoot th+td{border-left:1px solid #e0e1e3;}
.tbl-trading tbody.bdr tr:first-child td{border-top:1px solid #686970}
.chart-frm{margin:0 10px 5px 11px;background:#e5ebf4;padding:10px;font-size:12px;overflow:hidden}
.chart-frm button{width:30px;height:30px;line-height:32px;float:left;border:1px solid #a0a3aa;background:#fff;text-align:center;margin-left:-1px}
.chart-frm button.on{position:relative;border-color:#575966;background:#636d7b;color:#fff}
.chart-frm li{width:30px;height:30px;float:left;margin-left:-1px;position:relative}
.chart-frm select{float:left;margin-left:10px}
.chart-frm .btn{float:right}
.chart-print{border:1px solid #e0e1e3;margin:5px 10px 0;text-align:center}
.chart-print>img{max-width:100%;vertical-align:top}
.tbl-top .time:before,
.el-board .time:before{content:"";display:inline-block;width:14px;height:14px;background-position:-34px -240px;margin:0px 0px 0 0;vertical-align:middle}
.tbl-top .time>span,
.el-board .time>span{display:inline-block}
.tbl-top .time a{height:23px;line-height:25px}
.tbl-top .box{display:inline-block;background:#4f78b2;color:#fff;border:1px solid #466ca1;padding:0 4px;font-size:12px;height:20px;line-height:22px;overflow:hidden}
.tbl-top .tbl-info{font-size:12px;line-height:23px;text-align:right;padding:10px 0 0 14px}
.tbl-info:before{content:"";display:inline-block;position:absolute;margin:5px 0 0 -14px;background-position:-34px -23px;width:12px;height:12px}
.index-chart{background:#d7e1ee;padding:5px}
.index-chart .block{border:1px solid #a0a3aa;background:#fff;padding:9px 15px 15px;margin:5px 0 0}
.index-chart .block:first-child{margin-top:0}
.index-chart .name{font-size:16px;float:left}
.index-chart .price{font-size:20px;float:right}
.index-chart .name,
.index-chart .price{line-height:28px;font-weight:bold}
.index-chart .value{clear:left;float:left}
.index-chart .option{clear:right;float:right;overflow:hidden}
.index-chart .option li{float:left;padding-left:10px}
.index-chart .chart-print{clear:both;border:1px solid #e1e2e4;margin:2px 0 0}

table.board{border-bottom:1px solid #a0a3aa;width:100%;overflow:hidden}
.sorting~table.board{border-top:1px solid #686970}
table.board td{border-top:1px solid #e0e1e3;padding:5px 0;vertical-align:top}
table.board tr:first-child td{border-top:0}
table.board td small{display:block}
table.board .title{padding:5px 10px 2px 10px;}
table.board .title strong{color:#000;display:block}
table.board .title small{padding-top:3px}
table.board .cell-change{width:25%}
table.board .cell-state{width:25%}
/* 2015-02-04 추가 */
table.board .cell-change2{width:30%}
table.board .cell-state2{width:25%}
table.board .state,
table.board .change{text-align:right;white-space:nowrap}
table.board .change small{padding-top:2px}
table.board .state{font-size:18px;font-weight:bold;padding:7px 10px 7px 0}
table.board .state small{font-weight:normal}
table.board .change{position:relative;padding:11px 30px 7px 0px}
table.board a{display:block;margin-right:-150%;position:relative}
table.board .title{padding-right:55%}
table.board .change:before{content:"";width:6px;height:10px;position:absolute;right:10px;margin-top:13px;background-position:-49px -315px;z-index:-1}
.top-list{background:#2768c3;padding:18px 10px 14px;overflow:hidden}
.top-list h1{font-weight:bold;color:#fff;font-size:20px;float:left;}
.top-list small{color:#fff;float:right;padding:7px 0 0}
div.frm-type{border:1px solid #686970;border-width:2px 0 1px;padding:8px 10px}
div.frm-type select{width:100%}

/* mpoplife */
article.mpoplife{padding:20px 10px}
article.mpoplife h1{font-size:100%;margin:0;font-weight:normal}
article.mpoplife .content{clear:both;padding:10px 0}
article.mpoplife .content:after{}
article.mpoplife img{width:100%;border:1px solid #dedede;}
article.mpoplife .btn-area{text-align:center;margin-top:10px;}

.agree-box{border:1px solid #a0a3aa;background:#fafbfc url(/images/mobile/common/ico_arr2.png) no-repeat 97% 50%;background-size:12px 20px;padding:10px;margin-top:30px;margin-bottom:5px;}
.agree-box h3{color:#000;}

.mlife_list{background:#e5ebf4; padding:20px 10px 30px; margin-bottom:20px;}
.mlife_list img{width:100%;}


.mlife_list2{background:#fff; padding:0px;font-size:0;vertical-align:top;}
.mlife_list2 img{width:100%;}

/* 2015-01-14 */
.home-event {position:relative;padding-bottom:10px;}
.home-event .banner{position:relative;height:100%}
.banner { overflow:hidden; }
.home-event .banner:after{content:"";display:block;clear:both;visibility:hidden}

.banner-toggle{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; padding-top:5px; }
.banner-toggle button:last-child{margin-right:45px;}
.banner-toggle button{width:18px;height:18px;margin-right:4px;margin-top:3px;background:transparent;padding:0;vertical-align:top;font-size:1px;text-indent:-99999px;line-height:0;background:#8cb2e8;border-radius:12px;-webkit-border-radius:12px;}
.banner-toggle button.on{background:#29569d}
.banner-toggle a{display:inline-block;background:#fafbfc;color:#fafbfc;width:20px;height:20px;}
.banner-toggle a:after{content:"";display:block;width:100%;height:100%;background:url(/images/mobile/common/ico_play_gray.png) no-repeat;background-position:-20px 0px;}
.banner-toggle a.play:after{background-position:0px 0px;}
.banner-toggle img { padding:0px 5px; width:20px }


/* 2015.03.11 신규페이지 */
.login_desc {width:270px; padding:0 37px; margin:-20px auto 20px; letter-spacing:-1px;}
.login_desc li {color:#fff; font-weight:bold; font-size:16px;}
.step-progress {text-align:center; margin:20px 0;}
.step-progress li {height:85px; display:inline-block; background-color:#edf0f6;}
.step-progress li:nth-child(1),
.step-progress li:nth-child(3),
.step-progress li:nth-child(5) {width:26%;}
.step-progress li:nth-child(2),
.step-progress li:nth-child(4) {width:6%; background-color:#fff;}
.step-progress li span {position:relative; top:34px; font-weight:bold; font-size:15px;}
.step-progress li img {width:10px; height:17px;}
.step-progress li.on {background-color:#6c7686;}
.step-progress li.on span {color:#fff;}
.chk_group {text-align:right; border-bottom:1px solid #a0a3aa; padding:5px; font-size:12px;}
.chk_group .detail {display:none; padding:0; border-top:0;}
.chk_group .detail.on {display:inline;}

.detail.invest {padding:0;}
.detail.invest .desc-area {padding:20px 10px; font-weight:bold;}
.detail.invest .desc-area .desc-list {margin:10px 0;}
.detail_list {padding:10px;}
.chk-guide {font-weight:bold; font-size:12px; letter-spacing:-1px;}
.step-result {font-weight:bold; margin-bottom:20px;}
.step-result .confirm {margin:20px 0 10px}
.step-result .confirm em {font-weight:bold;}
.toggle-list.ordering.mb h2 a {letter-spacing:-1px;}
/****************************************************************************************
 Media Query
*****************************************************************************************/
@media only screen and (max-width:390px) {
	.goods-list .inner {height:205px}
	.goods-list .inner>p{height:155px}
}

/* 금융상품>펀드>추천펀드 */
.hidden { display:none; }
.keep {color:#222 !important;}
.rise {color:#e81a1a !important;}
.drop {color:#0364a7 !important;}

.finrecomList {display:table;position:relative;width:100%;margin:0;padding:0;}
.finrecomList-item { margin:1px; border:1px solid #dcdcdc; }
.finrecomList li {padding:0;float:left;}
.finrecomList .newBadge {display:block; position:absolute; width:54px; height:37px; left:12px; top:-4px; background:url(/ux/images/finance/newBadge.png) no-repeat left top; text-indent:-9999px; font-size:0; overflow:hidden;z-index:5;}
.finrecomList .thumb {display:block;position:relative;margin:0;padding:0;}
.finrecomList .thumb .tbg img {display:block;width:100%;}
.finrecomList .thumb .cover {display:block;position:absolute;width:100%;height:100%;color:#FFF;left:0;top:0;}
.finrecomList .thumb .cover .bg {display:block;position:absolute;width:100%;height:100%;background-color:#000;opacity:0.6;-ms-filter: "progid:DxImageTransform.Microsoft.Alpha(opacity=60)";}
.finrecomList .thumb .cover .text {display:block;position:relative;height:90px;margin:0;padding:35px 20px 0 20px;text-align:center;font-size:16px;}
.finrecomList .thumb .cover a {display:inline-block;position:absolute;padding-right:35px;height:28px;line-height:25px;background:url(/ux/images/finance/white_arrow.png) no-repeat right top;font-size:18px;color:#FFF;left:174px;bottom:25px;}
#FundThumbTopList .recomm_box_side_left { display:block; background:url(/images/mobile/common/ico_arr3.png) no-repeat;  width:40px; height:40px; background-position:right center; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); background-size:32px; }
#FundThumbTopList .recomm_box_side_right { display:block; background:url(/images/mobile/common/ico_arr3.png) no-repeat; width:40px; height:40px; background-position:right center; right:10px; background-size:32px; }
.finrecomList .deck {display:block;position:relative;margin:0;padding:10px;background:#fff;}
.finrecomList .deck div.head {display:block;position:relative;font-size:16px;color:#222; min-height:60px}
.finrecomList .deck div.head a { font-weight:bold; letter-spacing:-1px; }
.finrecomList .deck div.cont {display:table;position:relative;width:100%;margin:10px 0px 0px;padding:10px 0px 0px; border-top:1px solid #dcdcdc; }
.finrecomList .deck div.cont .fundrate {font-size:20px; letter-spacing:-1px; font-weight:bold; padding-left:8px }
.finrecomList .deck dd.functionBtn {display:block;position:relative;margin:18px 0 0 0;padding:20px 0 0 0;border-top:solid #ddd 1px;text-align:center;}
.finrecomList .head p {display:block;position:relative;font-size:12px;color:#444444; padding-top:2px; }
.finrecomList .head p span {display:inline-block;position:relative;margin:0 5px 10px 0;padding:0 5px;height:15px;line-height:17px;border:solid #ddd 1px;font-family:dotum,Arial;font-size:11px;}
.finrecomList.col2 ul {width:100%; }
.finrecomList.col2 li {padding:0;float:left;width:50%;}
.finrecomList.col2 .finrecomList-item { margin:3px; border:1px solid #dcdcdc; position:relative;}
.finrecomList.col2 .deck div.head {display:block;position:relative;font-size:16px;color:#222; min-height:120px}
.finrecomList .head p span.badge01 {border-color:#e82828;color:#e82828;}/* 국내주식 */
.finrecomList .head p span.badge02 {border-color:#1aa55b;color:#1aa55b;}/* 신규펀드  */
.finrecomList .head p span.badge03 {border-color:#f06731;color:#f06731;}/* 중소형주  */
.finrecomList .head p span.badge04 {border-color:#4bd4cf;color:#4bd4cf;}/* 해외주식 */
.finrecomList .head p span.badge05 {border-color:#3aaae0;color:#3aaae0;}/* 연금추가 */
.finrecomList .head p span.badge06 {border-color:#f0488b;color:#f0488b;}/* 중국펀드 */
.finrecomList .head p span.badge07 {border-color:#db72bf;color:#db72bf;}/* 국내안정형  */
.finrecomList .head p span.badge08 {border-color:#8f50bc;color:#8f50bc;}/* 해외안정형 */
.finrecomList .head p span.badge09 {border-color:#1d2088;color:#1d2088;}/* 인덱스/레버리지 */

/* 금융상품>금융상품 뉴스 */
.finNews_slide { overflow:hidden; }
.slideWrap { height:100%; }
.slideWrap:after { content:''; display:none;clear:both;}
.slideWrap li { display:inline-block; float:left; height:100%; width:260px; box-sizing:border-box; }
.linkWrap {margin:10px; position:relative; backgroud:#f9f9f9; border:1px solid #eee;}
.linkWrap p { padding:5px 10px; }
.linkWrap .title { letter-spacing:-1px; font-size:15px; font-weight:bold; letter-spacing:-1px; height:40px; }
.linkWrap .date { color:#f5822a; text-align:right; }
.linkWrap .no { position:absolute; top:0px; left:0px; width:22px; height:22px; line-height:22px; font-size:13px; background:#f5822a; color:white; text-align:center;}
.linkWrap .no.blue { background-color: #6570c0; }
.linkWrap .no.purple { background-color:#7655b3; }
.linkWrap .no.pink { background-color:#b4558c;  }
.linkWrap .title_Label { position:absolute; top:0px; left:0px; width:80px; height:22px; line-height:22px; font-size:13px; background:#f5822a; color:white; text-align:center;}
.linkWrap .title_Label.blue { background-color: #6570c0; }
.linkWrap .title_Label.pink { background-color:#b4558c; }
.linkWrap .title_Label.purple { background-color:#7655b3;}
.linkWrap .summary { font-size:12px; width:216px; height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; color:#444; }
#tblListArea { border-top:1px solid #e0e1e3; background:#fff;}
#tblListArea li a>div { letter-spacing:-1px; font-weight:bold; }

/* paddig */
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

/* margin */
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}

/* Line Height */
.lh18 {line-height:18px}
.lh20 {line-height:20px}
.lh22 {line-height:22px}

/* border */
.bl0 {border-left:0}
.bb2 {border-bottom:2px solid #333333}

/* align */
.a_l {text-align:left;}
.a_c {text-align:center}
.a_r {text-align:right;}


/* Text */
.txt1 {font-size:15px; line-height:22px; letter-spacing:-0.5px; color:#444}
.txt2 {font-size:14px; line-height:21px; letter-spacing:0px; color:#444}
.txt3 {font-size:13px; line-height:18px; letter-spacing:0px; color:#444}
.txt4 {font-size:12px; line-height:18px; letter-spacing:0px; color:#444}
.txt5 {font-size:11px; line-height:18px; letter-spacing:0px; color:#444}

.justify {text-align:justify}
.red2 {color:#ff3333}
.org {color:#F60}
.red {color:#C00}
.gry {color:#444}
.bold {font-weight:bold}
.ls1 {letter-spacing:-1px}
.ls2 {letter-spacing:-1.2px}

/* News */
.top_style01 {padding:0; margin:0; text-align:left;}
.news_title {font-size:16px; font-weight:bold; color:#222222; line-height:24px; letter-spacing:-1px;padding-bottom:10px;}
.sub_title {font-size:19px; font-weight:bold; color:#343434; letter-spacing:-1px;}
.news_ymdt01 {color:#03589b; font-size:14px; font-weight:bold; text-align:center; line-height:40px; border-top:1px solid #03589b; border-bottom:1px solid #03589b;}
.news_ymdt02 {color:#444444; font-size:14px; font-weight:bold; text-align:center; line-height:30px; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.img_right {float:right; padding:0; margin-left:20px; border:0; list-style:none}
.img_left {float:left; padding:0; margin-right:20px; border:0; list-style:none}

/* Table */
.th_style01 {color:#00599c; border-top:2px solid #333333; border-bottom:2px solid #333333; padding:0;margin:0}
.icon_mic {width:42px; height:42px; float:left; margin-right:10px; vertical-align:top}
.middle_point {width:6px; height:6px; background-color:#333; display:block; margin-top:12px; margin-right:5px; float:left}
.reporter {padding-top:2px; text-align:left}
.cpy {font-size:12px; color:#747474; letter-spacing:normal; vertical-align:top; }


/* 추천펀드 */
.detailCard_recom_con { background:#444; width:100%; margin-top:20px; }
.detailCard_recom_txt { padding:20px 0px 10px 10px; font-size:16px; font-weight:bold; color:#fff; } 
.detailCard_recom { overflow:hidden; padding:20px 10px; }
.detailCard_recom:after { content:''; display:block; clear:both; }
.detailCard_recom .recom_title { text-align:left; font-size:14px; font-weight:bold; }
.detailCard_recom ul { height:100%; }
.detailCard_recom ul li { display:block; float:left; height:100%; width:200px; margin-right:10px; }
.detailCard_recom div.container_top { height:4px; display:block; background-image:linear-gradient(to right,#b4558c, #7655b3); }
.detailCard_recom div.container { padding:10px;background:#fff; }
.detailCard_recom div.title { font-weight:bold; font-size:16px; }
.detailCard_recom div.desc { font-size:12px; height:74px; padding-top:10px; margin-top:10px;border-top:1px solid #ddd; }
.detailCard_recom div.desc a { height:26px; display:inline-block; }
.detailCard_recom p { position:relative; padding-top:10px; }
.detailCard_recom span { position:absolute;right:10px;font-size:14px;}

.tipArea {position:relative; }
.tipArea > p {margin:0 10px 10px 10px;color:#0977c9;font-size:16px;line-height:40px;font-weight:bold;background:url(/ux/images/common/ico_tip.gif) no-repeat 0 center;padding:0 0 0 34px;height:40px; border-bottom:1px solid #ddd;}
.tipArea dd {font-size:13px;color:#444;padding:0px 0 3px 20px;line-height:20px;position:relative;}
.tipArea dd:before {content:"";display:block;width:3px;height:3px;position:absolute;left:10px;top:8px;background:#2768c3}

#reviewNumber { font-size:12px;text-align:right; padding:10px 0px;}

/* 트렌드*/
.trendDetail { padding:0px 10px; }
.trendDetail div.title { text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; padding-bottom:10px; }
.trendDetail div.sum { font-weight:12px; color:#222; padding:10px; border:1px solid #eee; }
.trendDetail div.conts { padding:10px; }


/****************************************************************************************
MY현금쿠폰 2017-02-06 
*****************************************************************************************/
.myCashCoupon {position:relative;background:#f4f5f7;}
.myCashCoupon .p_rel {position:relative;}
.myCashCoupon img{display:block;width:100%;}
.myCashCoupon div a {position:absolute;display:block;}
.myCashCoupon ul { /* position:absolute;top:0px;left:0px;width:100%;height:100%;display:block; */}

/*쿠폰신청 레이어팝업*/
.lay-pop p.popup_title {text-align:center;font-size:18px; font-weight:600;padding-top:20px;border-top:2px solid black;}
.lay-pop p.popup_title span.blue {color:#0979c3;}
.lay-pop .popup_content {width:80%;margin:10px auto;padding:20px 5%;border-top:2px solid gray;border-bottom:1px solid gray;background-color:#fafbfa;}
.lay-pop .popup_content .dot_list {margin:0 auto;}
.lay-pop .popup_content .dot_list li {text-indent:-7px;font-size:13px;padding:0 5px 3px;}
.lay-pop .popup_content .dot_list li span.bullet {position:relative;left:-5px;}
.lay-pop .popup_content .money_list:after { clear:both; content:''; display:block;width:100%;}
.lay-pop .popup_content .money_list li { float:left; width:50%; color:#666; }
.lay-pop .taC {text-align:center;}
.lay-pop .taR {text-align:right;}
.lay-pop .taL {text-align:left;}
.lay-pop .dib {display:inline-block;}

/* 탭 */
.tab_wrap{background:#f4f4f4;}
.tab_wrap > ul {width:75%; margin:0 auto; padding:20px 0; position:relative; ;}
.tab_wrap > ul:after {clear:both; display:block; content:'';}
.tab_wrap > ul > li{float:left; width:50%; height:47px;}
.tab_wrap > ul > li > a{border:1px solid #e8e8e8; width:100%; height:36px; background:#fff; display:inline-block; text-align:center;}
.tab_wrap > ul > li.on{background:url('/images/mobile/mcoupon/tab_mark.png') 50% 95% no-repeat;}
.tab_wrap > ul > li.on > a{background:#333; border-bottom:1px solid #333;}
.tab_wrap > ul > li > a > span{line-height:36px; font-weight:bold; font-size:16px;}
.tab_wrap > ul > li.on > a > span{color:#ffb21c;}
.tab_con{position:relative; ; height:300px; background:#f4f4f4;}
.tab_con:after{clear:both; display:block; content:'';}
.tab_con > div {width:100%; position:absolute; top:0; left:0;}
.tab_con > div > .info_area { text-align:center; margin-top:20px;}
.tab_con > div > .info_area > p {text-align:center;}
.tab_con > div > .info_area > .tit > span {font-size:20px; color:#222; font-weight:bold; margin-bottom:10px;}
.tab_con > div > .info_area > p.desc {font-size:13px; font-weight:bold; margin-bottom:20px;}



/* 도움말 */
.lay-help {display:inline-block;vertical-align:middle;margin:-7px 2px 0;position:relative;font-size:14px;z-index:inherit !important;}
.lay-help a.help {overflow:hidden;display:inline-block;width:20px;height:20px;margin:0;vertical-align:top;text-indent:-9999px;background:url('/images/mobile/mcoupon/ico_help.png') no-repeat;z-index:5; background-size:100%;}
.lay-help a.help.type2 {overflow:hidden;display:inline-block;width:16px;height:16px;margin:0;padding:0;vertical-align:top;background:url('/images/mobile/mcoupon/ico_help2.png') no-repeat;z-index:5;}
.lay-help a.help.type2.on {background-position:0 -25px;}
.lay-help .layer {display:none;position:absolute;top:32px;left:-100px;width:210px;padding:25px 20px 15px 15px;border:1px solid #7f97b3;text-align:left;color:#444 !important;font-size:13px !important;font-weight:normal;z-index:10 !important;background:rgba(255,255,255,0.97);}
.lay-help .layer > strong {display:block;margin-bottom:4px;font-size:14px !important;color:#222 !important;}
.lay-help .layer:after {display:block;position:absolute;top:-11px;left:100px;content:"";width:14px;height:11px;background:url('/images/mobile/mcoupon/lay_arrow.gif') no-repeat;text-indent:-9999px;}

.lay-help .layer a.close {position:absolute;top:15px;right:8px;background:url('/images/mobile/mcoupon/ico_close.gif') no-repeat;z-index:11;width:20px;height:20px;}
.lay-help .layer .placeHolder_input label {top:5px;}
.lay-help .layer .money_list:after { clear:both; content:''; display:block;width:100%;}
.lay-help .layer .money_list li { float:left; width:50%; color:#444; }
.lay-help input {height:30px;font-size:12px;line-height:27px;}
.lay-help .scrollBody.row2 {height:77px;}
.lay-help table.tbl1 tbody th {border-top:none;border-bottom-color:#ddd !important;}
.lay-help table.guideTb1.taC td, .lay-help table.guideTb1.taC th {text-align:center;}
.tooltip_ex {font-size:12px;}
.tooltip_ex .tooltip_area {float:left;}
.lay-help.w250 .layer {width:308px;}
.lay-help.w450 .layer {width:408px;padding-top:30px;}
.lay-help.w600 .layer {width:558px;padding-top:30px;}

.lay-help.w320Right .layer:after {left:222px !important;}

.tab_con > .tcon1 > .coupon {background:url('/images/mobile/mcoupon/bg_coupon.png') 0 0 no-repeat; background-size:100%; position:relative; width:220px; height:223px; margin:0 auto; text-align:center;}
.tab_con > .tcon1 > .coupon.get_star00{background:url('/images/mobile/mcoupon/get_star00.png') 0 0 no-repeat; background-size:100%; }
.tab_con > .tcon1 > .coupon.get_star01{background:url('/images/mobile/mcoupon/get_star01.png') 0 0 no-repeat; background-size:100%; }
.tab_con > .tcon1 > .coupon.get_star02{background:url('/images/mobile/mcoupon/get_star02.png') 0 0 no-repeat; background-size:100%; }
.tab_con > .tcon1 > .coupon.get_star03{background:url('/images/mobile/mcoupon/get_star03.png') 0 0 no-repeat; background-size:100%; }
.tab_con > .tcon1 > .coupon.get_star04{background:url('/images/mobile/mcoupon/get_star04.png') 0 0 no-repeat; background-size:100%; }
.tab_con > .tcon1 > .coupon.get_star05{background:url('/images/mobile/mcoupon/get_star05.png') 0 0 no-repeat; background-size:100%; }
.tab_con > .tcon1 > .coupon > span {position:absolute; top:0; left:0; right:0; margin-left:auto; margin-right:auto; display:block; font-weight:bold; }
.tab_con > .tcon1 > .coupon .num {font-size:60px; color:#1c54a3; top:30px;}
.tab_con > .tcon1 > .coupon .desc {line-height:16px; top:130px;}
.tab_con > .tcon1 > .coupon .desc > span{margin-left:20px;}
.tab_con > .tcon1 > .coupon > .star{position:absolute; top:105px; left:0; right:0; margin-left:auto; margin-right:auto;}
.tab_con > .tcon1 > .coupon > .star > span {background:url('/images/mobile/mcoupon/ico_star.png') 0 0 no-repeat; background-size:100%; margin:-2px; display:inline-block; width:20px; height:20px;}
.tab_con > .tcon1 > .coupon > .star > span.on {background:url('/images/mobile/mcoupon/ico_star_on.png') 0 0 no-repeat; background-size:100%;}
.tab_con > .tcon1 > .coupon > .help_wrap{position:absolute; top:134px; left:91px; }

.tab_con > .tcon2 > .coupon {background:url('/images/mobile/mcoupon/bg_coupon2.png') 0 0 no-repeat; position:relative; width:251px; height:206px; background-size:100%; margin:0 auto; text-align:center;}
.tab_con > .tcon2 > .coupon > .help_wrap{position:absolute; top:45px; left:125px; }

.cash_coupon_info{ padding:20px 15px 0px; position:relative;}
.cash_coupon_info .tit{font-size:17px; font-weight:bold;}
.cash_coupon_info .btn_type1{position:absolute; top:20px; right:10px;}



/* 캐시쿠폰 현황 swiper */
.swiper-container {
	width: 100%;
	height: 100%;
	margin-top:15px;
}
.swiper-slide {
	padding-bottom:30px;
	width:100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}



.coupon_list{position:relative; ; width:100%; padding-top:3px;}
.coupon_list:after{display:block; clear:both; content:'';}
.coupon_list > li{margin:-3px -4px; position:relative; width:32%; display:inline-block; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; background:url('/images/mobile/mcoupon/bg_edge.png') 0 0 no-repeat; background-size:40%;}
.coupon_list > li:nth-child(3) { border-right:1px solid #e4e4e4; }
.coupon_list > li:nth-child(4) { margin:-4px -4px; border-top:none; }
.coupon_list > li:nth-child(5) { margin:-4px -4px; border-top:none; border-right:1px solid #e4e4e4; }
.coupon_list > li > span{position:absolute;}
.coupon_list > li > .num{top:3px; left:3px; color:#fff; font-size:15px;}
.coupon_list > li > .coup{top:10%; left:0;right:0; margin-left:auto; margin-right:auto; background:url('/images/mobile/mcoupon/bg_basicCashCoupon.png') 0 0 no-repeat;  width:85%; height:85%; background-size:100%; display:inline-block;}
.coupon_list > li > .cash{top:50%; font-size:14px; left:0; width:100%; color:#d4d4d4; font-weight:bold;}
.coupon_list > li.on > .coup{background:url('/images/mobile/mcoupon/bg_haveCashCoupon.png') 0 0 no-repeat; background-size:100%; }
.coupon_list > li.on > .cash{color:#fff;}
.coupon_list > li .cplt_payment{background:url('/images/mobile/mcoupon/completedPayment_cash.png?001') 0 0 no-repeat; background-size:100%; /* height:53px; width:77px; */ width:90%; height:63%; position:absolute; top:22%; left:0; right:0; margin-left:auto; margin-right:auto;}
.coupon_list > li .cplt_payment > span{font-size:11px; color:#fff; position:absolute; bottom:10%; display:block; width:100%;}
.coupon_list > li .cplt_payment > div { font-size:15px; font-weight:bold; color:#fff; position:absolute; bottom:35%; left:7%; display:block; width:100%; }

/*쿠폰히스토리*/
.pop_history .pop_in p.tit{height:44px; background:#2768c3; margin-bottom:20px;}
.pop_history .pop_in p.tit > span{color:#fff; line-height:38px; padding-left:10px;}
.pop_history .pop_in .pop_close{position:absolute; top:0; right:0; display:inline-block; width:44px; height:44px;  background:url('/images/mobile/mcoupon/pop_close.png')0 0 no-repeat; background-size:100%;}
.pop_history .pop_in table{width:100%; border-top:1px solid #686970; border-bottom:1px solid #686970;}
.pop_history .pop_in table > thead > tr > th{background:#eef4fc; border:1px solid #e0e1e3; border-top:none; padding:12px 4px; font-weight:bold;}
.pop_history .pop_in table > tbody > tr > td{border:1px solid #e0e1e3; font-weight:bold; text-align:center; padding:12px 4px; font-size:13px;}


/* 버튼 */
.btn_type1{border:1px solid #a0a3aa; background:#fafbfc; padding:5px;}
.btn_type1 > span{font-size:12px; font-weight:bold; letter-spacing:-1px;}

.list_st01{}
.list_st01 > li{margin-top:5px; background:url('/images/mobile/mcoupon/list_blit01.png') 0 8px no-repeat; padding-left:7px;}
.list_st01 > li:first-child{margin-top:0; }
.dl_st01{}
.dl_st01 > dt{font-weight:bold; font-size:15px; margin-bottom:5px;}
.dl_st01 > dd{position:relative; ;}
.dl_st01 > dd:after{clear:both; display:block; content:'';}
.dl_st01 > dd > ul{position:relative; ; float:left; width:48%;}
.dl_st01 > dd > ul.rt{float:right;}
.dl_st01 > dd > ul:after{clear:both; display:block; content:'';}
.dl_st01 > dd > ul > li{float:left; margin-bottom:1px; }


@media all and (min-width: 500px) {
	.coupon_list > li {font-size:26px;}
	.coupon_list > li > .cash{top:50%; font-size:0.9em; left:0; width:100%; color:#d4d4d4; font-weight:bold;}
	.coupon_list > li .cplt_payment > span{font-size:0.7em;}
}


.acquireStar {width:252px;position:relative}
.acquireStar img {width:100%}
.acquireStar ul.dot_list {position:absolute;top:0px;width:100%;max-height:220px;height:100%;}
.acquireStar ul.dot_list dl dt,.acquireStar ul.dot_list dl dd {position:absolute;}
.acquireStar ul.dot_list dl dd {font-weight:600; letter-spacing:-1px;}
.acquireStar ul.dot_list dl dd.myCashcoupon_all {color:orange;}
.acquireStar:after {content:"";display:block;clear:both;}
.acquireStar ul.dot_list li dl dt:before { width:2px; height:2px; content:''; display:inline-block; background:#1e1e1e;vertical-align:middle;margin-right:3px;  }
.acquireStar ul.dot_list li:nth-child(1) dl dt.txt01 { font-weight:bold; font-size:15px; }
.acquireStar ul.dot_list li:nth-child(1) dl dt {top:20%;left:16%;}
.acquireStar ul.dot_list li:nth-child(1) dl dd {top:30%;left:21%;font-size:30px;color:orange}
.acquireStar ul.dot_list li:nth-child(2) dl dt {top:59%;left:16%;}
.acquireStar ul.dot_list li:nth-child(2) dl dd {top:59%;left:56%;}
.acquireStar ul.dot_list li:nth-child(3) dl dt {top:70%;left:16%;}
.acquireStar ul.dot_list li:nth-child(3) dl dd {top:70%;left:56%;}
.acquireStar p:last-child {margin-top:10px;}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative; float:left}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px !important;}
.swiper-pagination-bullet{width:10px !important; height:10px !important;}
.swiper-pagination-bullet-active{background:#4b4c52 !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align:center;}

/*보너스 쿠폰 리스트*/
.cashCouponList .couponDetail {position:relative;clear:both;width:auto;height:256px;overflow:hidden;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-bottom:20px;}
.cashCouponList .couponDetail a {float:left;width:49px;height:256px;background-color:#f4f5f7 !important;}
.cashCouponList .couponDetail ul{width:4600px;}
.cashCouponList .couponDetail ul li span.num{width:24px;height:24px;background-color:#0877c9;position:absolute;top:0;left:-0;color:white;text-align:center;line-height:24px;font-size:15px;}
.cashCouponList .couponDetail>ul>li {overflow:hidden;position:relative;z-index:-1;float:left;width:172px;height:256px;background:url('/images/mobile/mcoupon/bg_dot.png') repeat-y top right;}
.cashCouponList .couponDetail ul li div {width:172px;height:187px;background:url() no-repeat center center;}
.cashCouponList .couponDetail ul li div img {display:block;margin:15px auto;}
.cashCouponList .couponDetail ul li div p {padding-top:87px;font-size:24px;}
.cashCouponList .couponDetail ul li div p span {vertical-align:top;font-size:26px;}
.cashCouponList .couponDetail ul li div.show {background:url("/images/mobile/mcoupon/bg_basicCashCoupon.png") no-repeat center center;}
.cashCouponList .couponDetail ul li div.show p {font-weight:600;color:#c0b9ad;text-align:center;width:inherit;letter-spacing:0px;}
.cashCouponList .couponDetail ul li div.have {background:url("/images/mobile/mcoupon/bg_haveCashCoupon.png") no-repeat center center;}
.cashCouponList .couponDetail ul li div.have p {font-weight:600;text-align:center;width:inherit;color:#2788c8;letter-spacing:0px;}
.cashCouponList .couponDetail ul li div.complate {background:url("/images/mobile/mcoupon/completedPayment_cash.png?001") no-repeat center center;}
.cashCouponList .couponDetail ul li div.complate p {letter-spacing:0px;margin-right:32px;float:none;padding-top:122px;font-size:12px !important;color:white;text-align:right;}
.cashCouponList .couponDetail ul li div.complate p span {font-size:12px !important;}
.cashCouponList .couponDetail ul.dot_list {margin-left:0 !important;width:130px;position:absolute;bottom:8px;left:10px;}
.cashCouponList .couponDetail ul.dot_list li {font-size:12px;color:#666666;letter-spacing:0px; width:152px; }

.cashCouponList.bonus .couponDetail {height:146px;margin-bottom:40px;}
.cashCouponList.bonus .couponDetail a {height:146px;}
.cashCouponList.bonus .couponDetail ul li {height:146px; width:72}
.cashCouponList.bonus .couponDetail ul li div {color:#c0b9ad;width:172px;height:146px;}
.cashCouponList.bonus .couponDetail ul li div p {font-size:22px;padding-top:67px;}
.cashCouponList.bonus .couponDetail ul li div p span {vertical-align:top;font-size:24px;}
.cashCouponList.bonus .couponDetail ul li div.show {color:c0b9ad;background:url("/images/mobile/mcoupon/bg_bonus_off.png") no-repeat center center;}
.cashCouponList.bonus .couponDetail ul li div.show p{text-align:center;width:inherit;font-weight:600;}
.cashCouponList.bonus .couponDetail ul li div.have {color:#2788c8;background:url("/images/mobile/mcoupon/bg_haveBonus.png?001") no-repeat center center; background-size:80%;}
.cashCouponList.bonus .couponDetail ul li div.have p {text-align:center;width:inherit;font-weight:600;}
.cashCouponList.bonus .couponDetail ul li div.complate {background:url("/images/mobile/mcoupon/bonus_completedPayment.png?001") no-repeat center center;}
.cashCouponList.bonus .couponDetail ul li div.complate p {letter-spacing:0px;margin-right:32px;float:none;padding-top:62px;font-size:12px !important;color:white;text-align:right;}
.cashCouponList.bonus .couponDetail ul li div.complate p span.money { font-size:20px !important; font-weight:bold; display:block; padding-bottom:8px; color:#fff; }
.cashCouponList.bonus .couponDetail ul li div.complate p span { font-size:12px !important;}

/* 퀴즈이벤트 */
.event-list { width:100%; } 
.event-list li { width:100%; }
.event-list div { margin:10px; padding-bottom:10px; border-bottom:1px solid #ddd; } 
.event-list li h2 { display:block; font-size:16px; font-weight:bold; } 
.event-list li p { display:block; font-size:14px; color:#444; padding:6px 0px 2px; height:40px; } 
.event-list li span { display:block; font-size:13px; color:#747474; }

.quizContent { padding:10px;position:relative;}
.correctSelec  { margin:0px 30px;  }
.correctSelec:after { clear:both; content:''; display:block; }
.correctSelec ul { width:100%; }
.correctSelec ul li { float:left; width:50%; height:28px; }
.concept-box5 {border:1px solid #e0e1e3;border-width:1px 1px 1px 1px; background:#fafbfc;color:#222; font-size:13px;  padding:10px;  } /* fafbfc */
.terms_agreeBox { padding:10px 0px 0px 10px; }
.terms_agreeBox:before {width:3px; height:3px; vertical-align:middle; background-color:#007dc5; content:''; display:inline-block; }

.hint {float:left;width:50px !important;height:50px !important;background:url("/ux/images/customer/quizevent/btnHint.png") no-repeat top left; background-size:100%; } 
.quiz_tip h2 { font-weight:bold; text-align:center; font-size:18px; font-weight:bold; margin:16px 10px; border-bottom:1px solid #ddd; padding-bottom:10px; }
.quiz_tip .quiz_result { padding:10px; text-align:center; }
.txt_blue { color:#0977c9 !important; }
.txt_yellow { color:#ff8f1c !important; }

/* new homepage */
#headerWrap { width:100%; height:50px;background:#0078c8; text-align:center; }
#headerWrap a, #navWrap a{ display:inline-block; background: url(/mbw/images/layout/img_header.png) 0 0 no-repeat; background-size:290px 60px; }
#headerWrap a.logo { width:129px; height:50px; background-position:-80px 15px;}


/****************************************************************************************
 Media Query iPhone5
*****************************************************************************************/
@media only screen and (max-width:360px) {
	.recomm_box_item_con h2 { font-weight:bold; font-size:13px; padding-bottom:5px; min-height:78px; }
	.home-assetmng-title-con span { font-size:10px; color:#666; position:absolute; right:10px; top:24px; background:url(/images/mobile/common/ico_arrow.gif) no-repeat; background-position:right; background-size:8px auto; padding-right:10px; }
	.finrecomList .deck div.head a { font-weight:bold; letter-spacing:-1px; height:52px; display:block; }
	.finrecomList.col2 .deck div.head a { font-weight:bold; letter-spacing:-1px; height:72px; display:block; }
	.finrecomList.col2 .deck div.head {display:block;position:relative;font-size:16px;color:#222; min-height:180px}
	.coupon_list > li .cplt_payment > div { font-size:13px; font-weight:bold; color:#fff; position:absolute; bottom:35%; left:7%; display:block; width:100%; }
}

/****************************************************************************************
 Media Query iPhone6
*****************************************************************************************/
@media only screen and (width:375px) and (device-width:375px) {
	.finrecomList.col2 .deck div.head {display:block;position:relative;font-size:16px;color:#222; min-height:140px}
}

/****************************************************************************************
 Media Query Galaxy Note1
*****************************************************************************************/
@media only screen and (max-width:400px) {
	.finrecomList.col2 .deck div.head {display:block;position:relative;font-size:16px;color:#222; min-height:140px}
}