@charset "euc-kr";
/* CSS Document */

/* Ãʺ¸ÀÚ°¡À̵å */
.tab { overflow:hidden; position:relative; width:100%; }
.tab li { float:left; width:25%; height:82px; padding:0 4px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.tab li:first-child { padding:0 4px 0 0; }
.tab li:last-child { padding:0 0 0 4px; }
.tab li p { position:relative; display:inline-block; width:100%; height:79px; border:1px solid #f0f0f0; border-radius:2px; -webkit-border-radius:2px; font-size:0.938rem; color:#111; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; background:#f0f0f0; }
.tab li p.txt1 { padding-top:45px; } 
.tab li p.txt2 { padding-top:39px; }
.tab li p:after { content:''; position:absolute; display:inline-block; background:url('/mable/images/cs/ico_tab.png') no-repeat; background-size:68px 136px; }
.tab li p.ty1:after { width:30px; height:25px; top:10px; left:50%; margin-left:-15px; background-position:0 0; }
.tab li p.ty2:after { width:30px; height:25px; top:8px; left:50%; margin-left:-13px; background-position:0 -27px; }
.tab li p.ty3:after { width:30px; height:25px; top:8px; leic15ft:50%; margin-left:-12px; background-position:0 -54px; }
.tab li p.ty4:after { width:30px; height:25px; top:8px; left:50%; margin-left:-8px; background-position:0 -83px; }
.tab li p span { display:inline-block; line-height:16px; letter-spacing:-0.5px; }
.tab li.active p { position:relative; background:#fff; border:1px solid #ffcc00;font-weight:500; }
.tab li.active p.ty1:after { width:30px; height:25px; top:10px; left:50%; margin-left:-17px; background-position:-31px 0; }
.tab li.active p.ty2:after { width:30px; height:25px; top:8px; left:50%; margin-left:-15px; background-position:-31px -27px; }
.tab li.active p.ty3:after { width:30px; height:25px; top:8px; left:50%; margin-left:-14px; background-position:-31px -54px; }
.tab li.active p.ty4:after { width:30px; height:25px; top:8px; left:50%; margin-left:-10px; background-position:-31px -83px; }

.guide dl.txt{ display:block; padding-top:15px; text-align:center; }
.guide dl.txt dt { font-size:1rem;font-weight:500; }
.guide dl.txt dd { margin-top:10px; font-size:0.750rem; }


/* M-able È°¿ëÆÁ */
.guide_top { overflow:hidden; padding:30px 0 15px; text-align:center; background:#fff; }
.guide_top h1 img { width:auto; height:78px; }

.utilTip .swiper-slide { background:#f0f0f0; }
.utilTip .swiper-pagination { display:inline-block; margin-top:25px; height:50px; }
.utilTip .swiper-pagination > .swiper-pagination-bullet { display:inline-block; width:40px; height:40px; margin-left:8px; border-radius:40px; -webkit-box-sizing:border-box; box-sizing:border-box; border:none; background:#efefef; color:#111; vertical-align:middle; text-align:center; font-size:0.875rem; line-height:38px;font-weight:500; white-space:nowrap; }
.utilTip .swiper-pagination > .swiper-pagination-bullet-active { color:#fff; background:#111; transition:0.3s all ease; transform:scale(1.3); -webkit-transform:scale(1.3); }
.utilTip .swiper-pagination > .swiper-pagination-bullet:nth-child(1):after { content:'P'; }
.utilTip .swiper-pagination > .swiper-pagination-bullet:nth-child(2):after { content:'O'; }
.utilTip .swiper-pagination > .swiper-pagination-bullet:nth-child(3):after { content:'W'; }
.utilTip .swiper-pagination > .swiper-pagination-bullet:nth-child(4):after { content:'E'; }
.utilTip .swiper-pagination > .swiper-pagination-bullet:nth-child(5):after { content:'R'; }


/* ÅõÀÚ±³½Ç */
.fixCon { position:fixed; top:0; left:0; width:100%; padding-bottom:.625rem; box-sizing:border-box; background:#fff; z-index:1000; }
.fixCon > .visualBox { margin:0; height:8.125rem; box-sizing:border-box; }
.fixCon > .searchTy { margin:0 20px; }
.listCon { position:relative; margin:0 -14px; padding-top:12.5rem; overflow-y:auto; }
.listCon .lst > li { position:relative; padding:14px; border-bottom:1px solid #cacaca; }
.listCon .lst .thumb { position:relative; display:inline-block; width:35%; height:64px; vertical-align:top; background:#ccc; }
.listCon .lst .thumb img { width:100%; height:64px; }
.listCon .lst .item { display:inline-block; width:61%; padding-left:5px; vertical-align:top; }
.listCon .lst .tit { display:block; overflow:hidden; color:#111; font-size:0.813rem;font-weight:500; white-space:nowrap; text-overflow:ellipsis; }
.listCon .lst .name { display:block; margin-top:2px; color:#888; font-size:0.750rem; }
.listCon .lst .num { position:absolute; bottom:11px; display:block; color:#888; font-size:0.750rem; }
.listCon .lst .date { position:relative; padding-right:8px; }
.listCon .lst .date:after { content:''; position:absolute; top:2px; right:0; width:1px; height:10px; background:#dfdfdf; }
.listCon .lst .count { padding-left:7px; }

.listCon > .btnArea { margin:0 14px; padding-top:15px; }

.visualBox { position:relative; display:block; margin:0 -14px; padding:20px 14px 15px; background:#fff url('/mable/images/cs/bg_investVisual.png') right 0 no-repeat; background-size:auto 100%; }
.visualBox .tit { display:block;font-weight:500; font-size:1.125rem; line-height:21px; }
.visualBox > .listTy4 { margin-top:10px; font-size:0.688rem; }
.visualBox > .listTy4 > li { padding-left:8px; margin-top:5px; }

.boardDetail .headWrap { padding:16px 14px; border-bottom:1px solid #cacaca; }
.boardDetail .headWrap .subject { margin-bottom:5px; font-weight:normal; font-size:0.875rem; }
.boardDetail .headWrap .info:after { content:''; display:block; clear:both; }
.boardDetail .headWrap .info li { float:left; position:relative; padding-right:15px; color:#888; font-size:0.813rem; }
.boardDetail .headWrap .info li + li:after { position:absolute; left:-8px; top:50%; margin-top:-7px; width:1px; height:11px; border-left:1px solid #dfdfdf; content:''; }
.boardDetail .headWrap .file { position:absolute; top:16px; right:14px; overflow:hidden; width:30px; height:37px; }
.boardDetail .headWrap .file img { width:100%; height:auto; }
.boardDetail .bodyWrap { padding:14px; }
.boardDetail .movie { margin-bottom:10px; width:100%;background:#ededed; height:200px; }
.boardDetail .replyWrap { margin-top:10px; }
.boardDetail .replyWrap .total { padding:0 14px 5px; font-weight:normal; border-bottom:1px solid #cacaca; }
.boardDetail .replyWrap .total span { color:#5177BC; }
.boardDetail .replyWrap .inputWrap { position:relative; padding:14px 80px 5px 14px; }
.boardDetail .replyWrap .inputWrap textarea { height:56px; }
.boardDetail .replyWrap .inputWrap .btnReg { position:absolute; right:14px; top:14px; width:56px; height:56px; line-height:56px; color:#fff; background:#666; }
.boardDetail .replyWrap > ul { padding:0 14px; overflow:hidden; }
.boardDetail .replyWrap li { padding:14px 0; position:relative; z-index:0; }
.boardDetail .replyWrap li.defult:after { display:block; position:absolute; left:0px; bottom:0px; margin:0 -14px; width:200%; height:1px; border-bottom:1px solid #efefef; content:''; }
.boardDetail .replyWrap li.reply + li.defult:before { display:block; position:absolute; left:0px; top:0px; margin:0 -14px; width:200%; height:1px; border-top:1px solid #cacaca; content:''; }
.boardDetail .replyWrap li.active { border-bottom:none;  }
.boardDetail .replyWrap .name { font-weight:normal; font-size:0.875rem; height:18px; line-height:18px; }
.boardDetail .replyWrap .btnDel { position:absolute; right:0px; top:14px; width:18px; height:18px; background:url(/mable/images/cs/ico_delete.png) center center no-repeat; background-size:100%; text-indent:-10000em; }
.boardDetail .replyWrap .txt { padding-top:5px; }
.boardDetail .replyWrap .date { padding:5px 0; font-size:0.813rem; color:#888; }
.boardDetail .replyWrap .btnRe { position:relative; display:block; padding:0 7px; width:60px; height:24px; line-height:24px; border:1px solid #cacaca; }
.boardDetail .replyWrap .btnRe:after { display:block; position:absolute; right:7px; top:50%; margin-top:-3px; width:6px; height:6px; border-top:1px solid #111; border-right:1px solid #111; transform:rotate(-45deg); content:''; }
.boardDetail .replyWrap .btnRe.active:after { margin-top:-6px; transform:rotate(135deg); }
.boardDetail .replyWrap .btnRe.active { background:#eaeaea; }
.boardDetail .reply { position:relative; margin:0px -14px; padding:0 14px !important; border-top:none !important; background:#fafafa; }
.boardDetail .reply .cont { padding:14px 14px 5px 20px; }
.boardDetail .reply + .reply .cont { border-top:1px solid #efefef; }
.boardDetail .reply .btnDel { right:14px; }
.boardDetail .reply:before { display:block; position:absolute; left:14px; top:14px; width:10px; height:10px; border-left:1px solid #111; border-bottom:1px solid #111; content:''; }
.boardDetail .inputList { margin:0px -14px; padding:0px !important; border-bottom:1px solid #efefef !important; background:#fafafa; }
.boardDetail .inputList:before { display:block; position:absolute; left:14px; top:14px; width:10px; height:10px; border-left:1px solid #111; border-bottom:1px solid #111; content:''; }
.boardDetail .inputList .cont { padding:14px 79px 14px 34px; }
.boardDetail .inputList .info { padding:0px 14px 14px 34px; }
.boardDetail .inputList .btnReg { position:absolute; right:14px; top:14px; width:56px; height:27px; line-height:27px; border:1px solid #d4d4d4; background:#fff; }
.boardDetail .replyClose { margin:0px -14px -1px -14px; padding:0px !important; border-top:1px solid #cacaca !important; border-bottom:1px solid #cacaca !important; height:30px; line-height:30px; text-align:center; background:#fafafa; z-index:1 !important; }
.boardDetail .replyClose:after {  }

.investBanner { position:relative; overflow:hidden; margin:10px 0 25px 0; }
.investBanner img { display:block; width:100%; }

.classList { padding-bottom:0px; }
.classList .swiper-slide { margin:0 10px; width:120px; }
.classList .swiper-slide .imageBox { width:120px; height:100px; background:#ededed; }
.classList .swiper-slide .subject { padding:5px 0; }

/* ºñ´ë¸é°èÁ°³¼³ */
.visBox.visStart { background:#fcf8f0 url('/mable/images/cs/visStart_bg.png') right bottom no-repeat; background-size:auto 100%; }

/* Mable ÀÌ¿ëÆÁ */
.tipList, .helpList { position:relative; margin:0; padding:0px; }
.tipList li { position:relative; margin-bottom:14px; padding:14px; height:120px; border:1px solid #cacaca; }
.tipList .item { position:absolute; left:5%; top:50%; width:80%; transform:translateY(-50%); }
.tipList .date { display:inline-block; margin-bottom:10px; padding:4px 15px 2px 15px; height:20px; line-height:20px; border:1px solid #cacaca; border-radius:100px; }
.tipList .tit { display:block; overflow:hidden; color:#111; font-size:1rem; /* white-space:nowrap; text-overflow:ellipsis; */ }
.tipList .tit span { display:block; font-size:0.875rem; }
.tipList .imgArea { overflow:hidden; position:absolute; right:0px; top:0px; width:33%; height:100%; }
.tipList .imgArea img { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:90%; }

.helpList li { position:relative; margin-bottom:14px; padding:14px; height:80px; border:1px solid #cacaca; }
.helpList .item { position:absolute; left:5%; top:50%; width:65%; transform:translateY(-50%); }
.helpList .tit { display:block; overflow:hidden; color:#111; font-size:1rem; /* white-space:nowrap; text-overflow:ellipsis; */ }
.helpList .tit span { display:block; font-size:0.875rem;font-weight:500; }
.helpList .ico { overflow:hidden; position:absolute; right:5%; top:50%; width:70px; height:70px; transform:translateY(-50%); border-radius:100px; background:#efefef; }
.helpList .ico img { display:block; width:70px; height:70px; }

.helpList.ty2 li { margin:0px; padding:16px 14px; height:auto; border:none; border-bottom:1px solid #eee; font-size:0.938rem;font-weight:500; background:url(/mable/images/common/arrowList.png) 95% center no-repeat; background-size:6px auto; }
.helpList.ty2 li span { display:block; font-size:0.813rem; color:#5177BC; }

@media all and (min-width:320px) and (max-width:359px) {
.tipList .tit, .helpList .tit { letter-spacing:-1px; }
}
@media all and (min-width:360px) and (max-width:374px) {
.tipList .tit, .helpList .tit { font-size:1.125rem; }
}
@media all and (min-width:375px) and (max-width:413px) {
.tipList .tit, .helpList .tit { font-size:1.125rem; }
}
@media all and (min-width:414px) {
.tipList .tit, .helpList .tit { font-size:1.125rem; }
}

/* ÁֽĿë¾î°¡À̵å */
.termList li { padding:16px 14px; border-bottom:1px solid #dfdfdf; font-size:0.938rem;font-weight:500; background:url(/mable/images/common/arrowList.png) 95% center no-repeat; background-size:6px auto; }
.termList li span { display:block; font-size:0.813rem; color:#5177BC; }

/* ½Å¿ë´ëÃâ ¿ë¾î°¡À̵å */
.loanGuideBox { position:relative; margin:0 -20px; padding:30px 20px 25px; line-height:1.4; background:url('/mable/images/cs/bg_loanGuideBox1.png'), url('/mable/images/cs/bg_loanGuideBox2.png'), rgba(255, 248, 233, 1); background-position:right 0, 0 bottom; background-repeat:no-repeat; background-size:34%, 34%; }
.loanGuideBox .tit { color:#533c31; font-size:1rem;font-weight:500; }
.loanGuideBox .tit .stxt { color:#533c31; font-size:1rem; font-family:KBFGText-light !important; }
.loanGuideBox .tagList { margin-top:6px; }
.loanGuideBox .tagList span { display:inline-block; margin:2px; padding:2px 7px 1px 7px; color:#897c61; font-size:0.625rem; letter-spacing:-1px; border: 1px solid #897c61; border-radius:100px; box-shadow:none; background:transparent; }
 
/* ¸¶ºí°¡À̵å(óÀ½À̼¼¿ä?) */
.mableGuide .topLine { border-top:6px solid #eee; }
.mableGuide section { padding:0 0 30px; }
.mableGuide section.ty2{ padding:0 0 60px; }
.mableGuide section.ty3{ padding:0; }
.mableGuide section.ty4{ padding:0 0 80px; }
.mableGuide section.ty5 h1.tit span { display:block; font-weight:normal; font-family:KBFGText-Light; }

.mableGuide .bgTy1 { background:#eef4ff; }
.mableGuide .bgTy2 { background:#fafafa; }
.mableGuide h1 { padding:30px 0 14px; color:#222; font-size:1.313rem;font-weight:500; text-align:center; }
.mableGuide .vis { position:relative; margin-top:20px; }
.mableGuide .vis img { width:100%; }
.mableGuide .vis .img1 { position:absolute; top:30px; left:45px; width:31%; opacity:0; } 
.mableGuide .vis .img2 { position:absolute; top:75px; right:40px; width:31%; opacity:0; }
.mableGuide .vis .img3 { position:absolute; top:15px; left:0px; width:100%; opacity:0; } 
.mableGuide .conTxt { color:#111; font-size:0.938rem; text-align:center; line-height:22px; }
.mableGuide .bgTy1 .btnArea { overflow:hidden; margin:18px 25px 0 !important; }
.mableGuide .bgTy1 .btnArea button { position:relative; float:left; width:50%; height:auto; box-sizing:border-box; }
.mableGuide .bgTy1 .btnArea button span { position:absolute; top:45%; width:100%; color:#000; font-size:1rem;font-weight:500; font-weight:normal; z-index:300; }
.mableGuide .bgTy1 .btnArea button.btnYes:after { content:'YES'; position:absolute; top:-2px; left:0; width:100%; color:#000; font-size:1.250rem; text-align:center; z-index:200; }
.mableGuide .bgTy1 .btnArea button.btnNo:after { content:'NO'; position:absolute; top:-2px; left:0; width:100%; color:#000; font-size:1.250rem; text-align:center; z-index:200; }
.mableGuide .bgTy1 .btnArea button img { position:relative; z-index:200; }
.mableGuide .bgTy1 .btnArea .symbol { position:absolute; top:8%; left:8%; width:80%; height:auto; margin:0; border-radius:100%; z-index:100; }
.mableGuide .bgTy1 .btnArea .symbol.ty1 { animation: pulse 2s 0s infinite; animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1); }
.mableGuide .bgTy1 .btnArea .symbol.ty2 { animation: pulse 2s 0.5s infinite; animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1); }

.mableGuide .slide { position:relative; padding:30px 18px 10px; box-sizing:border-box; }
.mableGuide .slide.ty2 { padding:0 0 10px; } 
.mableGuide .slide img { width:100%; vertical-align:top; }
.mableGuide .slide .swiper-pagination { margin-top:10px; width:100%; text-align:center; }
.mableGuide .slide.ty2 .swiper-pagination { margin-top:5px; width:100%; text-align:center; }
.mableGuide .slide .swiper-pagination-bullet { margin:0px 3px; width:7px; height:7px; border:none; border-radius:100%; background:#eee; }
.mableGuide .slide .swiper-pagination-bullet-active { background:#ffdc00; }
.mableGuide .slide .txt { position:absolute; bottom:-30px; left:0; width:100%; font-size:0.938rem; text-align:center; line-height:22px; opacity:0; }
.mableGuide .slide .swiper-container { margin:0 auto !important; }
.mableGuide .slide.ty3 { padding-top:130px; }
.mableGuide .slide.ty3 .txt { position:absolute; top:80px; left:0; width:100%; font-size:0.938rem; text-align:center; line-height:22px; opacity:0; }
.mableGuide .slide.ty3 .txt h1 span { font-size:0.938rem; }

.mableGuide .btnTy5.wsTy1 { width:160px !important; }
.mableGuide .ty5 .btnWrap { text-align:center; padding:20px 0; }
.mableGuide .ty5 .btnWrap img { width:50%; }
.mableGuide .ty5 .listTy3 { margin:0px 14px; }

.mableGuide.ty2 .swiper-pagination { position:absolute !important; top:0; width:100%; margin:0 -18px; }
.mableGuide.ty2  h1 { padding:82px 0 14px; color:#222; font-size:1.313rem;font-weight:500; text-align:center; }
.mableGuide.ty2 .slide.ty3 { padding-top:180px; } 

/* Àüüµî±Þ¾È³» */
.rating_graph.slide {position:relative; padding:0; box-sizing:border-box; width:100%; }
.rating_graph.slide img {width:85%; display: block; margin: auto;}
.rating_graph.slide .swiper-pagination-bullet { margin:0px 3px; width:7px; height:7px; border:none; border-radius:100%; background:#eee; }
.rating_graph.slide .swiper-pagination-bullet-active { background:#ffdc00;}
.txtBox .txt { position: absolute; left:0; width:100%; font-size:0.938rem; text-align:left; line-height:22px; opacity:0;}
.txtBox {display: block; position: relative; height: 290px; margin-top:30px;}

@keyframes show {
	from { opacity:0; } 
	to { opacity:1; }
}
@keyframes pulse {
	from { opacity:0.4;	-webkit-transform:scale(1);	transform:scale(1); } 
	to { opacity:0; -webkit-transform:scale(1.25); transform:scale(1.25); }
}


/* °³ÀÎÀü¹®ÅõÀÚÀÚ ¾È³» */
.investInfo.ty1 { margin-top:-12px !important; }
.investInfo .vis { position:relative; text-align:right; background:url('/mable/images/cs/invest_vis_bg.png') repeat-x; background-size:contain; }
.investInfo .vis img { width:auto; height:113px; }
.investInfo .vis .txt { position:absolute; top:50%; left:25px; margin-top:-32px; color:#252525; font-size:1rem; text-align:left; }

/* ¸ð¾Æ¸ð¾Æ FLEX À̺¥Æ® */
.flexEventVis { position:relative; margin-top:-12px; } 
.flexEventVis .flexTit { position:absolute; top:0; right:0; width:100%; }
.flexEvent.eventVis { margin:-12px 0 0; }
.flexEvent { margin:0 14px 40px; }
.flexEvent .eventTit { position:relative; display:inline-block; margin:20px 0 5px; font-size:1.125rem; font-weight:bold; text-align:center; }
.flexEvent .eventTit:before { content:''; position:absolute; bottom:-2px; width:100%; height:2px; background:#ffcc00; }
.flexEvent .eventTit.ty2:before { content:''; position:absolute; bottom:0; width:100%; height:0; background:none; }
.flexEvent .eventTit .num { color:#fc0303; }
.flexEvent .sTit { text-align:left; font-size:0.750rem; }
.flexEvent .sTit .ty1 { display:block; margin-right:52px; }
.flexEvent .sTit .ty2 { display:block; }
.flexEvent .icoTy1 { display:none; width:8px; height:8px; border-radius:100%; background:#2460ce; }
.flexEvent .icoTy2 { display:none; width:8px; height:8px; border-radius:100%; background:#dd0000; }
.flexEvent .icoTy3 { display:none; width:8px; height:8px; border-radius:100%; background:#000; }
.flexEvent .icoTy1.active, .flexEvent .icoTy2.active, .flexEvent .icoTy3.active { display:inline-block; }
.flexEvent > .tbTy1 { margin:0; }
.flexEvent > .tbTy1.eventCal { border-top:none; }
.flexEvent > .tbTy1.eventCal th { color:#fff; border-top:none; background:#545045; }
.flexEvent > .tbTy1.eventCal td { padding:5px 0 5px 5px; height:45px; font-size:0.688rem; text-align:left; vertical-align:top; border:1px solid #ddd; border-width:0 1px 1px 0; background:url('/images/cs/flex_stemp_off.png') 50% 80% no-repeat; background-size:60%; }
.flexEvent > .tbTy1.eventCal.ty2 td { padding:5px 0 5px 5px; height:45px; font-size:0.688rem; text-align:left; vertical-align:top; border:1px solid #ddd; border-width:0 1px 1px 0; background:none; }
.flexEvent > .tbTy1.eventCal td.none { background:none; }
.flexEvent > .tbTy1.eventCal td.active { background:url('/images/cs/flex_stemp_on.png') 50% 80% no-repeat; background-size:60%;  }
.flexEvent > .tbTy1.eventCal.ty2 td.active { background:#ffcc00; }
.flexEvent > .tbTy1.eventCal td:last-child { border-width:0 0 1px 0; }
.flexEvent > .tbTy1.eventCal tr:last-child td { border-width:0 1px 0 0; }
.flexEvent > .tbTy1.eventCal tr:last-child td:last-child { border-width:0; }
.flexEvent > .btnArea { padding:0; }
.flexEvent .txtBox { margin-top:20px; padding:15px; border:1px solid #ccc; border-radius:5px; background:#fbeddf; }
.flexEvent .txtBox .tit{ font-size:1rem; margin-bottom:4px; }
.flexEvent .giftList li { position:relative; padding:15px 10px 15px 55px; background:url('/images/cs/giftList_bg.png') 0 bottom repeat-x; background-size:4px 1px; }
.flexEvent .giftList li:before { content:''; position:absolute; top:15px; left:0; width:46px; height:45px; background:url('/images/cs/flex_stemp_on.png') no-repeat; background-size:100%; }
.flexEvent .stemp .stempNum { display:block; font-size:0.938rem; vertical-align:middle; }
.flexEvent .accNum { display:block;}
.flexEvent .accNum > .tit { display:inline-block; width:90px; height:20px; padding-left:5px; color:#fff; font-size:0.688rem; line-height:18px; vertical-align:middle; box-sizing:border-box; background:url('/images/cs/accNum_bg.png') right 0 no-repeat; background-size:100%; }
.flexEvent .accNum > .num { font-size:1rem; vertical-align:middle; }
.flexEvent .accNum > .num em { color:#2460ce !important; }
.flexEvent .product { display:block; padding-top:5px; color:#7c7c7c; font-size:0.688rem; }
.flexEvent .product strong { color:#111; font-size:0.875rem; }
.flexEvent .giftList li > .btn { position:absolute; bottom:13px; right:10px; height:36px; padding:10px 20px; line-height:0; background-color:#ffdc00; border-radius:4px; border:1px solid #ffdc00; }
.flexEvent .periodTb { margin:5px 0 10px; text-align:center; }
.flexEvent .periodTb span { display:inline-block; font-size:0.875rem; }
.flexEvent .details { overflow:hidden; margin-top:20px; text-align:center; }
.flexEvent .details .stemp > li { float:left; display:inline-block; width:33%; height:100px; font-size:1rem; text-align:center; }
.flexEvent .details .stemp > li:nth-child(2) { width:34%; }
.flexEvent .details .stemp > li.ty1 { background:url('/images/cs/flex_situat_1.png') no-repeat 50% 50%; background-size:100px 95px;; }
.flexEvent .details .stemp > li.ty2 { background:url('/images/cs/flex_situat_2.png') no-repeat 50% 50%; background-size:100px 95px;; }
.flexEvent .details .stemp > li.ty3 { background:url('/images/cs/flex_situat_3.png') no-repeat 50% 50%; background-size:100px 95px;; }
.flexEvent .details .stemp > li > span.tit { display:block; margin-top:26px; }
.flexEvent .details .stemp > li > span.num { display:block; margin-top:7px; }
.flexEvent .index_choice { overflow:hidden; margin:20px 0; color:#222; font-size:1rem; }
.flexEvent .index_choice input[type=radio] { width:30px; height:30px; background:url('/images/common/radio_btn_off.png') no-repeat; background-size:30px 30px; }
.flexEvent .index_choice input[type=radio]:checked { background:url('/images/common/radio_btn_on.png') no-repeat; background-size:30px 30px; }
.flexEvent .index_choice .radio { float:left; display:inline-block; width:35%; text-align:center; }
.flexEvent .index_choice .radio:nth-child(2) { width:30%; }
.flexEvent .index_choice .radio .txt { display:block; padding:7px 0 3px; }
.flexEvent .closure { display:block; width:100%; color:#ff0000; text-align:center; }

.premier.vis { padding:30px 20px; text-align:center;font-weight:500; background:#f9fafd; }
.premier.vis h1 { color:#888;font-weight:500; }
.premier.vis p { padding-top:70px; font-size:1.500rem; }
.premier.vis.none p { padding-top:20px; font-size:1.500rem; }
.premier.vis.pblack p { background:url(/mable/images/cs/ic_premier_pblack.png) center 5px no-repeat; background-size:auto 60px; }
.premier.vis.black p { background:url(/mable/images/cs/ic_premier_black.png) center 5px no-repeat; background-size:auto 60px; }
.premier.vis.purple p { background:url(/mable/images/cs/ic_premier_purple.png) center 5px no-repeat; background-size:auto 60px; }
.premier.vis .btnAreaTy3 { padding-top:20px; }

.premierBenefit .titHead {margin: 26px 0 6px !important;}
.premierTxt {display: inline-block; width: 100%; font-size: 14px; color: #666;}
.premierBenefit .banner {width: 100%;}
.premierBenefit.bd {margin-top: 20px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.premierBenefit .listBenefit {width: 100%; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #f0f0f0; min-height: 65px;}
.premierBenefit .listBenefit .icon {width: 65px; float: left;}
.premierBenefit .listBenefit .list {padding-left: 25px; width: 65%; display: inline-block;}
.premierBenefit .listBenefit:first-of-type {margin-top: 30px !important;}
.premierBenefit .listBenefit:last-of-type {border-bottom: none !important;}

.pm.vis { margin:0 -20px; text-align:center; background:url('/mable/images/cs/premier_vis_bg.png') 50% bottom no-repeat; background-size:100% auto; }
.pm.vis img { width:70%; margin-top:20px; box-sizing:border-box; }
.pm .tit { display:block; font-size:1.563rem; }
.pm .cont { display:block; margin-top:18px; font-size:1.063rem; }
.pm .cont2 { display:block; padding:20px 20px 24px; font-size:0.938rem; }
.cardImg { margin:40px 0 30px; text-align:center; }
.cardImg img { width:70%; }

/* prestige */
.prestige.vis.ver2 { position:relative; text-align:center; background:#202232; }
.prestige.vis.ver2 .screen { position:relative; display:inline-block; margin-top:40px; }
.prestige.vis.ver2 .lineAni { width:150px; height:auto; animation:shine 2s ease-in-out infinite; }
.prestige.vis.ver2 .txt { display:block; padding:20px 40px 40px; color:#fff; } 
.prestige.vis.ver2 .tit { position:absolute; top:23%; left:0%; display:block; width:100%; height:auto; text-align:center; z-index:9999; }
.prestige.vis.ver2 .tit img { width:187px; height:auto; }
.prestige.vis.ver2 .light1 { position:absolute; top:-17%; right:-14%; width:112px; height:auto; animation:shine 2s ease-in-out infinite; }
.prestige.vis.ver2 .light2 { position:absolute; bottom:-8%; left:-1%; width:56px; height:auto; animation:shine2 2s 1s ease-in-out infinite; }
.prestige.vis.ver2 .leaves { position:absolute; bottom:12%; left:50%; width:90px; margin-left:-45px; height:auto; clip-path:circle(0vw at 50% 100%);  animation:mask 1s ease-in-out forwards; }

.prestigeTab { margin-top:34px; font-size:0; }
.prestigeTab li { display:inline-block; width:calc(100% / 3); height:auto; }
.prestigeTab span { display:block; margin-top:-10px; color:#888; font-size:0.875rem; text-align:center; } 
.prestigeTab li.active span { color:#222;font-weight:500; }

.prestigeList { margin-top:30px; padding:0; }
.prestigeList > li { position:relative; }
.prestigeList > li + li { margin-top:28px; }
.prestigeList > li h2 { position:relative; display:block; padding-left:34px; font-size:1rem;font-weight:500; }
.prestigeList > li h2:before { content:''; position:absolute; top:0; left:0; width:28px; height:28px; background:url('/mable/images/cs/prestige_ic_01.png') no-repeat; background-size:cover; }
.prestigeList > li.ty2 h2:before { background:url('/mable/images/cs/prestige_ic_02.png') no-repeat; background-size:cover; }
.prestigeList > li.ty3 h2:before { background:url('/mable/images/cs/prestige_ic_03.png') no-repeat; background-size:cover; }
.prestigeList > li.ty4 h2:before { background:url('/mable/images/cs/prestige_ic_04.png') no-repeat; background-size:cover; }
.prestigeList > li.ty5 h2:before { background:url('/mable/images/cs/prestige_ic_05.png') no-repeat; background-size:cover; }
.prestigeList > li.ty6 h2:before { background:url('/mable/images/cs/prestige_ic_06.png') no-repeat; background-size:cover; }
.prestigeList > li.ty7 h2:before { background:url('/mable/images/cs/prestige_ic_07.png') no-repeat; background-size:cover; }
.prestigeList > li.ty8 h2:before { background:url('/mable/images/cs/prestige_ic_08.png') no-repeat; background-size:cover; }
.prestigeList > li.ty9 h2:before { background:url('/mable/images/cs/prestige_ic_09.png') no-repeat; background-size:cover; }

.prestigeList > li .tit { display:inline-block; font-size:1rem;font-weight:500; vertical-align:middle; }
.prestigeList > li .txt { display:block; padding-left:34px; color:#444; }

.myClass { padding-left:110px; height:auto; }
.myClass.a { background:url('/mable/images/cs/prestige_a_on.png') no-repeat; background-size:100px 100px; }
.myClass.s { background:url('/mable/images/cs/prestige_s_on.png') no-repeat; background-size:100px 100px; }
.myClass.m { background:url('/mable/images/cs/prestige_m_on.png') no-repeat; background-size:100px 100px; }
.myClass .tit { display:block; color:#888;font-weight:500; font-size:0.875rem; }
.myClass .myClassCon { display:block; margin-bottom:-3px; color:#222;font-weight:500; font-size:1.500rem; }
.myClass .period { display:block; color:#999; font-size:0.750rem; margin-bottom:10px; }

.couponArea { overflow:hidden; margin-top:20px; padding:14px 0; background:#F7F9FC; opacity:0.8; }
.couponArea li { float:left; width:50%; padding:12px 0 3px; text-align:center; border-left:1px solid #fff;  box-sizing:border-box; }
.couponArea li:first-child { border-left:none; }
.couponArea li .couponBox { position:relative; display:inline-block; width:130px; height:77px; background:url('/mable/images/cs/bg_coupon.png') no-repeat; background-size:100%; }
/* .couponArea li .couponBox:before { content:'¾ÛÀü¿ë'; position:absolute; top:-12px; right:7px; width:40px; height:40px; color:#fff; font-size:0.688rem; line-height:40px; border-radius:100%; background:#437fec; } */
.couponArea li span { display:block; text-align:center; }
.couponArea li .couponPrice { padding-top:25px; color:#000; font-size:1.625rem;font-weight:500; }
.couponArea li .couponTit { padding-top:16px; color:#444; font-size:0.875rem;font-weight:500; }

.tabCont { display:none; }
.tabCont.active { display:block; }

#star-particle { position:absolute; top:0; left:0; width:100%; }

@keyframes shine {
	0% { opacity:1; }
	20% { opacity:1; }
	70% { opacity:0.7; }
	90% { opacity:1; } 
	100% { opacity:1; }
}
@keyframes shine2 {
	0% { opacity:0.8; }
	20% { opacity:0.8; }
	70% { opacity:0.4; }
	90% { opacity:0.8; } 
	100% { opacity:0.8; }
}
@keyframes mask {
	0%  { clip-path:circle(0vw at 50% 100%); }
	100%{ clip-path:circle(100vw at 50% 100%); }
}

/* able Premier ÄÁ¼³Æà */
.consulting .visArea { text-align:center; }
.consulting .visArea .mainTit { padding-bottom:32px; font-size:1.375rem;font-weight:500; line-height:36px; }
.consulting .visArea .mainTit span { font-size:1.500rem; color:#5177bc; }
.consulting .visArea .imgArea { display:block; padding:0 78px; box-sizing:border-box; }
.consulting .visArea .imgArea img { width:100%; }
.consulting .visArea .subTxt { margin:24px 0 42px; font-size:1.063rem; line-height:24px; }

.premierList { margin-top:20px; padding:0; }
.premierList > li { position:relative; padding-left:30px; }
.premierList > li + li { margin-top:25px; }
.premierList > li h1 { position:relative; display:block; padding:0 0 5px 30px; text-indent:-30px; font-size:1rem;font-weight:500; }
.premierList > li h1:before { content:''; position:absolute; top:0; left:-30px; width:22px; height:22px; }
.premierList > li h2 { padding:0 0 5px; color:#5177bc; font-size:0.875rem;font-weight:500; }
.premierList > li p { margin-bottom:10px; }
.premierList > li ul { margin-bottom:15px; }
.premierList > li.ty1 h1:before { background:url('/mable/images/cs/ic_premierList_01.png') no-repeat; background-size:cover; }
.premierList > li.ty2 h1:before { background:url('/mable/images/cs/ic_premierList_02.png') no-repeat; background-size:cover; }
.premierList > li.ty3 h1:before { background:url('/mable/images/cs/ic_premierList_03.png') no-repeat; background-size:cover; }
.premierList > li.ty4 h1:before { background:url('/mable/images/cs/ic_premierList_04.png') no-repeat; background-size:cover; }
.premierList > li.ty5 h1:before { background:url('/mable/images/cs/ic_premierList_05.png') no-repeat; background-size:cover; }
.premierList > li.ty6 h1:before { background:url('/mable/images/cs/ic_premierList_06.png') no-repeat; background-size:cover; }
.premierList > li.ty7 h1:before { background:url('/mable/images/cs/ic_premierList_07.png') no-repeat; background-size:cover; }

/* ±×·ìÅëÇÕ¸â¹ö½± */
.diagram .grouppoint_2 img {margin-bottom: 20px;}
.diagram .grouppoint_1 img {margin-bottom: 10px;}
.grouppoint_1 {margin-bottom: 50px;}
.grouppoint_1>p {margin-bottom: 30px !important; width: 100%; font-size: 14px;}

/* ±â³äÀÏ ¼­ºñ½º */
.anniversary { margin:20px 0px; padding:20px; font-size:0.813rem; text-align:center; border:1px solid #f4f4f4; background:#fcfcfc; letter-spacing:-0.5px; }
.anniversary img { display:block; margin:0px auto; width:50%; }
.anniversary h2 { margin:10px 0px !important; line-height:25px; color:#698ed1; }
.anniversary h2 span { display:inline-block; margin-right:10px; padding:0 10px; height:25px; line-height:25px; border-radius:50px; vertical-align:middle; font-size:0.875rem; color:#fff; background:#698ed1; }

/* Gift Card Á¦°ø ¼­ºñ½º */
.icoList.giftCard { margin-bottom:20px; }
.icoList.giftCard > li { border:2px solid #ffdc00; border-radius:10px; padding:20px; }
.icoList.giftCard > li > .ico img { width:100%; }
.icoList.giftCard .txt { width:calc(100% - 100px) !important; }
.icoList.giftCard .txt .tit { color:#5177bc; }

/* ±ÝÀ¶¼ÒºñÀÚº¸ */
.consumer h1 { display:block; color:#222; font-size:1.500rem;font-weight:500; text-align:center; }
.consumer .con { margin-top:1rem; color:#666; font-size:1rem; line-height:1.500rem; }
.consumer .con strong { color:#222; }
.consumer img { display:block; width:100%; height:auto; margin:2.500rem 0 0; }
.numListArea { margin-top:0.625rem; border:solid #EEE; border-width:1px 0; }
.numListArea .listTy15 > li { margin-top:0; padding:1.125rem 0 1.063rem 1.625rem; border-bottom:1px solid #F8F8F8; }
.numListArea .listTy15 > li:last-child { border-bottom:none; }
.numListArea .listTy15 > li .num { top:1.125rem; }

/* ¿¹¼ö±Ý ÀÚµ¿ Àú±ÝÅë */
.boxTy.cmasaving { margin-top:1.5625rem; padding:1.5625rem 1.25rem; border-radius:.9375rem; background:#f8f8f8; text-align:center; }
.boxTy.cmasaving .titTy1 { margin-bottom:.9375rem; font-size:1rem; font-weight:bold; letter-spacing:-0.5px; }
.boxTy.cmasaving .titTy1 .stit { display:block; margin-bottom:.3125rem; font-size:.875rem; font-weight:500; letter-spacing:0; }
.boxTy.cmasaving .titTy1 .stxt { display:inline-block; margin:0 .3125rem; font-size:.75rem; vertical-align:top; font-weight:bold; }
.boxTy.cmasaving img { display:block; width:100%; }
.boxTy.cmasaving ul { margin-top:.625rem; }
.boxTy.cmasaving li { font-size:12px; color:#888888; }
.boxTy.cmasaving .pay { margin-bottom:5px; font-size:18px; color:#de092f; font-weight:bold; letter-spacing:-0.5px; }

/* ¹Ì¼ÇÄ«µå */
.msiCard .visualBox { display:flex; justify-content:space-between; align-items:flex-end; margin:0; padding:7vw 5vw 7vw 7vw; border-radius:.9375rem; background:linear-gradient(70deg, #153a7a, #081a3e); }
.msiCard .visualBox .cont { padding-bottom:1.25rem; width:50vw; }
.msiCard .visualBox .ico { width:25vw; }
.msiCard .visualBox .cont li { color:#d0d7e2; }
.msiCard .visualBox .cont h1 { padding:.3125rem 0 .9375rem; font-size:1.25rem; font-weight:500; color:#fff; }

.msiCard .visualBox .ico img { width:100%; }
/* img_mission_card_top.png */