@charset "utf-8";

/****************************************/
/*  Name : 모바일 웹사이트
/*  PART : LAYOUT STYLE
/*  Version : 1.0
/*  Author : BLUEWEBD™, SADY™
/****************************************/
#wrap{width:100%; min-height:100%; /*-webkit-overflow-scrolling:touch;*/}
header {/*position:relative;*/ margin-bottom:50px !important;}
#headerWrap {position:fixed; top:0; left:0; width:100%; height:50px;background:#0078c8; z-index:29;}
#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 {position:absolute; top:0; left:50%; width:110px; height:50px; margin-left:-55px; background:url(/mbw/images/layout/img_header_logo.png) 0 center no-repeat; background-size:110px 18px; }
#headerWrap a.top_quick {position:absolute; top:0; right:0; width:47.5px; height:50px; background-position:-258px 15px;}

.subWrap #headerWrap .h2depth {position:absolute; top:0; left:20%; width:60%; /*margin-left:-5%;*/ }
.subWrap #headerWrap .h2depth .btn_close{display:none; background-image:none; position:absolute; left:50%; bottom:-40px; margin-left:-20px; width:40px; height:40px;}
.subWrap #headerWrap .h2depth .btn_close:before{opacity:1; width:40px; height:40px; background:url(/mbw/images/common/ico_share.png) no-repeat; background-size:320px auto; background-position:10px -40px;}
.subWrap #headerWrap h1.tit.h2depth {height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.subWrap #headerWrap .h2depth dt > a {display:inline-block; background:none; padding-left:10px; width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.subWrap #headerWrap .h2depth dt > a:after {content:""; display:inline-block; background:url(/mbw/images/layout/ico_h2depth.png) 0 0 no-repeat; margin-left:10px; width:10px; height:6px; background-size:10px 70px; vertical-align:middle;}
.subWrap #headerWrap .h2depth dt > a.on:after {background-position:0 -50px;}
.subWrap #headerWrap .h2depth dd {display:none; background:#fff; text-align:center; border:2px #0078c8 solid; border-top:none;}
.subWrap #headerWrap .h2depth dd li a {width:100%; padding:10px 0 13px; font-size:13px; color:#555; font-weight:bold;}
.subWrap #headerWrap .h2depth dd li.now a {background:#f0f1f2; color:#006cb4;}
.subWrap #headerWrap .h2depth .h3depth a {display:inline-block;}

.main #navWrap a.btn_allMenu {top:0; left:0; width:47.5px;}
#navWrap a.btn_prev{display:block; position:fixed; top:0; left:0; width:30px; height:50px; background-position:15px -26px; z-index:29;}
/* #navWrap a.btn_allMenu {position:fixed; top:0; left:31px; width:36px; height:50px;  background-position:9.75px 16px; z-index:29;}*/
#navWrap a.btn_allMenu {position:fixed; top:0; left:5px; width:36px; height:50px;  background-position:9.75px 15px; z-index:29;}
#navWrap a.btn_home{display:block; position:fixed; top:0; left:68.5px; width:30px; height:50px; background-position:-53.5px -26px; z-index:29;}

 /* 전체메뉴보기 */
.allMenuBox {display:none; position:fixed; left:-100%; top:0; width:272.5px; background:#fff; z-index:100; height:100%;}
.allMenuBox .allMenuClose, .quickMenu .q_close_btn, .searchDatail .searchClose{position:absolute; top:50%; margin-top:-30px; right:-60px; color:#fff; z-index:101; width:60px; height:60px; background-image:none}
.allMenuBox .allMenuClose:before, .quickMenu .q_close_btn:before, .searchDatail .searchClose:before {background:url(/mbw/images/layout/btn_close.png) center center no-repeat; background-size:40px 40px; opacity:1; width:60px; height:60px;}
.allMenuBox .navCategory {position:relative; float:left; width:106.25px; height:100%; background:#f2f2f2;}
.allMenuBox .navCategory:after{content:"";display:block;clear:both;visibility:hidden}
.allMenuBox .navCategory  > ul {position:absolute; top:0; left:0; width:106.25px; padding:12px 0 0;}
.allMenuBox .navCategory  > ul > li {}
.allMenuBox .navCategory  > ul > li > a {display:block; width:100%; height:44.5px; line-height:44.5px; color:#333; text-align:left; padding:0; font-size:15px; text-indent:15px; box-sizing:border-box}
.allMenuBox .navCategory  > ul > li > a.on {background:#0078c8; color:#fff; font-weight:bold}

/*.allMenuBox .allMenuHead {position:absolute; z-index:30; left:0px; top:0; padding:0; height:50px; width:272.5px; background:#0078c8; text-align:left}*/
.allMenuBox .allMenuHead {position:relative; padding:0; height:50px; width:272.5px; background:#0078c8; text-align:left}
.allMenuBox .allMenuHead a{display:inline-block; background:url(/mbw/images/layout/allMenu_header.png) 0 0 no-repeat; background-size:272.5px 80px;}
.allMenuBox .allMenuHead .close_btn {position:absolute; left:0; top:0; width:47.5px; height:50px; background-position:0 0}
.allMenuBox .allMenuHead .logo {position:absolute; top:0; left:50%; width:129px; height:50px; margin-left:-64px; background-position:-72.5px 0}
.allMenuBox .allMenuHead .btn_home {position:absolute; left:47.5px; top:0; width:47.5px; height:50px; background-position:-47.5px 0}
.allMenuBox .allMenuHead .btn_logout, .allMenuBox .allMenuHead .btn_login {position:absolute; top:0; width:36px; height:50px; background-position:-195px 0}
.allMenuBox .allMenuHead .btn_login, .allMenuBox .allMenuHead .btn_logout{right:41.5px;}
.allMenuBox .allMenuHead .btn_login>span{color:#fff;position:absolute;left:-45px;top:15px;font-size:14px}
.allMenuBox .allMenuHead .btn_logout{background-position:-195px -35px} 
.allMenuBox .allMenuHead .btn_search {position:absolute; right:0; top:0; width:41.5px; height:50px; background-position:-230px 0}
.allMenuBox .allMenuHead .infoName{position:absolute; right:78px; top:0; display:block; color:#fff; font-size:14px; line-height:50px; width:105px; height:50px; text-align:right;  display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1; word-wrap: break-word; } 
	
/*.allMenuBox .navEvent {position:absolute; z-index:30; left:0px; top:50px; padding:0; width:272.5px; height:110px; text-align:left}*/
.allMenuBox .navEvent {position:relative; padding:0; width:272.5px; height:110px; text-align:left; z-index:100;}
.allMenuBox .navEvent img{width:272.5px; height:110px;}

.allMenuBox .allMenuList {position:relative; float:left; width:150px; padding:0 0 0 16.25px; height:100%; /*margin-top:160px; margin-bottom:-160px;*/ background:#fff; text-align:left; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; -ms-overflow-scrolling:touch; overflow-scrolling:touch;}
.allMenuBox .allMenuList::-webkit-scrollbar {
/*-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
display: none;*/
width:0;
}
	
.allMenuBox .allMenuList .tit_depth1.first{margin-top:12px}
.allMenuBox .allMenuList .tit_depth1 {font-weight:bold; height:28px; margin-top:17px; padding-bottom:14px; padding:0; font-size:16px; color:#0078c8; border-bottom:2px solid #0078c8;}
.allMenuBox .allMenuList .depth2 {}
.allMenuBox .allMenuList .depth2 a {display:block; height:100%; font-size:14px; color:#333; letter-spacing:-1.5px}
.allMenuBox .allMenuList .depth2 a.mpop:after, .allMenuBox .allMenuList .depth3 li a.mpop:after{content:""; display:inline-block; position:absolute; right:15px; top:50%; margin:-9px 0 0; width:18px; height:18px; background:url(/mbw/images/layout/ico_mpop.png) 0 0 no-repeat; background-size:19.75px 40px}
.allMenuBox .allMenuList .depth2 a.mpop:before {background:none; opacity:0; height:0; width:0; margin:0;}
.allMenuBox .allMenuList .depth2 > li {position:relative; background:url(/mbw/images/layout/bul_depth3.png)87% 0 no-repeat; background-size:11.25px 74.5px; min-height:37px; line-height:36px; padding:0px; border-bottom:1px solid #f0f0f0}
.allMenuBox .allMenuList .depth2 > li.on {background-position:87% -37.25px}
.allMenuBox .allMenuList .depth2 > li.nbr{background:none;}
.allMenuBox .allMenuList .depth2 + .m2dep {}
.allMenuBox .allMenuList .depth2:last-child{padding-bottom:400px !important }
.allMenuBox .allMenuList .depth3 {display:none; padding:0 0 13.5px; background:#fff}
.allMenuBox .allMenuList .depth3 li {position:relative; line-height:25px; min-height:25px}
.allMenuBox .allMenuList .depth3 li a {color:#666; font-size:13px; letter-spacing:-1px}
.allMenuBox .allMenuList .depth3 li.on a {font-weight:bold;}
.allMenuBox .allMenuList .depth3 li a.mpop:after{background-position:0 -22.75px; width:16px; height:16px;}

/* 바로가기 플로팅 메뉴 */
.quickMenu{display:none; position:fixed; top:0; right:0; width:155px; height:100%; background:#0078c8; z-index:100}
.quickMenu .quickHead{display:block; width:155px; height:50px; background:#fff;}
.quickMenu .quickHead > span{display:inline-block; padding:11.25px 0 0 15px; font-size:18px; line-height:18px; color:#0078c8}
.quickMenu .q_close_btn{left:-60px}
.quickMenu .q_prev{display:block; position:absolute; top:0; right:0; width:47.5px; height:40px; background-position:14px 11px;}
.quickMenu .quickList{display:block; padding:5px 0 23px 0; margin:0; background:#fff;}
.quickMenu .quickList ul{display:block; margin-left:15px;}
.quickMenu .quickList ul li{display:block; padding:7px 0; }
.quickMenu .quickList ul li:first-child{padding:12.5px 0; margin-bottom:18.25px}
.quickMenu .quickList ul li.online{border-bottom:2px solid #0078c8; min-height:40px;}
.quickMenu .quickList ul li.online a{background:url(/mbw/images/layout/ico_quick_menu.gif) 0 0 no-repeat; background-size:40px 40px; padding:0 0 0 50px; font-size:14px; line-height:18px; color:#0078c8; min-height:40px;}
.quickMenu .quickList ul li.online a:before{opacity:0; margin:0}
.quickMenu .quickList ul li a{display:block; color:#000; font-size:12px; padding:0}
.quickMenu .quickList ul li a:before{position:static; content:counter(item, disc)""; color:#0078c8; margin-right:8px; opacity:1;}
.quickMenu .quickEvent{display:block; margin:0; padding:0;}
.quickMenu .quickEvent dl{display:block; margin:0 0 0 15px; padding:15px 0 12px 0;}
.quickMenu .quickEvent dl dt{display:block;}
.quickMenu .quickEvent dl dt img{width:140px; height:54.25px;}
.quickMenu .quickEvent dl dd{margin:10px 0 0; font-size:11px; color:#fff; line-height:13px;}

#container {display:block}

.sliderWrap {position:relative; height:445px;}
#mainSlider01 {width:100%; height:445px; padding:0; margin:0; position:relative; overflow:hidden; }
#mainSlider01 ul {width:99999px; height:445px; position:absolute; top:0; left:0; overflow:hidden; }
#mainSlider01 ul:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
#mainSlider01 ul li {float:left; width:26.66em;}
#mainSlider01 li > a {display:block;}

.sliderWrap .paging {position:absolute; top:17px; left:16%; width:auto; line-height:0; height:10px; text-align:center;}
.sliderWrap .paging:before, .sliderWrap .paging:after {display:inline-block; border:1em #0078C8 solid;}
/* .sliderWrap01 .paging:before {margin-right:0.41em;} */
.sliderWrap01 .paging:after {margin-left:0.41em;}
/* .paging { background:#f5f5f5; text-align:center; overflow:hidden; } */
.paging .btn_page { display:inline-block; width:10px; height:10px; margin:0; margin-left:0.41em; line-height:0; text-indent:-9999px; background:#fff; opacity:0.3; border-radius:85px;}
.paging .btn_page.on {opacity:1;}
.sliderWrap .ctrlWrap {position:absolute; top:18px; left:10%; z-index:5;}
.sliderWrap .ctrlWrap > a {background:url(/mbw/images/common/ico_arrow.png) no-repeat 0 0; background-size:150px auto; display:block; width:17px; height:17px;}
.sliderWrap .ctrlWrap > a.stop {background-position:-20px -305px;}
.sliderWrap .ctrlWrap > a.play {background-position:0 -305px;}


.serviceTab {background:#f5f8fa; border-radius:15px 15px 0 0; width:100%;}
.serviceTab:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.serviceTab li {float:left; width:25%; text-align:center;}
.serviceTab li a {display:inline-block; background:url(/mbw/images/layout/tab_service.png) no-repeat; background-size:25px 500px; width:100%; height:58px; color:#4b6072; font-size:12px; font-weight:bold; letter-spacing:-1px; border-bottom:2px #dce7ee solid;}
.serviceTab li a > span {display:inline-block; margin-top:35px;}
.serviceTab li.on a {color:#006cb4; border-bottom-color:#006cb4;}
.serviceTab li:nth-child(1) a {background-position:50% 11px;}
.serviceTab li:nth-child(1).on a {background-position:50% -39px;}
.serviceTab li:nth-child(2) a {background-position:50% -89px;}
.serviceTab li:nth-child(2).on a {background-position:50% -139px;}
.serviceTab li:nth-child(3) a {background-position:50% -189px;}
.serviceTab li:nth-child(3).on a {background-position:50% -239px;}
/* .serviceTab li:nth-child(4) a {background-position:50% -289px;}
.serviceTab li:nth-child(4).on a {background-position:50% -339px;} */
.serviceTab li:nth-child(4) a {background-position:50% -389px;}
.serviceTab li:nth-child(4).on a {background-position:50% -439px;}
.serviceWrap .tabCont {width:90%; margin:15px auto 0;}

.serviceCont {}
.serviceCont > dt {position:relative; text-align:center; font-size:12px; margin-bottom:7px;}

.serviceCont > dt > span.dateInfo {position:absolute; top:50%; right:22px; display:inline-block; margin-top:-11px; height:24px; line-height:12px; font-size:10px; text-align:right;}
/*.serviceCont > dt > span.dateInfo {position:absolute; top:-10px; left:0; display:inline-block; font-size:10px; } */
.serviceCont > dt > a.btn_refreshInfo {display:inline-block; position:absolute; top:50%; right:0; margin:-9px 0 0; width:20px; height:18px; background:url(/mbw/images/layout/ico_arrow.png) -130px -133px no-repeat; background-size:150px auto;}
.serviceCont > dt strong {display:inline-block; height:24px; line-height:24px; font-weight:normal; color:#0078c8; font-size:17px;}
.serviceCont > dt p {margin:4px 0 15px; }
.serviceCont .lst:after {content:"";display:block;clear:both;visibility:hidden;}
.serviceCont .lst > li {float:left; width:33.3%; padding:0; border:none;  border-left:1px #e4ecf2 solid; margin-left:-1px;}
.serviceCont .lst li > a, .serviceCont .lst li > dl {display:inline-block; width:100%; text-align:center;}
.serviceCont .lst > li:first-child, .infoLst.jisu.lst > li:nth-child(4) {border:none;}
.infoLst.jisu.lst > li:nth-child(4),
.infoLst.jisu.lst > li:nth-child(4)+li,
.infoLst.jisu.lst > li:nth-child(4)+li+li {padding-top:7px;}
.serviceCont .stepLst li:first-child {width:33.4%; border:none;}
.serviceCont .stepLst li a {background:url(/mbw/images/layout/mc_startStep_new.png) no-repeat; background-size:90px auto; width:100%; height:79px; vertical-align:top;}
.serviceCont .stepLst li a.step01 {background-position:50% 0; border:none;}
.serviceCont .stepLst li a.step02 {background-position:50% -100px;}
.serviceCont .stepLst li a.step03 {background-position:50% -200px;}
.serviceCont .jisuMsg {font-size:9px; text-align:center; vertical-align:top;}

.infoLst li dt {font-size:11px; color:#333; margin-bottom:0px; height:18px; line-height:18px;}
.timeInfo li dt {height:28px; line-height:1.2;}
.timeInfo dt > span.dateInfo {display:block;}
.infoLst .fluctuation {font-size:10px;}
.infoLst .fluctuation > strong {display:block; font-size:16px;}
.infoLst .fluctuation > span {display:inline-block; margin-right:5px;}

.recomm .btn_area {vertical-align:top;}
.recomm .btn_area a {display:inline-block; width:11px; height:24px; background:url(/mbw/images/layout/ico_arrow.png) no-repeat; background-size:150px auto; margin:0 15px; vertical-align:top;}
.recomm .btn_area a.btn_prev {background-position:2px -64px;}
.recomm .btn_area a.btn_next {background-position:2px -104px;}

#recommStock, #recommFund { height:150px; margin:0 auto; position:relative; overflow:hidden; }
.recommSlide .infoLst { width:100%;}
.recommSlide .infoLst li dt {margin-bottom:2px;}
.recommSlide .infoLst { width:99999px; height:132px; position:absolute; top:0; left:0; overflow:hidden; }
.recommSlide .infoLst > li {float:left; width:50%; height:132px;}
.recommSlide .infoLst > li:nth-child(odd) {border:none;}
.recommSlide .infoLst > li > a+a {margin-top:10px;}
.recommSlide .infoLst > li .fluctuation {margin-top:7px; font-size:11px;}
.recommSlide .infoLst > li .fluctuation > strong {display:block; font-size:20px; height:22px; line-height:22px;}

.recommSlide.prdLstWrap {background:#fff;}
.recommSlide.prdLstWrap .prdDefin {margin:0 5px;}
.recommSlide.prdLstWrap .prdDefin:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
.recommSlide .prdLst > li .prdDefin > dd {margin-top:14px;}
.recommSlide.prdLstWrap .detailDefin dt {display:block; float:none; width:100%; padding:0; font-size:10px; color:#777; text-align:center;}
.recommSlide.prdLstWrap .detailDefin dd {margin-bottom:0; text-align:center; font-size:11px; text-align:center; color:#333;}
.recommSlide.prdLstWrap .detailDefin dd strong {display:block; line-height:14px}
.recommSlide.prdLstWrap .detailDefin dd.price {color:#d60000; margin:9px 0 0;}
.recommSlide.prdLstWrap .detailDefin dd.price strong {font-size:16px; margin-bottom:6px}
.recommSlide .prdLst > li {margin-top:0;}
.recommSlide .prdLst > li .prdDefin dt {height:inherit; line-height:inherit;}
.recommSlide .prdLst > li .prdDefin dt strong {display:block; height:52px; font-size:13px; text-align:left;}
.recommSlide .split_cols ul > li {border:none; float:right;}
.recommSlide .split_cols ul > li:first-child, .recommSlide .split_cols ul > li:last-child {border:none;}
.recommSlide .split_cols.col2 ul > li:first-child {float:left;}

.serviceCont .hotLst {}
.serviceCont .hotLst li {margin-top:5px;}
.serviceCont .hotLst li:first-child {margin-top:0;}
.serviceCont .hotLst li > a {display:inline-block; background:url(/mbw/images/common/ico_lstDotBlue.png) no-repeat; background-size:3px auto; background-position:0 50%; padding-left:10px; color:#333; font-size:12px;}
.serviceCont .hotLst li:first-child a {background:none; padding-left:0;}
.serviceCont .hotLst li > a > strong {display:block; margin-top:10px;font-size:14px;}

.content01 {position:relative; height:445px; overflow:hidden;}
.content01 .serviceWrap {position:absolute; bottom:0; left:50%; margin-left:-45%; width:90%; height:290px; background:#fff; border-radius:15px 15px 0 0; box-shadow:0px 15px 25px #666;}
.content01 .serviceWrap .btn_mpop_quickLnk {display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-50%; background:#002d55 url(/mbw/images/layout/btn_mpop_quicklnk_new.png) 50% 50% no-repeat; width:100%; height:37.5px; background-size:116.75px 20.75px;}

/* .content02 {position:relative; margin-top:62.5px;}
.content02 .eveImg {position:absolute; top:0; left:0; height:150px; z-index:1;}
.content02 .bbsWrap {position:relative; width:84%; margin:0 auto; padding-bottom:50px; border-left:1px #0078c8 solid; z-index:2;}
.content02 .bbsWrap .tit {margin-left:19px; font-size:16px; color:#0078c8; height:25px; line-height:25px;}
.content02 .bbsWrap .tit:before {content:''; display:inline-block; background:url(/mbw/images/layout/img_mCont.png) 0 0 no-repeat; background-size:25px 75px; width:33px; height:25px; margin-left:-33px; vertical-align:top;}*/
/* .content02 .bbsWrap .eveWrap {position:relative; padding-top:135px;}*/
/*.content02 .bbsWrap .eveWrap {position:relative; padding-top:52%;}
.content02 .bbsWrap .eveWrap .tit {position:absolute; top:-13px; left:0; }
.content02 .bbsWrap .eveWrap .tit:before {background-position:0 0;}
.content02 .bbsWrap ul {margin-left:19px}
.content02 .bbsWrap ul.lst li {margin-top:20px; padding:0 15px;  border:none;}
.content02 .bbsWrap ul.lst li:first-child {margin-top:0;}
.content02 .bbsWrap ul.lst li a {color:#333; font-size:14px;}
.content02 .bbsWrap .eveWrap ul.lst li:nth-child(2) {margin-top:25px;}
.content02 .bbsWrap .eveWrap ul.lst li:first-child a {color:#010101; font-size:20px;}*/

.content02 {position:relative; /*margin-top:30px;*/}
.content02 .eveImg {position:absolute; top:50px; left:0; height:150px; z-index:1;}
.content02 .eveImg a{display:block;}
/*.content02 .bbsWrap {position:relative; width:84%; margin:0 auto; padding:30px 0 45px; border-left:1px #0078c8 solid; z-index:2;}*/
.content02 .bbsWrap {position:relative; width:84%; margin:0 auto; padding:30px 0 45px;}
/* .content02 .bbsWrap:after{content:''; position:absolute; top:0px; left:0px; height:100%; border-left:1px #0078c8 solid;  z-index:2;} */
.content02 .bbsWrap .btn_more{position:absolute; top:0; right:0; background:url(/mbw/images/layout/ico_more.png) 100% 50% no-repeat; background-size:13px 13px; width:25px; height:25px;}
.content02 .bbsWrap .eveWrap .btn_more{top:-13px}
.content02 .bbsWrap .tit {margin-left:19px; font-size:16px; color:#0078c8; height:25px; line-height:25px; z-index:4}
.content02 .bbsWrap .tit:before {position:relative;z-index:3;content:''; display:inline-block; background:url(/mbw/images/layout/img_mCont.png) 0 0 no-repeat; background-size:25px 75px; width:33px; height:25px; margin-left:-33px; vertical-align:top;}
/* .content02 .bbsWrap .eveWrap {position:relative; padding-top:135px;}*/
.content02 .bbsWrap .eveWrap {position:relative; padding-top:58%;}
.content02 .bbsWrap .eveWrap .tit {position:absolute; top:-13px; left:0; z-index:4}
.content02 .bbsWrap .eveWrap .tit:before {background-position:0 0;}
.content02 .bbsWrap ul {margin-left:19px}
.content02 .bbsWrap ul.lst li {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;background:url(/mbw/images/common/ico_lstDotBlue.png) 0 8px no-repeat; background-size:3px auto; margin-top:10px; padding:0 0 0 10px; border:none;}
.content02 .bbsWrap ul.lst li:first-child {margin-top:0;}
/*.content02 .bbsWrap ul.lst li a {color:#333; font-size:15px; line-height:19px; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-wrap:break-word; overflow:hidden}*/
.content02 .bbsWrap ul.lst li a {color:#333; font-size:15px; line-height:19px; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}
.content02 .bbsWrap .eveWrap ul.lst li:nth-child(2) {margin-top:15px;}
.content02 .bbsWrap .eveWrap ul.lst li:first-child {background:none; padding-left:0;}
.content02 .bbsWrap .eveWrap ul.lst li:first-child a {color:#010101; font-size:24px; display:block; line-height:28px; white-space:inherit}

.content02 .bbsWrap .noticeWrap {margin-top:30px; position:relative; background-color:#fff; padding:0}
.content02 .bbsWrap .noticeWrap .tit:before {background-position:0 -50px;}
.content02 .bbsWrap .noticeWrap .tit.mbbs01 {position:absolute; top:-13px; left:0; }
.content02 .bbsWrap .noticeWrap .tit.mbbs01:before {background-position:0 -50px;}
.content02 .bbsWrap .noticeWrap ul.lst li:first-child {margin-top:15px;}

footer {background:#3c3e43; padding:29px 0 30px !important; text-align:center;}
.footerWrap {width:100%; margin:0 auto;}
.footerWrap  a{color:#fff; vertical-align:top;}
.footerWrap .utilMenu {margin-bottom:24px;}
.footerWrap .utilMenu a {display:inline-block; height:22px; font-size:14px; margin-left:10px; line-height:20px; letter-spacing:-1px}
.footerWrap .utilMenu a:first-child {margin:0;}
.footerWrap .utilMenu a:before {content:' '; opacity:1; position:inherit; vertical-align:middle; display:inline-block; background:url(/mbw/images/layout/img_footer.png) 0 0 no-repeat; background-size:40px auto; height:22px; margin:0px; width:22px;}
.footerWrap .utilMenu a:first-child:before,
.footerWrap .utilMenu a.login:before {background-position:0 0;}
.footerWrap .utilMenu a.logout:before {background-position:-25px 0;}
.footerWrap .utilMenu a:nth-child(2):before {background-position:0 -49px;}
/* .footerWrap .utilMenu a:nth-child(3):before {background-position:0 -100px;} */
.footerWrap .utilMenu a:nth-child(3):before {background-position:0 -150px;}

.footerWrap .ftMenu {margin-bottom:5px;}
.footerWrap .ftMenu a {vertical-align:top; color:#acb5b9; display:inline-block; font-size:13px; line-height:12px; margin:0 0 15px 0; padding:0; letter-spacing:-1px;}
.footerWrap .ftMenu a:last-child {background:none; padding-right:0;}
.footerWrap .ftMenu a:before{content:"|";vertical-align:top;display:inline-block;color:#636569;font-size:10px;margin:0 8px 0 4px;opacity:1;position:inherit;}
.footerWrap .ftMenu a:first-child:before, .footerWrap .ftMenu a.noLine:before{display:none}
.footerWrap .ftMenu a:nth-child(6){}

.footerWrap .ftMenu a.link2{color:#e4e4e4}

.footerWrap .ftTel {margin-bottom:20px;}
.footerWrap .ftTel li {display:inline-block; color:#fff; font-size:12px;line-height:14px;}
.footerWrap .ftTel li tel {display:inline-block; margin-left:5px;}
.footerWrap .ftTel li:first-child {margin-right:7px;}

.footerWrap .ftCopy {color:#fff; font-size:11px; text-align:center;}
.footerWrap .ftCopy > span {position:relative; display:inline-block; margin-right:50px; color:#acb5b9; z-index:1;}
.footerWrap .ftCopy > span > a {display:inline-block; position:absolute; top:50%; margin-top:-12px; right:-50px; background:url(/mbw/images/layout/img_footer.png) 0 -172.5px no-repeat; background-size:40px 200px; width:37px; height:24px; z-index:1;}

.footerWrap .ftLogo{display:block;margin-top:30px;}
.footerWrap .ftLogo:before{content:"";vertical-align:top;display:inline-block;opacity:1;position:inherit;width:84px;height:29px;background:url(/mbw/images/layout/img_footer_logo.png) 0 0 no-repeat;background-size:84px 29px}


/* COMMON */
.tabCont {display:none;}
.tabCont.on {display:block;}

/* 새창 */
#header.newPage {}
#header.newPage:before {position:fixed; top:0px; left:0px; z-index:30; width:34px; height:39px; background:url(/mbw/images/trading/newpage_bg.jpg) no-repeat 0 0; background-size:34px auto; content:""; }
#header.newPage h1.tit.h2depth {text-align:left; padding-left:0px;}
#header.newPage .h2depth {left:15%;}
#header.newPage .paging_close {position:absolute; top:0px; right:0; width:50px; height:50px;  background:url(/mbw/images/common/paging_close.png) no-repeat 20px 18px; background-size:13px auto;}
#header.newPage #headerWrap {border-bottom:1px solid #0070ba}

/* 개인정보보호정책 */
.policyRulesWrap {margin-bottom:50px;}
.policyRulesWrap .slideUpDnWrap > dl dt > a {font-size:12px; padding-right:30px; letter-spacing:-1px;}
.policyRulesHead {padding:15px;}
.policyRulesHead > h1.tit {margin-bottom:20px; font-size:15px; color:#0078c8; line-height:1.4;}
.policyRulesHead > p.txt {margin-bottom:15px; color:#333;}
.policyRulesHead > p.txt.pointGy {color:#777;}
.policyRulesHead > :last-child {margin-bottom:0;}

.policyRulesDesc{font-size:12px;line-height:1.25;}
.policyRulesDesc>em{font-size:14px;display:block;color:inherit;margin-bottom:14px}
.policyRulesDesc h3{font-size:14px;margin-top:14px}
.policyRulesDesc p{margin-top:6px}
.policyRulesDesc ol{list-style-type: decimal;margin:1em 0 0 1em}
.policyRulesDesc ul.type2{list-style-type:none;margin-left:0}
.policyRulesDesc ul{list-style-type: disc;margin:1em 0 0 1em}
.policyRulesDesc li{margin:0.5em 0 0 1em}
.policyRulesDesc-btm{font-size:12px;padding:20px 10px 0}
.policyRulesDesc > a.lnkLpop {display:block; margin-top:15px;}

/* 마케팅팝업 */
.marketingEveWrap > dt {margin-bottom:15px;}
.marketingEveWrap > dt > strong {display:block; margin-bottom:5px; color:#333; font-size:18px;}
.marketingEveWrap > dt > strong > b {color:#0078c8;}
.marketingEveWrap > dd > img+.txt {margin:5px 0 0; color:#000;}

.timeOutSetWrap {position:relative; margin:0 15px 15px; font-size:12px; color:#666; text-align:right;}
.timeOutSetWrap > span {position:absolute; top:0; left:0; display:inline-block; color:#333; line-height:13px; vertical-align:middle;}
.timeOutSetWrap label + input[type=radio], .timeOutSetWrap label + input[type=checkbox] {margin-left:15px;}

.headBannerWrap {position:fixed; top:0; left:0; z-index:25; height:67px; overflow:hidden; background-color:#004072} /* 배너 컬러 변경시 같이 변경해 주세요. */
/* .headBannerWrap.pFixed {position:fixed; top:0; left:0;}*/
.headBannerWrap > .banner_close {position:absolute; top:0; right:0; margin:0; display:inline-block; background:url(/mbw/images/common/paging_close.png) 65% 28px no-repeat; background-size:13px auto; height:67px; width:60px; opacity:0.6; z-index:1;}

/*app download*/
.appDownladArea{display:block;padding-top:10px}
.appDownladArea:after {content:'　'; display:block; clear:both; visibility:hidden;}
.appDownladArea>li{margin:0 auto;width:50%;float:initial;text-align:center}
.appDownladArea>li:before{content:"";margin:0 auto;width:64px;height:64px;display:block;background:url(/mbw/images/layout/icon_app_download.png) no-repeat; background-size:64px 140px;background-position-y:-75px;}
/* .appDownladArea>li:nth-child(2):before{background-position-y:-75px;} */
.appDownladArea>li>p{display:block;padding-top:5px;font-size:12px;color:#666;line-height:20px;}
.appDownladArea>li>p>strong{display:block;color:#000}
.appDownladArea>li .btnWrap{display:inline-block;float:initial;margin:10px auto 0;}
.appDownladArea>li .btnWrap a.blue{min-width:67px;width:auto;}

/****************************************************************************************
 Media Query Galsxy5:w360, iPhone6:w375, iPhone6 PLUS:w414
*****************************************************************************************/
@media only screen and (min-device-width:320px) and (max-device-width:360px) {
	/*.subWrap #headerWrap .h2depth dt > a{font-size:14px;}*/
	.appDownladArea>li>p{font-size:11px}
	.footerWrap .utilMenu a{font-size:13px;}
	.footerWrap .ftMenu a{font-size:12px;}
}

@media only screen and (min-device-width:360px) and (max-device-width:414px) {
	.content01, .sliderWrap, #mainSlider01, #mainSlider01 ul {height:490px}
	.appDownladArea>li>p{}
	
}

@media only screen and (min-device-width:420px) and (max-device-width:600px) {
	.content01, .sliderWrap, #mainSlider01, #mainSlider01 ul {height:590px}
	.content01 .serviceWrap{height:320px;}
	.serviceCont > dt{margin-bottom:15px}
	.serviceCont .jisuMsg{display:block;margin-top:14px}
	.serviceCont .hotLst li a p{display:block;height:110px}
}