@charset "utf-8";

/* layout */
.wrapper {display:block; position:relative; width:100%; height:100%;}
.container {display:block; position:relative; min-height:100%;}

/* num */
/* .robo-l, .robo-l *, .robo-l *:before {font-family:"RobotoLight" !important;}
.robo-r, .robo-r *, .robo-r *:before {font-family:"RobotoRegular" !important;}
.robo-m, .robo-m *, .robo-m *:before {font-family:"RobotoMedium" !important;} */

 .font-regular{font-family:'NotoSansRegular'}

/* inner */
.inner {display:block; position:relative; padding-left:10px; padding-right:10px;}
.inner02 {display:block; position:relative; padding-left:22px; padding-right:22px;}
.inner02.bg-f5 {padding:32px 22px; border-radius:4px;}
.inner02.bg-f5 .title14 + .text-small, #divRisk .inner02.bg-f5>p {margin-top:4px; color:#9e9e9e;}
#divRisk .inner02.bg-f5>p {font-size:13px}
.inner02.bg-f5>p>strong{font-size:14px;color:#212121;margin-bottom:4px;display: block;}
.inner02.bg-f5 .text-small + .title14, #divRisk .inner02.bg-f5>p~p {margin-top:24px;}
.title16 + .inner02.bg-f5 {margin-top:16px;}
.video-wrap + .inner02 {margin-top:32px;}
.inner03 {display:block; position:relative; padding-left:32px; padding-right:32px;}

/* section */
.section {display:block; position:relative; padding-top:32px; padding-bottom:48px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.section-wrap {display:block; position:relative; padding:32px 32px 48px;}
.section-header {display:block; position:relative;}
.section-body {display:block; position:relative; }
.section-header + .section-body {margin-top:16px;}
.section-temp {display:block; position:relative; margin-top:12px; text-align:center;}
.title24 + .section-temp.w180 {margin-top:48px;}
.text-mid + .section-temp.w180 {margin-top:48px;}
.section-temp img {max-width:100%;}
.section-temp.w180 img {max-width:180px;}
.wrapper.tr01-001w .section-wrap{padding-top:8px}

/* text-set */
.text-set {display:block; position:relative; overflow:hidden;}
.section .text-set {height:24px; padding:0 22px;}
.left-set {float:left; display:block; position:relative; vertical-align:top;}
.right-set {float:right; display:block; position:relative; vertical-align:top;}

.ico-text {display:block; position:relative; overflow:hidden; font-size:13px; color:#888; line-height:28px;}
.text-mid + .ico-text {margin-top:24px;}
.text-big + .ico-text {margin-top:24px;}
.outer-x22 + .ico-text {margin-top:24px;}
.ico-text .text-wrap {display:inline-block;}
.ico-text i {display:inline-block; margin-right:6px; vertical-align:bottom;}
.ico-text i img {width:28px; height:28px; border-radius:100%;}
.ico-text .name {color:#212121;}
.ico-text .btn-underline {float:right; /* padding-right:34px; */ line-height:28px; /* background:url('/mba/images/product/ico_arr_bottom02.png') no-repeat 100% 50%; background-size:24px; */}
/* .ico-text .btn-underline.active {background:url('/mba/images/product/ico_arr_top02.png') no-repeat 100% 50%; background-size:24px;} */

.ico-text02 {display:block; position:relative; padding-left:52px;}
.ico-text02 i {display:block; position:absolute; top:0; left:0;}
.ico-text02 i img {width:40px; height:40px; border-radius:100%;}
.ico-text02 dl {display:block; position:relative;}
.ico-text02 dl .text-info {color:#888;}

.ico-text.on + .intro-wrap {display:block;}
.ico-text .btn-intro {font-weight:normal;}

/* 상담채팅 플로팅 아이콘 */
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1 );
  }
   60% {
    opacity: 1;
    transform: scale3d(.2, .2, .2) translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}


@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

#footer_top {position:fixed;bottom:29.5px;right:16px;padding:0; text-indent:-99999px;z-index:29; display:none; width:56px; height:56px; background:url(/mba/images/customer/btn_floating_top.png) 0 0 no-repeat; background-size:56px auto;}
#footer_top.left{right:inherit;left:16px;}
#footer_chat.left{right:inherit;left:6.5px;}
#footer_chat.left  .chat-info{left:14px}

#footer_chat {position:fixed;bottom:20px;right:6.5px;padding:0; z-index:29; display:none; }
#footer_chat .chat-close{display:block;font-size:0; text-indent:-9999px; width:75px; height:75px; background:url(/mba/images/customer/btn_floating_consultant.png) 0 0 no-repeat; background-size:75px auto;}
#footer_chat.active .chat-info{display:block;}
#footer_chat.active .chat-close{display:none}
#footer_chat .chat-info{display:none;position:fixed;bottom:20px;right:14px;width:90%;height:84px;border:2px solid #286ef0;background-color:#fff;animation-duration:0.2s;border-radius:45px;/* box-shadow:0px 6px 8px #bbb; */box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#footer_chat .chat-info > .txt-chat{display:block; text-align:center; margin-top:18px; font-size:12px; color:#286ef0}
#footer_chat .chat-info > .chat-link{display:table; text-align:center; margin:12px auto 0; width:80% }
#footer_chat .chat-info > .chat-link>span{display:table-cell;width:50%;}
#footer_chat .chat-info > .chat-link>span>a{font-size:12px;color:#212121;}
#footer_chat .chat-info > .chat-link>span:before{content:''; display:inline-block; width:24px; height:24px; margin-right:5px; vertical-align:middle; background:url(/mba/images/customer/icon_floating_chat.png) 0 0 no-repeat;background-size:24px;}
#footer_chat .chat-info > .chat-link>span:first-child:before{background:url(/mba/images/customer/icon_floating_call.png) 0 0 no-repeat;background-size:24px; }
/* #footer_chat .chat-info > .chat-link>span:first-child:after{content:''; display:inline-block;width:1px;height:14px; background:#eee;float:right;margin-top:5px;} */

/* intro-wrap */
.intro-wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:#fff; z-index:10;}
.intro-header {display:block; position:relative; padding:18px 32px;}
.intro-header .title16 {font-family:"NotoSansMedium";}
.intro-body {display:block; position:relative; overflow-y:scroll; height:calc(100% - 60px); padding:32px;}
.intro-wrap .intro-close {display:block; position:absolute; top:14px; right:24px; width:24px; height:24px; background:url('/mba/images/product/btn_exit.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}

/* synop-box */
.synop-box {display:block; position:relative; padding:32px; border-bottom:6px solid #eee;}
.synop-header {display:block; position:relative;}
.synop-header .name {display:block;font-size:12px;}
.synop-header .name.report{color:#3F9669}
.synop-header .name.mk{color:#0097ee}
.synop-header .name+.title{margin-top:8px}
.synop-header .title {display:block; position:relative; width:calc(100% - 30px); font-family:"NotoSansBold"; font-size:24px; color:#212121; line-height:32px; word-break:break-all}
.synop-header .title:after {content:''; display:inline-block; clear:both; width:10px; height:10px; margin:0 0 -2px 2px; background-position: 0 bottom; background-repeat:no-repeat; background-size:10px;}
.synop-header .title.up:after {background-image:url('/mba/images/product/ico_up_red.png')}
.synop-header .title.down:after {background-image:url('/mba/images/product/ico_down_blue.png')}
.synop-header .info {display:block; position:relative; margin-top:8px; font-size:13px; color:#616161; line-height:20px;}
.synop-header .btn-share {position:absolute; top:4px; right:0;}
.top-temp {display:block; position:relative;}
.top-temp .text-small {display:block; position:relative;}
.top-temp .top-title {display:block; position:relative; margin-top:8px; font-family:"NotoSansBold"; font-size:24px; line-height:32px;}
.top-temp .temp {display:block; position:relative; margin-top:64px; text-align:center;}
.top-temp .temp img {max-width:100%;}
.synop-body {display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; position:relative; width:100%; padding:20px 0 0;}
.synop-header + .synop-body {margin-top:40px; border-top:1px solid #eee;}
.top-temp + .synop-body {margin-top:48px; padding-top:0;}
.synop-body .item {vertical-align:top; -webkit-box-flex:1;-ms-flex:1;flex:1;}
.pd01-201w .synop-body .item, .synop-body .item .val .num{font-size:19px !important}
.pd01-201w .synop-body .item:nth-child(3) .val{margin-top:20px}
.pd01-201w .synop-body .item:nth-child(3){margin-left:5px}
.pd01-201w .synop-body .item .val{font-size:17px;}
.synop-body .item .title {display:block; font-size:12px; color:#888; line-height:18px;}
.synop-body .item .val {display:block; margin-top:2px; font-family:"NotoSansBold"; font-size:17px; color:#212121; line-height:30px;}
.synop-body .item .val.up {color:#ff4058;}
.synop-body .item .val.down {color:#286ef1;}
.synop-body .item .val .num {font-size:22px; letter-spacing:-1px; }
/* .synop-body .item .val.up .num:before {content:'+'; display:inline-block; clear:both;}
.synop-body .item .val.down .num:before {content:'-'; display:inline-block; clear:both;} */
.synop-body .item .val .info {margin-left:2px; font-size:12px; color:#888; line-height:18px;}
.synop-body .item .set {display:block; font-size:12px; color:#888; line-height:18px;}
.synop-body .item .val + .set {margin-top:4px;}

.synop-body .temp img {width:100%;}
.synop-body .temp + .check-wrap {margin-top:32px;}
.synop-body .check-wrap .radio-type {width:100%; padding-left:32px;}
.synop-body .check-wrap .radio-type + .radio-type {margin-top:16px; margin-left:0;}
/* 펀드 상세 기준일 추가 */
.synop-box .start-data{display:block;margin-top:8px;text-align:right;font-size:12px;}

.synop-box.event-type {padding:32px 0 24px;}
.synop-box.event-type .synop-header {padding:0 32px;}
.synop-box.event-type .synop-header .title {font-size:16px; line-height:24px;}
.synop-box.event-type .synop-header .btn-share {top:0; right:32px;}
.synop-box.event-type .synop-header .badge {display:inline-block; margin-left:8px; padding:2px 8px; border:1px solid #ff392a; color:#ff392a; border-radius:4px; font-size:11px; font-family:"NotoSansBold"; color:#286ef1; line-height:15px;}
.synop-box.event-type .synop-header .badge.new {border:1px solid #286ef1; color:#286ef1;}
.synop-box.event-type .synop-header .badge.end {color:#ff392a;}
.synop-box.event-type .synop-body {padding-top:24px;}
.synop-box.event-type .synop-header + .synop-body {margin-top:24px;}
.synop-box.event-type .swiper-slide, 
.synop-box.event-type .swiper-container {border-radius:0;}
.synop-box.event-type .swiper-slide .temp {position:relative; width:100%;}
.synop-box.event-type .swiper-slide .temp img {display:block; border-radius:0;}
.synop-box.event-type .swiper-slide .info {padding:16px 22px; background-color:#686868; text-align:left; color:#fff; line-height:20px;}
.synop-box.event-type .swiper-slide .info .title,
.synop-box.event-type .swiper-slide .info .date {display:block; overflow:hidden; height:20px; font-size:13px; text-overflow:ellipsis;}
.synop-box.event-type .swiper-button-prev {margin-top:-36px;}
.synop-box.event-type .swiper-button-next {margin-top:-36px;}
.synop-box.event-type .swiper-pagination {bottom:96px;}
.synop-box.event-type .swiper-pagination-bullet {background-color:rgba(255, 255, 255, 0.4);}
.synop-box.event-type .swiper-pagination-bullet-active {background-color:rgba(255, 255, 255, 1);}

.synop-box.event-type .synop-body .inner img{width:100%}

/*채권*/
.pd01-301w .synop-body .item .val{font-size:17px}
.pd01-301w .synop-body .item:nth-child(1){min-width:max-content;padding-right:5px}
.pd01-301w .synop-body .item:nth-child(4){min-width:max-content}

/* cs06_011n */
.cs06-011n .bg-box02 .title16 {position:relative; z-index:1;}

/* bg-box */
.bg-box {display:block; position:relative; height:210px; padding:32px;}
.bg-box.bg01 {background:url('/mba/images/temp/temp_sum.png') no-repeat 100% 0; background-size:auto 210px;}
.bg-box.bg02 {background:url('/mba/images/temp/temp_star.png') no-repeat 100% 0; background-size:auto 210px;}
.bg-box.bg03 {background:url('/mba/images/temp/temp_sum.png') no-repeat 100% 0; background-size:auto 210px;}
.bg-box .title18 {width:170px;}

.bg-box02 {display:block; position:relative; height:120px; padding:24px 22px; border-radius:4px; background-color:rgba(238,239,242,0.8);}
.bg-box02:after {content:''; display:block; position:absolute; right:22px; top:50%; width:64px; height:64px; margin-top:-32px; background:url('/mba/images/customer/ico_chat.png') no-repeat 100% 50%; background-size:64px;}

/* card-box */
.card-box {display:block; position:relative; padding-left:120px;}
.card-box + .card-box {margin-top:32px;}
.text-small + .card-box {margin-top:48px;}
.card-box img {display:block; position:absolute; top:0; left:0; width:96px; height:68px;}
.card-box .title14 + .bul-list {margin-top:8px;}

/* product-box */
.product-box {display:block; position:relative; border-radius:4px; box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.18);}
.section-wrap .product-box {margin:0 -22px;}
.title18 + .product-box {margin-top:24px;}
.title16 + .product-box {margin-top:16px;}
.total-prod + .product-box {margin-top:12px;}
.total-prod + .product-box-wrap {margin-top:12px;}
.product-box + .product-box {margin-top:8px;}
.btn-box + .product-box {margin-top:8px;}
/* .trend-box + .product-box {margin-top:24px;} */
.product-box .btn-product {display:block; position:relative; padding:24px 22px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.product-box .product-body {display:block; position:relative;}
.product-box .product-body .title {display:block; position:relative; padding-right:48px; font-family:"NotoSansBold"; font-size:16px; color:#212121; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-box .product-body .info {display:block; position:relative; margin-top:4px; padding-right:48px; font-size:14px; color:#616161; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-box .product-body .list {display:block; position:relative; font-size:0;}
.product-box .product-body .list .item {display:inline-block; position:relative; margin-top:2px; margin-right:5px; font-size:12px; color:#888; line-height:20px;}
.product-box .product-body .list.tag .item {padding:0; color:#bbb;}
.product-box .product-body .list.line .item {padding:0 6px 0 0;}
.product-box .product-body .list.line .item:after {content:''; display:inline-block; clear:both; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background-color:#ddd;}
.product-box .product-body .list.line .item:last-child:after {display:none;}
.product-box .product-footer {display:block; position:relative; margin-top:10px; text-align:right;}
.product-box .product-footer:after {content:""; display:block; clear:both;}
.product-box .product-footer .els-set {display:block; float:right; position:relative; font-size:12px; color:#888; line-height:18px;}
.product-box .product-footer .els-set+.els-set{margin-right:8px}
.product-box .product-footer .els-set .val{font-size:25px} 
.product-box .product-footer .set {display:block; position:relative; font-size:12px; color:#888; line-height:18px;}
.product-box .product-footer .val {display:block; position:relative; padding-top:18px; font-size:27px; color:#212121; line-height:38px;}
.product-box .product-footer .set + .val {padding-top:0;}
.product-box .product-footer .val.up {color:#ff4058;}
.product-box .product-footer .val.down {color:#286ef1;}
.product-box .product-footer .val .num {display:inline-block; position:relative;}
/* .product-box .product-footer .val.up .num:before {content:'+'; display:inline-block; clear:both;}
.product-box .product-footer .val.down .num:before {content:'-'; display:inline-block; clear:both;} */
.product-box .link {display:block; position:absolute; bottom:24px; left:22px; padding:8px 0; font-size:12px; color:#888;}
.product-box .link span {line-height:18px; text-decoration:underline;}
.product-box .btn-heart {display:block; position:absolute; top:24px; right:22px; width:24px; height:24px; font-size:0; text-indent:-9999px; background:url('/mba/images/product/ico_heart_off.png') center center no-repeat; background-size:24px; animation-duration:1.1s;}
.product-box .btn-heart.active {background:url('/mba/images/product/ico_heart_on.png') no-repeat 50% 50%; background-size:24px; animation-duration:1.1s; animation-name:heartOn;}

/* 소수점 테마 */
.product-box.demi .btn-product{padding:28px;min-height:150px}
.product-box.demi .product-body .title, .product-box.demi .product-body .info, .product-box.demi .product-body .list {padding-right:74px}
.product-box.demi .product-body .info{margin-top:8px;display:-webkit-box; position:relative; overflow:hidden; max-height:64px; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;white-space:normal}
.product-box.demi .product-body .list {margin-top:5px}
.product-box.demi .temp{display:block;width:56px;height:56px;border-radius:8px;overflow:hidden;position:absolute;top:66px;right:22px;background-size:100%;}

.demi-box{padding:26px 5px 12px}
.demi-box .swiper-container{padding-bottom:24px;}
.demi-box .swiper-button-next{right:-0px;background:url('/mba/images/product/ico_arr_right05.png') no-repeat 50% 50%; background-size:40px;}
.demi-box .swiper-button-prev{left:-0px;background:url('/mba/images/product/ico_arr_left05.png') no-repeat 50% 50%; background-size:40px;}
.demi-box .swiper-container .swiper-pagination{bottom:8px}
.demi-box .swiper-container .swiper-pagination .swiper-pagination-bullet {background-color:#eee;opacity:1}
.demi-box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#888;}

@keyframes heartOn {
	0% {width:24px; height:24px; background-size:24px;}
	8% {width:12px; height:12px; margin:6px; background-size:12px;}
	25% {width:36px; height:36px; margin:-6px; background-size:36px;}
	55% {width:18px; height:18px; margin:2px; background-size:18px;}
	75% {width:24px; height:24px; margin:0; background-size:24px;}
	100% {width:24px; height:24px; margin:0; background-size:24px;}
}

@keyframes heartOff {
	0% {width:24px; height:24px; background-size:24px;}
	8% {width:12px; height:12px; margin:6px; background-size:12px;}
	25% {width:36px; height:36px; margin:-6px; background-size:36px;}
	55% {width:18px; height:18px; margin:2px; background-size:18px;}
	75% {width:24px; height:24px; margin:0; background-size:24px;}
	100% {width:24px; height:24px; margin:0; background-size:24px;}
}

/* .product-box .btn-heart:after {content:''; display:block; position:absolute; top:0; left:0; clear:both; width:24px; height:24px; opacity:1;}
.product-box .btn-heart.active:after {top:-100px; background:url('/mba/images/product/ico_heart_on.png') no-repeat 50% 50%; background-size:24px; transition:all 1s ease; opacity:0;}
 */
 
 
/* qna-list */
/* pd03_006w_t bk 
.qna-list {display:block; position:relative;}
.qna-list li {display:block; position:relative;}
.qna-list li + li {margin-top:48px;} */

/* total-prod */
.total-prod {font-family:"NotoSansBold"; font-size:16px; color:#212121;}
.title18 + .total-prod {margin-top:48px;}

.qna-box {padding:32px 22px; border:1px solid #eee; border-radius:4px;}
.qna-box .title14 {display:inline-block; line-height:20px;}
.qna-box .title14:before {content:''; display:inline-block; width:20px; height:20px; margin-right:4px; background:url('/mba/images/product/ico_qna.png') 0 0 no-repeat; background-size:20px; vertical-align:top;}
.qna-box .title14 + .text-small {margin-top:10px; color:#888;font-family:"NotoSansRegular"}
.qna-box .qna-list + .qna-list {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.qna-wrap + .btn-wrap {margin-top:16px;}
.qna-wrap .qna-list:nth-child(n+4) {display:none;}
.qna-wrap.active .qna-list {display:block !important;} 
.qna-wrap.active + .btn-wrap {display:none;}

/* normal-box */
.normal-box {display:block; position:relative; padding:24px 22px; border-radius:4px; box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.18); font-weight:normal;}
.qna-list .normal-box {margin:0 -22px;}
.title16 + .normal-box {margin-top:16px;}
.normal-box .title14 + .text-small {margin-top:4px;}
.normal-box .text-small + .bul-list {margin-top:12px;}
.normal-box .bul-list + .btn-wrap {margin-top:32px;}

/* event-box */
.event-box {display:block; position:relative; border-radius:4px; box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.18);}
.event-box + .event-box {margin-top:16px;}
.text-set + .event-box {margin-top:16px;}
.event-box .temp {display:block; position:relative; overflow:hidden; width:100%; height:160px; border-radius:4px 4px 0 0; text-align:center;}
/* .event-box .temp:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4px 4px 0 0; background-color:rgba(0,0,0,0.4); z-index:1;} */
.event-box .temp img {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); min-width:100%; height:100%;}
.event-box .temp .badge {display:block; position:absolute; top:16px; left:22px; height:28px; padding:0 12px; border:1px solid #ff392a; border-radius:4px; background-color:#fff; font-size:12px; color:#ff392a; line-height:26px; z-index:2;}
.event-box .temp .badge.new { border:1px solid #286ef1; color:#286ef1;}
.event-box .info {display:block; position:relative; padding:16px 22px 20px 22px; border-radius:0 0 4px 4px;}
.event-box .info .title {display:block; position:relative; font-size:16px; line-height:24px; overflow:hidden; text-overflow:ellipsis; color:#212121; white-space:nowrap;}
.event-box .info .date {display:block; position:relative; margin-top:12px; font-size:13px; color:#616161; line-height:20px;}
.event-box .btn-wrap {position:absolute; bottom:16px; right:22px;}
.event-box .btn-wrap .btn-gray-small {display:block; position:relative; height:28px; padding:0 12px; border-radius:4px; background-color:#eee; font-size:12px; color:#616161; line-height: 28px;}
.event-box .btn-event {display:block; position:relative;}

.event-box .btn-wrap .ico-end {display:none;}
.event-box.event-end .btn-event .badge {display:none;}
.event-box.event-end .btn-wrap .ico-end {display:block; height:28px; padding:0 12px; border-radius:4px; background-color:#212121; font-size:12px; color:#fff; line-height:28px;}

.event-box.event-end .btn-wrap .btn-gray-small {display:none;}

/* event-wrap */
.event-wrap {display:block; position:relative; padding-bottom:24px; border-bottom:1px solid #eee; text-align:center;}
.event-wrap .title18 {padding-top:68px; background:url('/mba/images/customer/giftbox_play.gif') no-repeat 50% 0; background-size:56px;}

/* event-list */
.event-list {display:block; position:relative;}
.event-item {display:block; position:relative; padding:24px 0 24px 48px; border-bottom:1px solid #eee;}
.event-item .ico {display:block; position:absolute; top:24px; left:0; width:36px; height:36px; background:url('/mba/images/customer/ico_event02.png') no-repeat 0 0; background-size:36px;}
.event-item .text-small {margin-top:4px; color:#888;}
.event-item .date {display:block; position:relative; margin-top:18px; font-size:0;}
.event-item .date dt {display:inline-block; font-size:14px; line-height:22px; width:20%; vertical-align:top}
.event-item .date dd + dt {margin-left:12px;}
.event-item .date dd {display:inline-block; margin-left:6px; font-size:14px; line-height:22px; width:75%; text-align:right}

/* event-save */
.event-save {display:block; position:relative; padding:0 22px;}
.event-save.hold {height:114px;}
.event-save .info {display:block; position:relative;}
.event-save .info .title {font-size:13p; color:#000; line-height:20px; opacity:0.6;}
.event-save .info .val {margin-top:4px; font-family:"NotoSansBold"; font-size:24px; line-height:28px;}
.event-save .btn-wrap {position:absolute; top:50%; right:22px; margin-top:-14px;}
.event-save .btn-wrap .btn-gray {height:28px; padding:0 12px; font-size:12px; line-height:28px;}
.event-save .date-wrap {display:block; position:relative; margin-top:12px; font-size:13p; color:#000; line-height:20px; opacity:0.6;}
.event-save .date-wrap .title {display:inline-block;}
.event-save .date-wrap .date {display:inline-block;}

/* reward-wrap */
.reward-wrap {display:block; position:relative; padding:0 10px 10px 10px; border-radius:4px; background-color:#312c6b; text-align:center;}
.event-save + .reward-wrap {margin-top:32px;}
.reward-wrap .title14 {padding:12px 0; color:#fff;}
.reward-box {display:block; position:relative; padding:24px 12px; border-radius:4px; background-color:#fff;}
.reward-list {display:table; position:relative; width:100%; margin-top:8px; text-align:center;}
.reward-list .item {display:table-cell; width:33.3333%; padding-top:68px; background:url('/mba/images/customer/ico_reward_off.png') no-repeat 50% 0; background-size:64px; font-size:13px; color:#888; line-height:20px;}
.reward-list .item.get {background:url('/mba/images/customer/ico_reward_on.png') no-repeat 50% 0; background-size:64px; color:#212121;}
.reward-list .item.over {background:url('/mba/images/customer/ico_reward_over.png') no-repeat 50% 0; background-size:64px;}
.reward-list + .title12 {margin-top:16px; padding-top:16px; border-top:1px dashed #ddd;}

.bonus-list {display:table; position:relative; width:100%; margin-top:8px; text-align:center;}
.reward-list + .bonus-list {margin-top:16px;}
.bonus-list .item {display:table-cell; width:33.3333%; padding-top:68px; background:url('/mba/images/customer/ico_bonus_off.png') no-repeat 50% 0; background-size:64px; font-size:13px; color:#888; line-height:20px;}
.bonus-list .item.get {background:url('/mba/images/customer/ico_bonus_on.png') no-repeat 50% 0; background-size:64px; color:#212121;}

.reward-wrap .btn-wrap {margin-top:16px;}
.reward-wrap .btn-wrap .btn-underline02 {background:url('/mba/images/product/ico_arr_right04_w.png') no-repeat 100% 50%; background-size:16px; color:#fff;}

/* reward-date */
.reward-date {display:block; position:relative; height:24px;}
.reward-date .text-mid {line-height:24px; text-align:center;}
.reward-date .reward-left {display:block; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/mba/images/product/ico_arr_left02.png') no-repeat 50% 50%; background-size:24px; text-indent:-9999px;}
.reward-date .reward-right {display:block; position:absolute; top:0; right:0; width:24px; height:24px; background:url('/mba/images/product/ico_arr_right02.png') no-repeat 50% 50%; background-size:24px; text-indent:-9999px;}

/* reward-con */
.reward-con {display:block; position:relative; margin-top:32px;}
.reward-con + .reward-con {margin-top:48px;}
.reward-con .reward-header {display:block; position:relative; padding-bottom:8px; border-bottom:1px solid #ddd;}
.reward-con .reward-header dl {display:table; width:100%; font-size:13px; color:#888; line-height:20px;}
.reward-con .reward-header dl dt {display:table-cell; vertical-align:top;}
.reward-con .reward-header dl dd {display:table-cell; text-align:right; vertical-align:top;}
.reward-con .reward-body {display:block; position:relative;}
.reward-con .reward-body dl {display:table; width:100%; margin-top:16px; font-size:14px; line-height:22px;}
.reward-con .reward-body dl + dl {margin-top:24px;}
.reward-con .reward-body dl dt {display:table-cell; vertical-align:top;}
.reward-con .reward-body dl dd {display:table-cell; width:104px; font-family:"NotoSansBold"; text-align:right; vertical-align:top;}
.reward-con .reward-body dl dd em {font-family:"NotoSansBold";}

.reward-text {display:block; position:relative; margin-top:48px; padding:24px 32px; border-top:1px solid #bbb;}
.reward-text .text-small {color:#bbb;}

/* sr-list */
.sr-list {display:block; position:relative; width:100%; padding:0 22px 14px;}
.sr-list .sr-item {display:block; position:relative; padding:16px 0;}
.sr-list .sr-item + .sr-item {border-top:1px dashed #ddd;}
.sr-list .sr-item dl {display:block; position:relative; font-size:0;}
.sr-list .sr-item dl dt {display:inline-block; width:55px; font-size:16px; line-height:88px; text-align:left; vertical-align:top;}
.sr-list .sr-item dl dd {display:inline-block; width:calc(100% - 55px); vertical-align:top;}

/* faq-wrap */
.faq-wrap {display:block; position:relative; margin-top:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.faq-list {display:block; position:relative;}
.faq-list .no-data {height:240px;}
.faq-list dt {display:block; position:relative;}
.faq-list dt .btn-q {display:block; position:relative; width:100%; padding:16px 43px 16px 19px; border-bottom:1px solid #eee; background:url('/mba/images/product/ico_arr_bottom02.png') no-repeat 100% 50%; background-size:24px; font-family:"NotoSansBold"; font-size:14px; line-height:22px; text-align:left;}
.faq-list dt .btn-q:before {content:'Q.'; display:block; position:absolute; top:16px; left:0; clear:both; font-family:'NotoSansRegular'}
.faq-list dt.active .btn-q {border-bottom:none; background:url('/mba/images/product/ico_arr_top02.png') no-repeat 100% 50%; background-size:24px;}
.faq-list dd {display:none; position:relative; padding-bottom:16px; font-size:12px; color:#888; line-height:18px; font-family:'NotoSansRegular'}
.faq-list .active + dd {display:block; border-bottom:1px solid #eee;}

.faq-list {display:block; position:relative;}
.faq-list li .btn-q {display:block; position:relative; width:100%; padding:16px 43px 16px 19px; border-bottom:1px solid #eee; background:url('/mba/images/product/ico_arr_right02.png') no-repeat 100% 50%; background-size:24px; font-family:"NotoSansBold"; font-size:14px; line-height:22px; text-align:left; color:#212121}
.faq-list li .btn-q:before {content:'Q.'; display:block; position:absolute; top:16px; left:0; clear:both; font-family:'NotoSansRegular'}

.faq-view {display:block; position:relative; border-bottom:1px solid #eee}
.faq-view .answer-q {display:block; position:relative; padding:0 32px 50px ; margin:0 32px; font-family:"NotoSansBold"; font-size:26px; line-height:36px; text-align:left; color:#212121}
.faq-view .answer-q:before {content:'Q.'; display:block; position:absolute; top:0px; left:0; clear:both; font-family:'NotoSansBold'; color:#286ef1; }

.faq-view .answer-a{display:block;padding:32px 0;color:#616161}
.faq-view .answer-a .title14{color:#212121}
.faq-view .answer-a .text-mid + .title14, 
.faq-view .answer-a .bul-list + .title14{margin-top:24px;}
.faq-view .answer-a .title14 + .bul-list{margin-top:6px;}
.faq-view .answer-a .title14 + .bul-list>li{color:#616161;font-size:13px;line-height:20px}

.file-upload{display:block;margin:48px 0 40px;}
.file-upload .file-box{margin-top:16px;}
.file-upload .file-box>a{font-size:12px; color:#616161;text-decoration:underline;display:-webkit-box; position:relative; overflow:hidden; max-height:20px; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;white-space:normal}
.file-upload .file-box>a:before{content:''; display:inline-block; background:url('/mba/images/product/ico_file.png') no-repeat 100% 50%; background-size:20px; width:20px; height:20px;vertical-align:middle}
.file-upload .file-box>a.active+.intro-wrap{display:block}

.bbs-warp{display:block}
.bbs-warp>dt{display:inline-block;width:30%;font-size:14px;color:#212121;line-height:32px;}
.bbs-warp>dt:before{content:''; display:inline-block; width:3px; height:3px; border-radius:1.5px; background-color:#626262; margin-right:4px; vertical-align:middle}
.bbs-warp>dd{display:inline-block; width:68%;}
.bbs-warp>dd>a{display:-webkit-box; position:relative; overflow:hidden; max-height:32px; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;white-space:normal}
.bbs-warp>dd>a, .bbs-warp>dd>span{font-size:14px;color:#616161;font-family:'NotoSansRegular'}
.bbs-warp>dd>span{line-height:32px;}

/* view-wrap */
.view-wrap {display:block; position:relative; padding:32px 16px;}
.view-wrap02 {display:block; position:relative; padding:32px;}

/* the-box */
.the-box {display:block; position:relative;}
.the-box img {width:100%;}

/* e-slidebox */
.e-slidebox .item {display:block; width:100%;}
.e-slidebox .item .temp {width:100%;}
.e-slidebox .item .info {width:100%;}
.e-slidebox .swiper-slide {width:100%;}
.e-slidebox .swiper-slide > a {display:block; width:100%;}

/* modify-wrap */
.modify-wrap {overflow:hidden;}
.modify-wrap li {float:left; width:calc(50% - 4px); margin-left:4px;}
.modify-wrap li a {display:block; width:100%; padding:11px 0; border-radius:4px; background-color:#eee; font-size:12px; text-align:center; color:#616161; line-height:18px;}
.modify-wrap li:first-child {margin-left:0;}
.title14 + .modify-wrap {margin-top:18px;}

/* no-data */
.no-data {width:100%; height:100vh;}
.reward-con .no-data {height:calc(100vh - 224px);}
.no-data .info {display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:100%; height:100%}
.no-data .info .title {display:block; position:relative; padding-top:58px; background:url('/mba/images/customer/ico_none.png') no-repeat 50% 0; background-size:42px; font-size:13px; color:#888; line-height:20px; text-align:center}
.search-con .no-data {height:58px;margin-top:64px}
.no-data .info .title .sub-txt{display:block;margin-top:20px}
.no-data.mid {height:calc(100vh - 380px);}
 
/* btn-box */
.btn-box {display:block; position:relative; border-bottom:1px solid #eee;}
.section-wrap .btn-box {margin:0 -22px;}
.btn-box.bg-f8 {border:0; border-radius:4px;}
.product-box + .btn-box {margin-top:8px;}
.title24 + .btn-box {margin-top:24px;}
.btn-box .link {display:block; position:relative; padding:18px 0;}
.btn-box.bg-f8 .link {padding:24px 22px;}
.btn-box .link:after {content:''; display:block; clear:both; position:absolute; top:50%; right:0; width:24px; height:24px; margin-top:-12px; background:url('/mba/images/product/ico_arr_right02.png') 0 0 no-repeat; background-size:24px;}
.btn-box.bg-f8 .link:after {right:22px;}
.btn-box .link .flag {display:inline-block; position:relative; padding:0 12px; border-radius:12px; background-color:#286ef1; font-family:"NotoSansBold"; font-size:12px; color:#fff; line-height:22px;}
.btn-box .link .title {display:block; position:relative; font-family:"NotoSansBold"; font-size:14px; color:#212121; line-height:20px;}
.btn-box.bg-f8 .link .title {font-size:16px;}
.btn-box .link .flag + .title {margin-top:6px;}
.btn-box.itype .link {padding:24px 0 24px 52px;}
.btn-box.itype .link .ico {display:block; position:absolute; top:50%; left:0; width:40px; height:40px; margin-top:-20px;}
.btn-box.itype .link .title {font-family:"NotoSansMedium"; line-height:22px;}
.btn-box.itype .link .text {margin-top:2px; font-size:13px; color:#888; line-height:20px;}
.btn-box.notice .link {padding:24px 0;}
.btn-box.notice .link .title {overflow:hidden; width:calc(100% - 34px); text-overflow:ellipsis; line-height:22px; white-space:nowrap;}
.btn-box.notice .link .info {display:block; position:relative; overflow:hidden; margin-top:4px; font-size:12px; color:#888; line-height:18px;}
.btn-box.notice .link .info .date {float:left; display:block; position:relative;}
.btn-box.notice .link .info .time {float:left; display:block; position:relative; margin-left:6px; padding-left:6px;}
.btn-box.notice .link .info .time:before {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#ddd;}

/* blue-box */
.blue-box {display:block; position:relative; height:237px; padding:32px 22px; border-radius:4px; background-color:#286ef1;}
.blue-box .blue-inp {display:block; position:relative; font-size:0;}
.blue-box .blue-inp + .blue-inp {margin-top:12px;}
.blue-box .blue-inp .inp-val {display:inline-block; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.4);}
.blue-box .blue-inp .inp-val .inp {display:inline-block; height:24px; padding:0; border:none; background-color:transparent; font-size:16px; color:#fff; line-height:24px; text-align:right; vertical-align:top;}
.blue-box .blue-inp .inp-val .unit {display:inline-block; font-size:16px; color:#fff; line-height:24px;}
.blue-box .blue-inp .text {display:inline-block; margin-left:8px; font-size:14px; color:rgba(255,255,255,0.8); line-height:24px;}
.blue-box .revenue-wrap {display:block; position:absolute; bottom:32px; right:22px; text-align:right;}
.blue-box .revenue-wrap .revenue-info {display:block; position:relative; font-size:0;}
.blue-box .revenue-wrap .revenue-info .text {display:inline-block; font-size:13px; color:rgba(255,255,255,0.6); line-height:19px;}
.blue-box .revenue-wrap .revenue-info .btn-revenue {display:inline-block; position:relative; width:16px; height:19px; margin-left:6px; background:url('/mba/images/product/ico_notice_w.png') no-repeat 50% 50%; background-size:16px; font-size:0; text-indent:-9999px; vertical-align:top;}
.blue-box .revenue-wrap .revenue-val {display:block; position:relative; margin-top:1px;}
.blue-box .revenue-wrap .revenue-val .text {padding-right:5px; font-size:13px; color:#fff; line-height:39px;}
.blue-box .revenue-wrap .revenue-val .num {font-size:32px; color:#fff; line-height:39px;}
.blue-box .revenue-wrap .revenue-val .unit {font-size:32px; color:#fff; line-height:39px;}
.blue-box .revenue-wrap .revenue-val.small .text,
.blue-box .revenue-wrap .revenue-val.small .num,
.blue-box .revenue-wrap .revenue-val.small .unit {font-size:13px; line-height:19px; color:rgba(255,255,255,0.6);}

/* trend-box */
.trend-box {display:block; position:relative; padding:24px 0;}
.trend-box .btn-trend {display:table; position:relative; width:100%; height:72px;}
.trend-box.list .btn-trend  .info{display:table-cell; position:relative;}
.trend-box + .trend-box {/* margin-top:24px;  */border-top:1px solid #eee;}
.trend-box .temp {display:block; position:absolute; top:0; left:0; width:72px; height:72px; border-radius:4px; /* background-color:#000; */ background-size:100%;}
.trend-box .temp img {width:72px; height:72px; border-radius:4px;}
.trend-box .info {display:table-cell; position:relative; padding-left:90px; vertical-align:top;}
.trend-box .info .category {display:inline-block; position:relative; padding:0 8px; border:1px solid #ddd; border-radius:11px; font-size:11px; color:#888; line-height:20px;}
.trend-box .info .text, .trend-box.list .info .text {display:-webkit-box; position:relative; overflow:hidden; max-height:44px; margin-top:6px; margin-right:16px; font-size:14px; text-overflow:ellipsis; color:#212121; line-height:22px; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all}
.trend-box.list .info .data{display:block;font-size:12px;color:#bbb;margin-top:5px}
.trend-box .scrap {display:block; position:absolute; top:24px; right:0;}
.trend-box .scrap .btn-scrap {display:block; position:relative; width:24px; height:24px; background:url('/mba/images/product/btn_scrap_off.png') 0 0 no-repeat; background-size:24px; text-indent:-9999px;}
.trend-box .scrap .btn-scrap.active {background:url('/mba/images/product/btn_scrap_on.png'); background-size:24px;}


/* bgText-box */
.bgText-box {display:block; position:relative;}
.bgText-box img {width:100%; border-radius:4px;}
.bgText-box .title24 {position:absolute; top:32px; left:22px;}

/* con-toggle */
.con-toggle {display:none; position:relative; padding:0 22px; text-align:center;}
.con-toggle .title16 {margin-top:48px; text-align:left;}
.con-toggle img {max-width:calc(100% + 44px); /* max-height:160px; */ margin:32px -22px 0;}
.con-toggle .text-big {margin-top:32px; font-family:"NotoSansRegular"; color:#616161; text-align:left;}

/* asset-set */
/* .asset-set {display:grid; grid-gap:2px; position:relative; height:180px; grid-template-columns:auto auto;}
.asset-set .box {display:table; position:relative; width:100%; height:100%; border-radius:4px; text-align:center;}
.asset-set .box.item01 {background-color:#286ef1;}
.asset-set .box.item02 {grid-row:span 2; background-color:#a6a6a6;}
.asset-set .box.item03 {background-color:#286ef175;}
.asset-set .box.item04 {background-color:#286ef175;}
.asset-set .box .text-mid {display:table-cell; color:#fff; line-height:16px; vertical-align:middle; word-break:break-all;}
.asset-set .box .text-mid .val {display:block;} */

.asset-set {display:block; position:relative; height:180px; width:calc(100% + 2px);}
.asset-set .box {display:block; position:relative; width:100%; height:100%; border-radius:4px; text-align:center; float:left}
.asset-set .box:first-child{margin-left:-2px}
.asset-set .box+.box{margin-left:2px}

/* 그래프 그리드 3단으로 나올 시 */
.asset-set.row3{display:grid; grid-gap:2px; grid-template-columns:75% auto;}
.asset-set.row3 .box {display:table;}
.asset-set.row3 .box:first-child{grid-row:span 2;}
.asset-set.row3 .box:first-child, .asset-set.row3 .box+.box{margin-left:0px}
.asset-set.row3 .box .text-mid{display:table-cell; padding-top:0}

/* 그래프 그리드 4단으로 나올 시 */
.asset-set.row4{display:grid; grid-gap:2px; grid-template-columns:75% auto;}
.asset-set.row4 .box {display:table;}
.asset-set.row4 .box:first-child{}
.asset-set.row4 .box:first-child, .asset-set.row4 .box+.box{margin-left:0px}
.asset-set.row4 .box .text-mid{display:table-cell; padding-top:0}

.asset-set .box.item01 {background-color:#286ef1;}
.asset-set .box.item02 {background-color:#286ef175;}
.asset-set .box.item03 {background-color:#a6a6a6;}
.asset-set .box.item04 {background-color:#689cff;}

.asset-set .box .text-mid {display:block; color:#fff; line-height:16px; vertical-align:middle; word-break:break-all; padding-top:73px}
.asset-set .box .text-mid .val {display:block;}

/* visual-box */
.visual-box {display:block; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.visual-box .bg {display:block; position:relative; width:100%;}
.visual-box .bg img {width:100%;}
.visual-box .info {display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:32px;}
.visual-box .info .btn-share {position:absolute;top:17.5%;right:7.5%;z-index:10;background:none;width:9%;height:8.5%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden}

.visual-box .info .category {display:inline-block; position:relative; padding:0 12px; border:1px solid #ccc; border-radius:14px; font-size:13px; color:#888; line-height:28px;}
.visual-box .info .title {display:block; position:relative; margin-top:6px;}
.visual-box .info .title .title24 {line-height:32px;margin-right:60px}
/* .visual-box .info .title .btn-share {position:absolute; top:0; right:0; z-index:10} */
.visual-box .info .text-mid {display:block; position:relative; margin-top:4px; opacity:0.6;}

/* 오투런칭프로모션 이벤트 */
.visual-box.launching .info {}
.visual-box.launching .info .category{border-color:#fff;color:#fff;display:block;max-width:175px;text-align:center;margin:12% auto 0}
.visual-box.launching .info .title{margin-top:9%;color:#fff;text-align:center}
.visual-box.launching .info .title+.text-mid{margin-top:6%;color:#fff;text-align:center}
.visual-box.launching .info .invest-support-stats{position:absolute;top:62.5%;left:12%;width:75%;color:#fff;text-align:center}
.visual-box.launching .info .invest-support-stats > span{display:block;opacity:0.6;font-family:"NotoSansRegular";}
.visual-box.launching .info .invest-support-stats > p{display:block;font-size:30px;margin-top:15px}
.visual-box.launching .info .invest-support-stats > p > small{font-size:18px}

.section.launching{text-align:center;padding-bottom:0}
.section.launching .inner02.bg-f5{padding:20px 0}
.section.launching .product-box{padding:40px 0}
.section.launching .product-box .mtxt{display:block;padding-bottom:18px}

.section.launching .event-text{display:block;margin:20px 0 0;padding-bottom:20px}
.section.launching .event-text:after {content:"";display:block;clear:both;visibility:hidden}
.section.launching .event-text .stit{display:block;margin:0px 0 10px;font-size:20px;}
.section.launching .event-text .stext{display:block;margin:0px 0 30px;font-size:26px;font-family:"NotoSansBold";}
.section.launching .event-text .desc{display:block;margin:0px 0 5px;color:#616161;line-height:22px;font-family:"NotoSansRegular";}
.section.launching .event-text .numbers{display:block;color:#bbb;font-family:"NotoSansRegular";}


.section.launching.count{background-color:#f6f8fa;padding:40px 0 50px}
.section.launching.count .event-text .stit{font-size:20px}
.section.launching.count .event-text .count-list{display:block;width:288px;height:48px;margin:40px auto 0;background: url(/mba/images/customer/bg_launching_count.png) no-repeat; background-size:288px auto;}
.section.launching.count .event-text .count-list>li{float:left;width:34px;height:48px;line-height:48px;font-size:28px;color:#286ef1;font-family:"NotoSansBold"; margin-left:5px}
.section.launching.count .event-text .count-list>li:first-child{margin-left:0}
.section.launching.count .event-text .count-list>li:nth-child(2), .section.launching.count .event-text .count-list>li:nth-child(5){margin-left:15px}
.section.launching.count .btn-wrap{margin:20px 10px 0;}
.section.launching .btn-wrap.col2{margin:0 5px}
.section.launching .btn-wrap.col2 button {width:48%}
.section.launching .btn-wrap.col2 .line2{line-height:22px}
.section.launching .btn-wrap.col2 .line2>em{opacity:0.6;font-size:14px;}
.section.launching .btn-wrap button{border-radius:4px;font-family:"NotoSansRegular";}
.section.launching .btn-wrap button>em{font-family:"NotoSansThin";}
.section.launching .btn-desc{padding-top:20px;color:#bbb;font-family:"NotoSansRegular";}

.section.launching .btn-toggle{background-image:none}
.section.launching .bul-list li{text-align:left}

.launching-btn + .layModal-wrap{display:none}
.launching-btn.on + .layModal-wrap{display:block}

.launching-btn .layModal-wrap2{display:none}
.launching-btn.on .layModal-wrap2{display:block}

.visual-box.promotion .info {padding:0}
.visual-box.promotion .info .category{border:none;color:#fff;display:block;text-align:center;margin:24% auto 0}
.visual-box.promotion .info .category+.title{margin-top:2%;}
.visual-box.promotion .info .title{margin-top:32%;color:#fff;text-align:center}
.visual-box.promotion .info .title+.text-mid{margin-top:2%;color:#fff;text-align:center}

.visual-box.promotion .price-box{display:block;position:absolute;top:43%;width:54%;height:42.5%;left:50%;vertical-align:middle;margin-left:-27%;}
.visual-box.promotion .price-box .price{display:table;color:#70A1FF;text-align:center;width:100%;vertical-align:middle;height:100%;}
.visual-box.promotion .price-box .price>.infobox{display:table-cell;vertical-align:middle;}
.visual-box.promotion .price-box .price>.infobox>em{display:block;font-size:14px}
.visual-box.promotion .price-box .price>.infobox>strong{display:block;font-size:30px;margin-top:2%}
.visual-box.promotion .price-box .price>.infobox>strong>small{font-size:24px}
.visual-box.promotion .price-box .price>.infobox>strong+span{display:block;font-size:24px;margin-top:2%;font-family:"NotoSansBold";}

.visual-box.promotion .info .info-text{display:block;margin-top:67%;text-align:center;}
.visual-box.promotion .info .info-text>p{display:block;color:#fff;opacity:0.5;font-size:13px;line-height:16px}

/* alarm-box */
.alarm-box {display:block; padding:18px 16px; border:1px solid #eee; border-radius:4px; background-color:#e1eeff;margin-top:15px}
.alarm-box:after {content:"";display:block;clear:both;visibility:hidden}
.alarm-box .txt-box{display:block; position:relative;}
.alarm-box .txt-box:before {content:''; display:inline-block; position:absolute; top:50%;margin-top:-9px; right:0px;width:17px; height:19px; background:url('/mba/images/product/ico_alarm.png') 0 0 no-repeat; background-size:17px auto; vertical-align:top;}


/* 삼성증권 본인인증 서비스 */
.hearder-wrap{z-index:4;position:fixed;top:0;left:0;width:100%;display:block;background-color:#286ef0;height:60px;color:#fff;line-height:60px;font-size:18px;text-align:center;}
.hearder-wrap+.section-wrap{padding-top:78px !important}
.form-wrap.mem-info{}
.form-wrap.mem-info dt label{color:#666}
.form-wrap.mem-info .col2 {position:relative}
.form-wrap.mem-info .col2 input{width:48%}
.form-wrap.mem-info .col2 input.ipw{padding-left:10px}
.form-wrap.mem-info .col2 .bg-ipw{position:absolute;left:59%;top:13px;width:95px;height:15px;background:url('/mba/images/customer/bg_pw.png') 0 0 no-repeat; background-size:95px auto; display:block}
.form-wrap.mem-info .line-input{position:relative;display:block;border-bottom:1px solid #ddd;margin-top:10px;}
.form-wrap.mem-info .line-input.error{border-bottom-color:#fe3929}
.form-wrap.mem-info .line-input.error .error-txt{position:absolute;left:0px;bottom:-25px;font-size:12px;color:#fe3929}
.form-wrap.mem-info .line-input input{width:70%; padding:8px 0 11px; font-size:16px; color:#212121; line-height:24px;}
.form-wrap.mem-info .line-input button{position:absolute;right:0;top:5px;width:28%;height:30px;line-height:30px;font-weight:normal}
.form-wrap.mem-info .line-input .btn-gray{}

.form-wrap.mem-info .line-input.phone button{width:18%}
.form-wrap.mem-info .line-input.phone .phone-view{position:absolute;left:0px;bottom:-25px;font-size:12px;color:#fe3929;display:block;width:100%;}
.form-wrap.mem-info .line-input.phone .phone-view .agree-ok{color:#286ef0}
.form-wrap.mem-info .line-input.phone .phone-view em, .form-wrap.mem-info .line-input.phone .time-ex{position:absolute;right:60px} 
.form-wrap.mem-info .line-input.phone .phone-view em+.time-ex{}
.form-wrap.mem-info .line-input.phone .time-ex{text-decoration:underline;color:#666;right:0}


/* 오늘의 투자 메인 */

/*바로가기*/
.quick-link{margin-top:24px;padding-top:32px !important;display:block;position:relative;background-color:#f8f8f8;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.quick-lst{margin-top:10px;display:block;}
.quick-lst li{display:block;border-bottom:1px solid #eee;padding:17px 0;position:relative;}
.quick-lst li>a{display:block;font-size:14px;color:#212121;line-height:24px; }
.quick-lst li>a:before {content:'';display:block; position:absolute; top:17px; right:0; width:24px; height:24px; background:url('/mba/images/product/ico_arr_right02.png') no-repeat 50% 50%; background-size:24px; text-indent:-9999px;}

.o2today.full-warp .card{margin:0 -32px 16px}
.o2today.full-warp .card .title{padding:40px 32px 0}

.o2today.full-warp .card .data{left:32px;}
.o2today.full-warp .card .btn-underline03, .o2today.full-warp .card .stats{right:32px;}

.o2today.full-warp .product-box {border-radius:0; box-shadow:none !important;}
.o2today.full-warp .trend-box.list {border-radius:4px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.12);margin:0;padding:0 22px}
.o2today.full-warp .trend-box.list+.trend-box.list{border-top:none;margin-top:7px}

.o2today.full-warp .trend-box.list.news .info .text{font-family:"NotoSansBold";}
.o2today.full-warp .trend-box.list .btn-pdf{right:22px;}

.o2today .card {display:block;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.12);position:relative;height:182px;border-radius:4px 4px 0px 0px}
.o2today .card .title{display:block;padding:36px 22px 0}
/*
.o2today .card .title .title24:after{content:'';display:inline-block;width:24px; height:24px; background:url('/mba/images/product/ico_title_arr.png') 0 0 no-repeat; background-size:24px auto; vertical-align:top;margin-top:5px}
.o2today .card.trend .title24:after{background:url('/mba/images/product/ico_title_arr_bk.png') 0 0 no-repeat;}*/
.o2today .card .title > .stxt{display:block;padding-bottom:8px;font-size:13px;opacity:0.6;font-family:"NotoSansRegular";}
.o2today .card .btn-underline03{display:block;position:absolute;top:36px;right:22px;color:#fff;background-image: url('/mba/images/product/ico_arr_right04_w.png');}
.o2today .card .btn-tab{display:block;position:absolute;top:62px;right:22px;}
.o2today.full-warp .card .btn-tab{top:32px;right:32px;}
.o2today .card .temp {display:block; position:absolute; bottom:0; right:0px; width:160px; height:100px; background-size:100%;}
.o2today .card .temp img {width:160px; height:100px;}
.o2today .card+.product-box{margin-top:0;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.12);background-color:#fff;padding-top:8px}
.o2today .card .btn-reset{display:inline-block;vertical-align:middle;margin-top:-2px}
.o2today .card .data{display:block;position:absolute;top:145px;left:22px;color:#fff;font-size:12px;font-family:"NotoSansRegular";z-index:10}
.o2today .card .data>span{opacity:0.6;}
.o2today .card .stats{display:block;position:absolute;top:145px;right:22px;font-family:"NotoSansRegular";z-index:10;}
.o2today .card .stats>span{font-size:11px; line-height:16px; opacity:0.6; color:#fff} 

.o2today .card.trend {background-color:#eee;position:relative;}
.o2today .card.trend .btn-underline03{color:#212121; background-image: url('/mba/images/product/ico_arr_right_bk.png');}
.o2today .card.now {background-color:#8073f2;}
.o2today .card.now .title{color:#fff}

.o2today .card.marketInside {background-color:#0097ee;}
.o2today .card.marketInside .title{color:#fff}
.o2today .card.marketInside .btn-underline03{}
.o2today .card.marketInside .temp {}
.o2today .card.marketInside .temp img {}

.o2today .card.report {background-color:#009865;}
.o2today .card.report .title{color:#fff}

.o2today .card.news {background-color:#0070fa;}
.o2today .card.news .title{color:#fff}

.o2today .no-data{height:388px}

.trend-box.main+.trend-box.main{border-top:1px solid #eee}
.trend-box.main:fisrt-child{border-top:none}
.trend-box.list .temp{left:inherit;right:0px;top:50%;margin-top:-36px}
.trend-box.list .info .text{margin-right:0;margin-top:0;font-family:"NotoSansBold";}
.trend-box.list.video .video-wrap{margin-bottom:10px;height:167px}
.trend-box.list.video .info{padding-right:0;width:100%}

.trend-box.list.report .info, .trend-box.list.market .info{padding-right:50px;}

/* .trend-box.list{margin:0 22px;padding:24px 0px} */
.trend-box.list{margin:0 22px;padding:0;border-top:0}

.o2today .product-box .btn-product{padding:24px 0 24px}
.o2today .trend-box.list .btn-product{border-top:1px solid #eee}

/* .o2today .btn-product .trend-box.list:nth-child(1){border-top:none} */
.o2today .trend-box.list.news.daily .btn-product {border-top:none}
.o2today .trend-box.list:nth-child(1) .btn-product{border-top:none}
.o2today .trend-box.list.report:nth-child(1) .btn-product{border-top:none}
/* .o2today .trend-box.list.report .info, .o2today .trend-box.list.market .info{padding-right:0px;} */

.trend-box.list:fisrt-child{border-top:none}

.trend-box.list .head{display:block;margin-bottom:8px}
.trend-box.list .head .title{display:inline-block;width:72%;position:relative;overflow:hidden;max-height:34px;font-family:"NotoSansBold";font-size:16px; text-overflow:ellipsis; color:#212121; line-height:24px; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.trend-box.list .head .name{display:inline-block;width:72%;position:relative;overflow:hidden;max-height:24px;font-family:"NotoSansBold";font-size:12px; text-overflow:ellipsis; color:#212121; line-height:24px; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.trend-box.list .head .data{display:inline-block;width:26%;overflow:hidden;max-height:34px;text-align:right;font-size:12px;color:#bbb;vertical-align:top;padding-top:6px}
.trend-box.list .head .data>em{display:inline-block;font-size:10px;color:#d8d8d8;font-family:Dotum;padding:0 2px}
.trend-box.list .info{display:table;width:100%;padding-left:0;vertical-align:middle;padding-left:0;padding-right:90px;vertical-align:middle}
.trend-box.list .btn-pdf{position:absolute;top:62.5%;right:0px;margin-top:-12px}

.trend-box.list.report .head .name{color:#3F9669}

.trend-box.list.news.daily .head{margin-bottom:15px}
.trend-box.list.news.daily .head .name{font-size:16px;}
.trend-box.list.news.daily .info .text{font-size:13px;color:#616161;max-height:74px;-webkit-line-clamp:3;font-family:"NotoSansRegular";}
.trend-box.list.news.daily .info .text>strong{display:-webkit-box;overflow:hidden;max-height:24px;margin-bottom:5px;font-size:14px;color:#212121;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;}

.trend-box.list.news .head .name{width:42%;color:#286EF1;}
.trend-box.list.news .head .data{width:56%;}
.trend-box.list.report .info .text, .trend-box.list.news .info .text{max-height:44px;-webkit-line-clamp:2;font-size:16px;color:#212121;}
.trend-box.list.news .info .text{font-size:16px;width:100%;}

.trend-box.list.news .info{padding-right:0}
.trend-box.list.video .info .text {display:-webkit-box; position:relative; overflow:hidden; max-height:44px; margin-top:6px; margin-right:16px; font-family:"NotoSansBold"; font-size:14px; text-overflow:ellipsis; color:#212121; line-height:22px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.trend-box.list.market .head .title{max-height:48px;}
.trend-box.list.market .info .text{max-height:66px; -webkit-line-clamp:3;color:#616161;font-size:13px}

.trend-box.list:nth-child(1) .btn-trend{border-top:none}
.trend-box.list .btn-trend{padding:0;min-height:104px;border-top:1px solid #eee}

.section-wrap.o2today .btn-more{font-size:13px}
.btn-more.wbtn{background-color:#fff}

.trend-box.list.video {padding-top:24px !important;padding-bottom:24px !important; border-top:1px solid #eee}
.trend-box.list.video:nth-child(1){border-top:none}

/* 비계정 로그인 시 */
.trend-box.list.login .info{padding-right:0}
.trend-box.list.login .info .text{width:100%;color:#888;font-size:13px}

.daily-top-line{border-top:6px solid #eee;padding-bottom:16px} /* 리스트 없을 때 */
.daily-top-line .news-more{margin-top:16px;margin-bottom:0}

.news-more{display:block;position:relative;min-height:72px;margin-top:-8px;margin-bottom:16px}
.news-more:before {content:'';display:inline-block;position:absolute;top:0;left:0px;width:72px; height:72px; background:url('/mba/images/product/img_o2today_news_banner.png') 0 0 no-repeat; background-size:72px auto; vertical-align:top;}
.news-more>p{display:block;margin-left:90px;font-size:16px;line-height:24px}
.news-more>p>strong{display:block;color:#0f0f0f;margin-bottom:2px}

/* 오투데이 상세 페이지 */
.synop-footer {display:block; position:relative; margin-top:8px}
.synop-footer .data-box{display:block;}
.synop-footer .data-box>span{font-size:14px;color:#888}
.synop-footer .data-box>span+span{margin-left:6px;}
.synop-footer .data-box>span+span:before{content:'';display:inline-block;background-color:#ddd;line-height:14px;vertical-align:inherit;width:1px;height:10px;margin-right:6px}
.synop-footer .tag-box{display:block;margin-top:32px}
.synop-footer .tag-box>span{display:inline-block;background-color:#eee;height:28px;line-height:28px;color:#616161;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 8px;border-radius:4px;margin-left:8px;font-size:12px}
.synop-footer .tag-box>span:first-child{margin-left:0}

.con-body {display:block; position:relative; padding:0 22px; text-align:left; line-height:24px; color:#616161; font-size:16px}
.con-body table{width:100% !important}
.con-body .title16:first-child{margin-top:16px;}
.con-body .title16 {margin-top:48px; text-align:left;}
.con-body img {max-width:calc(100% + 44px);margin:32px -22px 0;}
.con-body .text-big {margin-top:32px; font-family:"NotoSansRegular"; color:#616161; text-align:left;}
.con-body .bul-list{margin-top:16px}
.con-body .bul-list li a{display:-webkit-box; position:relative; overflow:hidden; max-height:20px; font-size:12px; text-overflow:ellipsis; line-height:20px; -webkit-line-clamp:1; -webkit-box-orient:vertical;color:#888}

.con-body .new-info{display:block;background:#f8f8f8;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:4px;padding:16px;margin:40px -22px 0}
.con-body .new-info .text{background:url('/mba/images/product/btn_notice_gray.png') no-repeat left 0; background-size:16px; font-size:13px; color:#888; line-height:16px;padding-left:22px;text-align:left; }


.o2today-banner{display:table;width:100%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:24px 32px 14px 32px;margin-bottom:-24px}

.o2today-banner .text{display:table-cell;width:100%;padding-right:112px;font-size:16px;color:#212121;text-align:left;height:72px;vertical-align:middle;line-height:24px;font-family:"NotoSansBold";}
.o2today-banner .text.item01{background:url('/mba/images/product/img_o2today_banner_01.png') no-repeat 100% 50%; background-size:72px;}
.o2today-banner .text.item02{background:url('/mba/images/product/img_o2today_banner_02.png') no-repeat 100% 50%; background-size:72px;}
.o2today-banner .text.item03{background:url('/mba/images/product/img_o2today_banner_03.png') no-repeat 100% 50%; background-size:72px;}

.o2today-header{position:fixed;width:100%;height:64px;top:0;left:0;z-index:11}
.o2today-header.flex{position:relative}
.o2today-header .card{display:none;height:64px;}
.o2today-header .card .title{padding-top:14px;}
.o2today-header .card .title > .stxt{padding-bottom:2px;}
.o2today-header .card.active{display:flex}
.o2today-header .card .btn-underline03{top:23px;}
.o2today-header .card.marketInside .title, .o2today-header .card.now .title, .o2today-header .card.trend .title{padding-top:20px}
 
.o2today-header .card+.product-box{padding-top:0}
 
.section-wrap .card.active{display:none}
.section-wrap.o2today {padding-top:0}

/* 검색 화면 */
.search-con {padding-bottom:0}
.search-con .product-box{margin:0 -22px}
.keyword{color:#2A6EF1}

/* SEARCH */

.search-wrap {position:relative} 
.search-wrap .isearch-wrap {position:relative; background:#fff; padding:0px; border-bottom:1px #212121 solid;}
.search-wrap .isearch-wrap {display:inline-block; position:relative; width:100%; margin:0}
.search-wrap .isearch-wrap label{display:block}
.search-wrap .isearch-wrap .isearch {width:100%; font-size:14px; height:35px; line-height:35px; border:none;}
.search-wrap .isearch-wrap .isearch-del {display:none; position:absolute; top:50%; right:40px; margin-top:-8px; background:url(/mba/images/product/btn_delete.png) 0 0 no-repeat; width:16px; height:16px; background-size:16px;}
.search-wrap .btn-srch {display:inline-block; position:absolute; top:0; right:0; background:url(/mba/images/product/btn_search.png) right 50% no-repeat; background-size:24px;  padding:0; width:35px; height:35px;}

/*자동완성 박스*/
.search-con .autoIncorrect{display:block;position:absolute;top:68px;left:0;width:100%;z-index:10;background-color:#fff;margin:0px;padding:32px 32px 10px;min-height:580px;}
.search-con .autoIncorrect ul{display:block;}
.search-con .autoIncorrect ul li:first-child{}
.search-con .autoIncorrect ul li{display:block;height:22px;margin-bottom:16px;}
.search-con .autoIncorrect ul li a{float:left;display:-webkit-box;position:relative;width:78%;overflow:hidden;max-height:22px;text-overflow:ellipsis;color:#616161;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:20px;font-size:14px;}
.search-con .autoIncorrect ul li a:before{position:inherit;content:"";opacity:1;display:inline-block;width:16px;height:16px;background:url(/mba/images/customer/btn_auto_search.png) 0 0 no-repeat; background-size:16px;margin-right:7px;vertical-align:middle;margin-bottom:2px}
.search-con .autoIncorrect ul li .data{float:right;color:#bbb;font-size:12px;line-height:20px;position:absolute;right:31px;}


.searchRankList{position:relative;margin-top:32px}
/* .searchRankList:after{content:"";opacity:1;display:block;position:relative;margin:0;height:1px;background-color:#eaeaea;position:relative;} */
.searchRankList .rankHead{display:block;position:relative;margin:0}
.searchRankList .rankHead:after {content:"";display:block;clear:both;visibility:hidden}
.searchRankList .rankHead .subTitle{float:left;font-size:13px;font-weight:bold;color:#616161}
.searchRankList .rankHead .info_ico{margin: 0 10px;background: url(/mbw/images/search/ico_info.jpg)left 0 no-repeat;background-size:15px;vertical-align: middle;height:15px;width:15px;display: inline-block;margin-top: 4px;}
.searchRankList .rankHead .ico_extend, .latestArea .latestHead .ico_extend{float:right;font-size:12px;color:#bbb;vertical-align:middle;margin-top:0}
.latestArea .latestHead .ico_extend:before{content:"";display:inline-block;width:11px;height:11px;background: url(/mbw/images/search/ico_extend.png) no-repeat;background-size:11px;margin:0 5px 0 0}

.searchRankList .rankList{display:block;position:relative;margin:15px 0;padding:0;min-height:55px;}
.searchRankList .rankList.on{border-top:none;margin-bottom:15px}
.searchRankList .rankList .toggle_btn{display:block;line-height:54px;color:#333;margin-left:15px;margin-right:30px}
.searchRankList .rankList .toggle_btn .num{display:inline-block;font-weight:bold;min-width:15px;text-align:right;margin-right:12px}
.searchRankList .rankList .toggle_btn:after {content:"";position:absolute;top:16px;right:0;z-index:3;display:block;width:24px;height:24px;background: url(/mba/images/customer/btn_toggle_down.png) no-repeat;background-size:24px 24px;}
.searchRankList .rankList.on .toggle_btn:after{background: url(/mba/images/customer/btn_toggle_up.png) no-repeat;background-size:24px 24px;}
.searchRankList .rankList.on .listBox{display:block;border-top:1px solid #ffff;height:auto;}
.searchRankList .rankList .listBox{display: block;margin:0;height:55px;overflow:hidden;background-color:#fff;}
.searchRankList .rankList .listBox li{display:block;border-bottom:1px solid #e6e6e6;}
.searchRankList .rankList .listBox li a{display:block;line-height:54px;color:#212121;margin-right:30px}
.searchRankList .rankList .listBox li a .num{display:inline-block;font-weight:bold;min-width:17px;text-align:left;margin:0 6px 0 8px;color:#888;font-size:14px}

/* 키워드 스타일 */
.keyword {display:inline-block;}
.keyword:after {content:"";display:block;clear:both;visibility:hidden}
.keyword li{display:inline-block;position:relative;margin-bottom:7px;margin-right:10px;float:left;min-height:34px}
.keyword.xscroll{position:relative; width:max-content; box-sizing:content-box;}
.keyword.xscroll ul{display:block;white-space:nowrap;padding:0;margin:0;font-size:0}
.keyword.xscroll li{margin-bottom:0;min-height:auto;}
.keyword.total{margin-top:14px;display:block;}
.keyword.total li{margin-right:4px;}
.keyword.total li.no-data{margin-right:0}


.keyword .keyItem{display:-webkit-box;position:relative;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:32px;line-height:30px;font-size:13px;border-radius:4px;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;max-width:200px;border:1px solid #ddd;color:#616161;background-color:#fff;padding:0 16px;}
.keyword.total .keyItem{border:1px solid #286EF1;color:#286EF1;padding:0 40px 0 12px;}

.keyword .keyItem>input[type=checkbox], .keyword input[type=checkbox].item{position:relative; display:block; width:100%; height:34px; padding:0 16px; margin:0; background:#fff;border-radius:4px;}
.keyword .keyItem label, .keyword input[type=checkbox].item+label{position:relative; display:block; font-size:13px; color:#616161; text-align:center; padding:0 16px; margin:-24px 0 0 0;}
.keyword input[type=checkbox].item {border:1px solid #ddd;color:#616161;background-color:#fff;}
.keyword input[type=checkbox].item:checked, .keyword .keyItem.on{border:1px solid #286EF1;color:#286EF1;}
.keyword input[type=checkbox].item:checked+label{color:#286EF1;}

.keyItem+.del{display:inline-block;width:16px;height:16px;background: url(/mba/images/customer/btn_delete.png) no-repeat;background-position-y:0px;background-position-x:0px;background-size:16px;text-indent:-9999px;position: absolute;top:10px;right:16px;z-index: 5;}


.search-view{position:relative;display:block;}
.search-view .view-area{position:relative;display:block;margin-top:32px;min-height:30px}
.search-view .view-area:after {clear:both; display:block; content:'';}
.search-view .view-area .title{display:block;position:absolute;top:0;left:0;font-size:13px;color:#616161}
.search-view .view-area .all-del{display:block;position:absolute;top:0;right:0;font-size:12px;color:#616161;text-decoration:underline}

.search-view .search-list{display:block;background-color:#f5f5f5;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:22px;margin:0 -22px}
.search-view .search-list li{display:block;position:relative;line-height:22px;border-bottom:1px solid #ddd;padding:17px 0}
.search-view .search-list li a.tit{display:-webkit-box; position:relative; width:75%; overflow:hidden; max-height:22px; font-size:14px; text-overflow:ellipsis; color:#212121; line-height:22px; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.search-view .search-list li a.tit:before{content:'';display:inline-block;background:url(/mba/images/product/icon_keyword.png) 0 0 no-repeat; background-size:16px;width:16px;height:16px;vertical-align:middle;margin-right:10px}
.search-view .search-list li .data{display:inline-block;color:#9e9e9e;position:absolute;top:18px;right:26px;}
.search-view .search-list li .isearch-del {display:block; position:absolute; top:50%; right:0px; margin-top:-6px; background:url(/mba/images/product/btn_delete.png) 0 0 no-repeat; width:16px; height:16px; background-size:16px;}

/*주식 결과 */
.search-con .auto-change{background:#F8F8F8;margin:-24px -32px 32px;}
.search-con .auto-change p{padding:24px 32px;color:#616161}
.search-con .auto-change p a{text-decoration:underline;color:#616161;line-height:24px}
.search-con .auto-change p a span{text-decoration:underline;}

.trend-box.result{padding:0 22px 16px}
.trend-box.result .name{display:block;font-size:16px;color:#212121}
.trend-box.result .info{padding-left:0;padding-top:8px;font-size:13px;color:#616161;line-height:17px}
.trend-box.result .info>span{position:relative;float:left;display:-webkit-box;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#286EF1;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;max-width:80px;max-height:17px;padding-right:4px}
.trend-box.result .info>span:before{display:inline-block;content:" ' ";color:#616161}
.trend-box.result .info>span:after{display:inline-block;content:" ' ";color:#616161;position:absolute;top:0px;right:0}

.search-con .trend-box.list .btn-product, .search-con .trend-box.list .btn-trend{border:none}
.trend-box.list.stock .head .name{font-size:16px;width:100%;max-height:52px}
.trend-box.list.stock .stockInfo{display:block;margin-top:4px}
.trend-box.list.stock .stockInfo>span{display:inline-block;color:#888;font-size:12px}
.trend-box.list.stock .stockInfo>span:first-child{width:30%}

.search-con .trend-box.list.news .head .name{color:#888;font-family:NotoSansMedium}
.search-con .trend-box.list.news .info .text{}

.search-con .trend-box.list.market .info .text{font-family:NotoSansMedium}

.search-con .trend-box.list.finance{min-height:184px}
.search-con .trend-box.list.finance .product-body .title{padding-right:0  !important}
.search-con .trend-box.list.finance .product-body .info{display:block !important;padding-right:0  !important}
.search-con .trend-box.list.finance .product-footer .els-set .set{line-height:14px;}
.search-con .trend-box.list.finance .product-footer .els-set .val{font-size:20px;line-height:28px}
.search-con .trend-box.list.finance .product-footer .els-set.other .set{line-height:18px;}
.search-con .trend-box.list.finance .product-footer .val,
.search-con .trend-box.list.finance .product-footer .els-set.other .val{font-size:32px;line-height:40px}

.search-con .trend-box.list.finance .product-footer.rp{margin-top:25px}

/* ISA 계좌 소개 */
.isa-info{}
.isa-info .section-body .tab-body.flex{padding-top:120px;background-color:#EEF5FB}

.isa-chat-box{display:block;background-color:#EEF5FB;padding:32px 0}
.talk-qna{display:block;margin:0 15px;min-height:42px}
.talk-qna:after {content:"";display:block;clear:both;visibility:hidden}
.talk-qna+.talk-qna{margin-top:24px}
.talk-qna>li{display:block;position:relative}
.talk-qna>li:first-child{}
.talk-qna>li>.talk-text{display:inline-block;position:relative;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px;color:#212121;padding:10px 16px;background:#286EF1;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.10);border-radius:10px;line-height:22px;word-break:break-all;}
.talk-qna>li>.talk-text:before{}
.talk-qna>li:before{content:'';position:absolute;display:inline-block; width:41px;height:41px;vertical-align:middle;}
.talk-qna>li>.talk-text .btn-wrap{margin-top:24px}
.talk-qna>li>.talk-text .btn-wrap .btn-isaInfo.active + .layModal-wrap2{display:block;}

.btn-isaInfo + .layModal-wrap2 .lay-body{left:5%;top:85px;margin:0;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:90%;height:100%;color:#212121;text-align:left}
.btn-isaInfo + .layModal-wrap2 .lay-body .isaInfoBox{position:relative;display:block;background:#fff;padding:24px;border-radius:4px;overflow-y:scroll;height:auto;}
.btn-isaInfo + .layModal-wrap2 .lay-body .isaInfoBox.hauto{height:auto !important}
.btn-isaInfo + .layModal-wrap2 .lay-body .layModal-close {display:block; position:absolute; top:12px; right:12px; width:24px; height:24px; background:url('/mba/images/product/btn_exit.png') no-repeat 50% 50%; background-size:24px; font-size:0; text-indent:-9999px;}


.talk-qna.question>li>.talk-text{max-width:232px;float:right;color:#fff;font-family:'NotoSansRegular'}
/* .talk-qna.question>li:first-child:before{top:-3px;left:0;background:url(/mba/images/customer/bg_talk_question.png) 0 0 no-repeat;background-size:41px;} */
.talk-qna.question>li:first-child:before{display:none}
.talk-qna.question>li:first-child>.talk-text:before{content:'';position:absolute;width:10px;height:11px;top:-1px;right:-5px;background:url(/mba/images/customer/bg_talk_tip_right.png) 0 0 no-repeat;background-size:10px 11px;}

.talk-qna.answer>li{margin-bottom:8px}
.talk-qna.answer>li:first-child:before{top:-3px;left:0;background:url(/mba/images/customer/bg_talk_answer.png) 0 0 no-repeat;background-size:41px;}
.talk-qna.answer>li>.talk-text:before, .talk-qna.answer>li:first-child>.talk-text:after{display:none}
/* .talk-qna.answer>li:first-child>.talk-text:after{content:'';position:absolute;width:10px;height:11px;top:-1px;left:-5px;background:url(/mba/images/customer/bg_talk_tip_left.png) 0 0 no-repeat;background-size:10px 11px;} */
.talk-qna.answer>li>.talk-text{margin-left:51px;max-width:232px;background-color:#fff}
.talk-qna.answer>li>.talk-text .btn-gray.active + .intro-wrap{display:block;}
.talk-qna.answer>li>.talk-text  .intro-wrap{text-align:left}

.bg-blue-under{position:relative}
.bg-blue-under em{color:#286EF1;}
/* .bg-blue-under:after{content:'';background:#e7f1ff;height:10px;width:126px;position:absolute;left:0;bottom:0;z-index:2} */

.text-line{text-decoration:line-through;color:#888}

/* 바로상담 */
.cs-digital-info{display:block;padding:32px 0;border-top:6px solid #eee;border-bottom:6px solid #eee}
.cs-digital-info ul{display:block;margin:0 32px}
.cs-digital-info ul li{display:block;border-top:1px solid #eee;padding:30px 0;}
.cs-digital-info ul li:first-child{border-top:0;padding-top:0}
.cs-digital-info .info-area{position:relative;display:block}
.cs-digital-info .info-area dt{display:block;font-size:16px;font-family:"NotoSansBold";line-height:24px}
.cs-digital-info .info-area dt:after{content:'';display:block;width:55px;height:58px;position:absolute;right:0;top:0;}
.cs-digital-info .info-area.icon01 dt:after{background:url(/mba/images/customer/img_cs_digital_icon01.png) 0 0 no-repeat;background-size:55px 58px;}
.cs-digital-info .info-area.icon02 dt:after{background:url(/mba/images/customer/img_cs_digital_icon02.png) 0 0 no-repeat;background-size:55px 58px;top:-10px}
.cs-digital-info .info-area.icon03 dt:after{background:url(/mba/images/customer/img_cs_digital_icon03.png) 0 0 no-repeat;background-size:55px 58px;top:-5px}
.cs-digital-info .info-area dd{display:block;padding:20px 0 0;font-size:12px;color:#b5b5b5;font-family:'NotoSansRegular';line-height:20px} 
.cs-digital-info .info-area dd>span{color:#212121}


/* 그랜드 오픈 이벤트 찍장인들 */
.open-event-area{padding-top:0;margin-top:-12px}
.open-event-info{display:block}
.open-event-area .section-body{margin-top:25px}
.open-event-info .prod{display:table;margin:8px auto;min-width:310px}
.open-event-info .prod+.prod{margin-top:10px}
.open-event-info .prod dt{width:90px}
.open-event-info .prod dt, .open-event-info .prod dd{display:table-cell}
.open-event-info .prod dt span{display:block;width:82px;font-size:13px;color:#616161;border-radius:14px;background-color:#e7e7e7;padding:5px 9px;line-height:14px;text-align:center}
.open-event-info .prod dd{font-size:13px;color:#212121}
.open-event-info .prod dd p{line-height:18px}
.open-event-info .prod dd p+p{padding-top:13px}
.open-event-info .prod.pay{margin:0;min-width:auto;width:100%;}
.open-event-info .prod.pay dt, .open-event-info .prod.pay dd{vertical-align:middle}
.open-event-info .prod.pay dt span{width:72px;background-color:#70a0ff;color:#fff}
.open-event-info .prod.pay dd{font-size:26px;text-align:right;}
.open-event-info .prod.pay dd>p{padding-right:0px}

.open-event-info .prod.time dt, .open-event-info .prod.time dd{vertical-align:middle}
.open-event-info .prod.time dt{font-size:14px}
.open-event-info .prod.time dd{font-size:20px;}

.open-event-area .product-box{margin:16px 10px 0}
.product-box .open-event-text{display:block;padding:32px 25px}
.product-box .open-event-text .event-head{display:block;text-align:center}
.product-box .open-event-text .event-head>span{display:inline-block;border-radius:14px;border:1px solid #286ef1;font-size:13px;color:#286ef1;padding:5px 18px;line-height:14px;text-align:center}

.product-box .open-event-text .event-title{display:block;text-align:center;margin:16px 0px 0;font-size:26px;color:#212121;line-height:28px}
.product-box .open-event-text .event-title>strong{}
.product-box .open-event-text .event-title .point{color:#286ef1}
.product-box .open-event-text .event-text{display:block;margin-top:20px;font-size:14px;color:#616161;text-align:center;line-height:26px}
.product-box .open-event-text .event-text>small{display:block;font-size:11px;color:#888}
.product-box .open-event-text .event-title.small{font-size:20px}

.open-event-text .section-temp{margin-top:20px}
.open-event-text .btnm-blue, .open-event-text .btnm-gray{margin-top:24px}
.open-event-text .img-gift{}
/* .open-event-text .img-gift:before{content:'';display:block;position:absolute;top:33%;right:18%;width:73px;height:73px;background:url(/mba/images/event/bg_event_draw.png) 0 0 no-repeat;background-size:73px 73px;z-index:2}
 */
 .open-event-text .img-gift:before{content:'5명 추첨';color:#fff;line-height:66px;font-size:13px;display:block;position:absolute;top:33%;right:18%;width:66px;height:66px;border-radius:100%; box-shadow:2px 5px 10px 0 rgba(201, 220, 255, 0.8); background-color:#70a0ff;z-index:2}
 
.open-event-text .stock-choice{display:block;margin-top:26px;position:relative}
.open-event-text .stock-choice:after {content:"";display:block;clear:both;visibility:hidden}
.open-event-text .stock-choice li{position:relative;display:block;width:50%;float:left;}
.open-event-text .stock-choice li a{display:block;width:123px;height:125px;margin:0;}
.open-event-text .stock-choice li a+span{padding-top:13px;display:block;text-align:left;font-size:12px;clear:both;padding-right:5px;}
.open-event-text .stock-choice li.up a{background:url(/mba/images/event/img_stock_up.png) 0 0 no-repeat;background-size:123px 250px;margin-left:10px;}
.open-event-text .stock-choice li.up a.check{background-position-y:-125px}
.open-event-text .stock-choice li.up a+span>strong{color:#f22d72;margin-left:10px;}
.open-event-text .stock-choice li.up a+span>strong:before{content:"";margin-right:3px;vertical-align:middle;display:inline-block;width:14px;height:12px;background:url(/mba/images/event/ico_small_up.png) 0 0 no-repeat;background-size:14px 12px;}
.open-event-text .stock-choice li.up:after{content:'VS';display:block;position:absolute;top:54px;right:-10px;font-size:19px;color:#c4c2c2;font-family:"NotoSansBold";}
.open-event-text .stock-choice li.down a{float:right;background:url(/mba/images/event/img_stock_down.png) 0 0 no-repeat;background-size:123px 250px;margin-right: 10px;}
.open-event-text .stock-choice li.down a.check{background-position-y:-125px}
.open-event-text .stock-choice li.down a+span{text-align:right}
.open-event-text .stock-choice li.down a+span>strong{color:#276ef1}
.open-event-text .stock-choice li.down a+span>strong:before{content:"";margin-right:3px;vertical-align:middle;display:inline-block;width:14px;height:12px;background:url(/mba/images/event/ico_small_down.png) 0 0 no-repeat;background-size:14px 12px;}
.open-event-text .stock-choice li.closed {display:block;position:absolute;top:-10px;left:0;width:100%;height:166px;background-color:#585858;opacity:0.88;overflow:hidden;z-index:3;border-radius:15px}
.open-event-text .stock-choice li.closed:after{content:'';display:block;position:absolute;top:50%;left:50%;margin-left:-122px;margin-top:-65px;width:244px;height:130px;background:url(/mba/images/event/img_grand_open_close.png) 0 0 no-repeat;background-size:244px 130px;}

.open-event-text .event-sns{display:block}
.open-event-text .event-sns>li{display:block;position:relative}
.open-event-text .event-sns>li:before{content:'';display:block;position:absolute;top:-3px;left:12px;;width:86px;height:53px;background:url(/mba/images/event/img_grand_open_sns.png) 0 0 no-repeat;background-size:86px 53px;}
.open-event-text .event-sns>li>a{display:block;margin-left:128px;font-size:14px;color:#616161;line-height:22px}

.open-event-area .row.cols-2{margin:30px 35px 0}
.open-event-area .row.cols-2.mag{margin-left:0;margin-right:0}
.open-event-area .row.cols-2 .col{width:49%}
.open-event-area .row.cols-2 .col:nth-child(2){margin-left:2%}
.open-event-area .row.cols-2.btn-ok .btn-sky.Large2{font-family:"NotoSansMedium";font-size:15px}

.open-event-area .event-result{display:block;border-radius:4px;background-color:#f7f7f7;}
.open-event-area .event-result .my-choice{display:table;padding:13px 0;margin:0 auto;width:200px}
.open-event-area .event-result .my-choice dt, .open-event-area .event-result .my-choice dd{display:table-cell;height:50px;vertical-align:middle}
.open-event-area .event-result .my-choice dt{width:40%}
.open-event-area .event-result .my-choice dt>span{font-size:14px;color:#616161}
.open-event-area .event-result .my-choice dd>p{position:relative;color:#212121;font-size:23px;padding-left:74px;font-family:"NotoSansBold";}
.open-event-area .event-result .my-choice dd>p:before{content:'';display:block;position:absolute;top:-12px;left:0px;;width:52px;height:49px;}
.open-event-area .event-result .my-choice.up dd>p:before{background:url(/mba/images/event/imgs_stock_up.png) 0 0 no-repeat; background-size:52px 49px;}
.open-event-area .event-result .my-choice.down dd>p:before{background:url(/mba/images/event/imgs_stock_down.png) 0 0 no-repeat; background-size:52px 49px;}

.open-event-area .event-result .stock-price-info{display:block;padding:26px 0 28px;margin:0 auto;width:200px;overflow:hidden}
.open-event-area .event-result .stock-price-info>li{float:left;width:80px;text-align:center}
.open-event-area .event-result .stock-price-info>li:nth-child(2){float:right;}
.open-event-area .event-result .stock-price-info>li .title{display:block;font-size:13px;line-height:15px;color:#616161;padding-bottom:5px;border-bottom:1px solid #cecece}
.open-event-area .event-result .stock-price-info>li .price{display:block;font-size:20px;line-height:22px;color:#212121;padding-top:10px;}

.open-event-area .event-result .stock-text-info{display:block;padding:0px 0 20px;margin:0 auto;width:200px;overflow:hidden}
.open-event-area .event-result .stock-text-info li{display:block}
.open-event-area .event-result .stock-text-info li .text-info{display:block;font-size:14px;color:#616161;padding-bottom:10px}
.open-event-area .event-result .stock-text-info li .price-info{display:block;text-align:center}
.open-event-area .event-result .stock-text-info li .price-info>strong{display:inline-block;font-size:26px;color:#212121;font-family:"NotoSansBold";}
.open-event-area .event-result .stock-text-info li .price-info>strong:before{content:'';display:inline-block;width:37px;height:33px;margin-bottom:-7px;margin-right:3px}
.open-event-area .event-result .stock-text-info li .price-info.sam>strong:before{background:url(/mba/images/event/ico_sum.png) 0 0 no-repeat; background-size:37px 33px;}
.open-event-area .event-result .stock-text-info li .price-info.up>strong:before{background:url(/mba/images/event/ico_up.png) 0 0 no-repeat; background-size:37px 33px;}
.open-event-area .event-result .stock-text-info li .price-info.down>strong:before{background:url(/mba/images/event/ico_down.png) 0 0 no-repeat; background-size:37px 33px;}

/*이벤트 참여 결과 메세지*/
.open-event-area .event-result .not-result{display:table;text-align:center;width:100%}
.open-event-area .event-result .not-result li{display:table-cell;width:100%;font-size:14px;color:#616161;line-height:26px;height:76px;vertical-align:middle}

/*이벤트 참여시간 아닐때*/
.open-event-area .event-result .not-time{display:block;margin:0 23px;padding:14px 0;text-align:center;}
.open-event-area .event-result .not-time .text{font-size:14px;color:#616161;line-height:22px;}
.open-event-area .event-result .not-time .text>strong{color:#212121;font-family:"NotoSansBold";}
.open-event-area .event-result .not-time .time-view{display:block;margin:20px auto 35px;background:url(/mba/images/event/img_grand_open_time.png) 0 0 no-repeat;background-size:206px 64px;width:206px;height:64px}
.open-event-area .event-result .not-time .next-event{margin:0 -25px}
.open-event-area .event-result .not-time .next-event li{font-size:14px;color:#212121;}
.open-event-area .event-result .not-time .next-event .img-logo{margin:13px 0}
.open-event-area .event-result .not-time .next-event .img-logo img{max-width:100%}

.open-event-area .bul-list li+li{margin-top:5px}

/* 심사필 */
.dlbrNoSpan{display:block;border-top:1px solid #eee;padding:24px 32px}

.layModal-wrap3 .tbl-wrap .tbl th,
.layModal-wrap3 .tbl-wrap .tbl td{padding:10px 2px}

 
.layModal-wrap3 .prod.pay{min-width:auto;width:100%}
.layModal-wrap3 .prod.pay dt, .open-event-info .prod.pay dd{vertical-align:middle}
.layModal-wrap3 .prod.pay dt{width:40%;}
.layModal-wrap3 .prod.pay dt span{width:auto;background-color:#fff;color:#212121;font-size:17px;text-align:left}
.layModal-wrap3 .prod.pay dd{font-size:24px;text-align:right;}
.layModal-wrap3 .prod.pay dd>p{background-color:#f4f4f4;padding:13px 5px;border-radius:4px;color:#212121;text-align:center}

.layModal-wrap3 .bul-list{width:auto}
.layModal-wrap3 .bul-list li + li{margin-top:4px}


.layModal-wrap3 .biz-logo{display:block}
.layModal-wrap3 .biz-logo:after {content:'.'; display:block; clear:both; visibility:hidden;}
.layModal-wrap3 .biz-logo>li{width:23%;float:left;margin-left:2%;padding:0;margin-top:23px;}
.layModal-wrap3 .biz-logo>li+li{margin-top:23px}
.layModal-wrap3 .biz-logo>li:before{display:none}
.layModal-wrap3 .biz-logo>li>.img{display:block;border-radius:14px;background-color:#f2f2f2;width:60px;height:60px;text-align:center;margin:0 auto}
.layModal-wrap3 .biz-logo>li>.img img{width:55px;height:30px;margin-top:15px;}
.layModal-wrap3 .biz-logo>li>.text{display:block;text-align:center;padding-top:8px;color:#616161}
.layModal-wrap3 .biz-logo>li:nth-child(1){margin-left:0}
.layModal-wrap3 .biz-logo>li:nth-child(5), .layModal-wrap3 .biz-logo>li:nth-child(9){margin-left:0; clear:both}

.layModal-wrap3 .goods-img{display:block}
.layModal-wrap3 .goods-img:after {content:'.'; display:block; clear:both; visibility:hidden;}
.layModal-wrap3 .goods-img>li{width:32.6%;float:left;margin-left:1%;padding:0;margin-bottom:23px;margin-top:0}
.layModal-wrap3 .goods-img>li+li{margin-bottom:23px;margin-top:0}
.layModal-wrap3 .goods-img>li:before{display:none}
.layModal-wrap3 .goods-img>li>.title{display:block;text-align:center;padding-bottom:6px;font-size:12px;color:#286ef1;font-family:"NotoSansBold";}
.layModal-wrap3 .goods-img>li>.img{display:block;border-radius:100%;background-color:#f2f2f2;width:85px;height:85px;text-align:center;margin:0 auto}
.layModal-wrap3 .goods-img>li>.img img{min-width:55px;height:65px;margin-top:10px;}
.layModal-wrap3 .goods-img>li>.text{display:block;text-align:center;padding-top:8px;font-size:11px;color:#616161}
.layModal-wrap3 .goods-img>li:nth-child(1){margin-left:0}
.layModal-wrap3 .goods-img>li:nth-child(4), .layModal-wrap3 .goods-img>li:nth-child(7), .layModal-wrap3 .goods-img>li:nth-child(10){margin-left:0; clear:both}

/*개인정보 수집 이용 동의*/
.event-agree{display:block;padding-top:0;padding-bottom:0}
.event-agree .agree-info{display:block;border:1px solid #ddd;padding:32px 22px;overflow-y:auto;height:280px}
.event-agree .agree-info ol>li{margin-left:12px;text-indent:-12px;margin-top:8px}
.event-agree .agree-info ol>li:first-child{margin-top:0}
.event-agree .agree-info ol.non>li{text-indent:0;margin-left:0}
.event-agree .agree-info .text-f14{font-size:14px !important; color:#212121; font-family:"NotoSansBold";}
.event-agree .agree-info ol>li>ul{margin-top:5px}
.event-agree .agree-info ol>li>ul>li{text-indent:0}
.event-agree .agree-info ol>li>ul>li+li{margin-top:4px}
.event-agree .agree-info strong{color:#212121;font-family:"NotoSansBold";}
.event-agree .dateModal-wrap .date-body{max-height:336px;overflow-y:auto}

.bar-list>li {display:block; position:relative; padding-left:11px; font-size:12px; color:#616161; line-height:18px; font-family:'NotoSansRegular';margin:0;text-indent:0}
.bar-list>li + li {margin-top:8px;}
.bar-list>li:before {content:''; display:block; position:absolute; top:8px; left:0; clear:both; width:3px; height:1px; background-color:#9e9e9e;}
.bar-list>strong {font-family:"NotoSansBold";}

.txt-indent>li {display:block; position:relative; padding-left:11px; font-size:12px; color:#616161; line-height:18px; font-family:'NotoSansRegular';margin:0;text-indent:0}
.txt-indent>li + li {margin-top:8px;}
.txt-indent>li:before {display:none;}
.txt-indent>strong {font-family:"NotoSansBold";}


/*금융인증서 안내*/
.yessign-step{display:block}
.yessign-step>li{display:block;position:relative;padding-left:48px}
.yessign-step>li>p{display:block;padding:4px 0 23px;margin-bottom:18px;line-height:22px;border-bottom:1px solid #eee}
.yessign-step>li>p>span{display:block;color:#888;line-height:20px;padding-top:4px;font-size:13px}
.yessign-step>li:last-child>p{border-bottom:0}
.yessign-step>li:before{content:' '; font-size:12px; color:#616161; display:block; position:absolute; top:0; left:0; width:32px; height:32px; line-height:32px; text-align:center; background-color:#eee; border-radius:100% }
.yessign-step>li:nth-child(1):before{content:'1';}
.yessign-step>li:nth-child(2):before{content:'2';}
.yessign-step>li:nth-child(3):before{content:'3';}
.yessign-step>li:nth-child(4):before{content:'4'; }
.yessign-step>li:after{content:' '; display:block; position:absolute; top:47px; left:14px; width:2px; height:96px; background:url(/mba/images/customer/bg_dot_line.png) 0 0 repeat-y;background-size:2px 8px;}
.yessign-step>li:nth-child(2):after{height:56px;}
.yessign-step>li:nth-child(3):after{height:75px;}
.yessign-step>li:nth-child(4):after{display:none}


/*마이데이터 앱*/
.mydata-info{display:block;border-top:1px solid #eee;margin:30px 0 0;}
.mydata-info ul li{padding:26px 0 0}
.mydata-info ul li p{color:#888; font-family:'NotoSansRegular';}

.member-info{display:block}
.member-info>dl{display:block;padding:45px 0 0}
.member-info>dl>dt{display:block;font-size:13px;color:#616161;line-height:20px;font-family:'NotoSansRegular';}
.member-info>dl>dd{display:block}
.member-info>dl>dd input{border-bottom:1px solid #ddd;padding:14px 0;width:100%}
.member-info>dl>dd.jumin .first input{width:65%}
.member-info>dl>dd.jumin .last {line-height:14px}
.member-info>dl>dd.jumin .last input{width:12%}
.member-info>dl>dd.jumin .hyphen{padding:0 8px}
.member-info>dl>dd.phone{margin-top:5px}
.member-info>dl>dd.phone-pin{position:relative}
.member-info>dl>dd.phone-pin .btn-wrap{position:absolute; top:10px; right:0;}
.member-info>dl>dd.phone-pin .btn-wrap .btn-gray {height:28px; padding:0 12px; font-size:12px; line-height:28px;}
.member-info>dl>dd.phone-pin .pin-msg{display:block;padding:10px 0 0;font-size:12px;color:#286ef1}
.member-info .btn-select{font-weight:normal}

.form-agree {display:block;background:#fafafa;padding:21px 21px 15px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:10px;}
.form-agree>li{display:block;min-height:32px} 

/*약관 내용*/
.agree-wrap{display:block}

.form-line{display:block;border-top:1px solid #eee;margin-top:50px}

.check-wrap label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 32px; font-size:13px; color:#616161; line-height:24px;}
.check-wrap label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:24px; height:24px; background:url('/mba/images/product/ico_check01_off.png') no-repeat 50% 50%; background-size:24px;}
.check-wrap label > input[type="checkbox"]:checked + span:before, .form-check label > input[type="checkbox"].check + span:before {background:url('/mba/images/product/ico_check01_on.png') no-repeat 50% 50%; background-size:24px;}
.check-wrap label > input[type="checkbox"]:disabled + span:before {background:url('/mba/images/product/ico_check02_dis.png') no-repeat 50% 50%; background-size:24px;}

.form-check.account~.form-check.account{display:block}

.mydata-apply .mydata-body {display:block; position:relative;border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.mydata-apply .mydata-body dl {display:table; width:100%; padding:10px 12px; font-size:12px; line-height:20px; background-color:#f8f8f8}
.mydata-apply .mydata-body dl:nth-child(2n){background-color:#fff}
.mydata-apply .mydata-body dl dt {display:table-cell; width:50%; vertical-align:middle; color:#616161}
.mydata-apply .mydata-body dl dd {display:table-cell; width:50%; text-align:right; vertical-align:middle; color:#212121}
.mydata-apply .mydata-body dl dd .link {color:#616161;text-decoration:underline}

.mydata-apply .mydata-cont{display:block; margin-top:45px}
.mydata-apply .mydata-cont:last-child{padding-bottom:40px}
.mydata-apply .mydata-cont dt{display:block;font-size:14px;color:#212121;font-family:"NotoSansBold";line-height:22px}
.mydata-apply .mydata-cont dd{position:relative;display:block;margin-top:10px}
.mydata-apply .mydata-cont dd:after {content:''; display:block; clear:both; visibility:hidden;}
.mydata-apply .mydata-cont dd>p{display:block;width:50%;float:left;min-height:30px;}
.mydata-apply .mydata-cont dd>p .form-choice{display:block; position:absolute; top:60px; left:0; width:100%}
.mydata-apply .mydata-cont dd>p .form-choice .inp-data{width:45%}
.mydata-apply .mydata-cont dd>p .form-choice>.hypen{padding:0 8px;}

.mydata-mgs{display:block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:16px;text-align:center}
.mydata-mgs>p{display:inline-block;font-size:13px;line-height:16px}
.mydata-mgs>p:before{content:''; display:inline-block;width:17px;height:15px;background:url('/mba/images/mydata/ico_tip_text.png') no-repeat 0 0; background-size:17px 15px;vertical-align:middle;margin-right:8px}

.my-account-list{display:block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;max-height:182px;overflow-y:auto}
.my-account-list>li{display:block;font-size:13px;color:#212121;line-height:20px;padding:6px 0}

.footer-area{display:block;background-color:#f2f2f2;padding:25px 0 80px;}
.footer-area .logo{display:block;margin:0 auto;width:113px;height:20px;background:url(/mba/images/mydata/logo_spop.png?cb=20231031) 0 0 no-repeat;background-size:113px 20px;text-indent:-999999px}
.footer-area .adr{display:block;margin:14px 0}
.footer-area .adr>li{display:block; text-align:center;}
.footer-area .adr>li>a{font-size:12px;color:#414141;font-family:'NotoSansRegular';}
.footer-area .adr>li>a~a{padding-left:15px}
.footer-area .adr>li.copy{padding-top:15px;font-size:12px;color:#888;font-family:'NotoSansRegular';}


/* 쉬운투자 FESTA */
.event-festa{padding-top:60px;padding-bottom:60px}
.event-festa-box {display:block;position:relative;border-radius:4px;box-shadow:0 3px 12px 0 rgba(0, 0, 0, 0.08);}
.event-festa-box.inner{margin:18px -8px;padding:11px 22px 10px}
.event-festa-box .btn-select{border-bottom:0;margin:0px 0}
.event-festa-box.inner + .title18, .pin-msg + .title18{margin-top:80px}

.input-info{position:relative;min-height:43px}
.input-info input{line-height:43px;font-size:16px}
.input-info>.btn-wrap{position:absolute; top:0px; right:-10px;}
.input-info>.btn-wrap .btn-gray {height:42px; padding:0 14px; font-size:12px; line-height:42px;min-width:72px}
.event-festa .pin-msg{display:block;padding:0px 0 0;font-size:13px;color:#286ef1}
.event-festa .pin-msg.error{color:#eb4d39;line-height:22px}

.team_choice{position:relative;display:block;min-height:69px;padding:0 0 0 70px}
.team_choice.active+.intro-wrap{display:block}
.team_choice_btn.active+.intro-wrap{display:block; text-align:left}
.team_choice:before{content:'';background:url('/mba/images/event/ico_team_choice.png') 0 0 no-repeat;background-size:62px 62px;display:inline-block;width:62px;height:62px;position:absolute;top:4px;left:0px;}
.team_choice:after{content:'';background:url('/mba/images/product/ico_title_arr_bk.png') 0 0 no-repeat;background-size:24px 24px;width:24px;height:24px;position:absolute;top:50%;margin-top:-12px;right:0}
.team_choice .team-thum{display:inline-block;width:62px;height:62px;position:absolute;top:4px;left:0px;}
.team_choice>strong{display:block;font-size:14px;color:#286ef1;padding:18px 0 0}
.team_choice>p{display:block;font-size:13px;color:#c1c1c1;padding:5px 0 0}

.toggle-wrap {display:block; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.toggle-list {display:block; position:relative;}
.toggle-list dt {display:block; position:relative;}
.toggle-list dt .btn-q {display:block; position:relative; width:100%; padding:14px 43px 15px 0; background:url('/mba/images/product/ico_arr_bottom02.png') no-repeat 100% 50%; background-size:24px; font-family:"NotoSansBold"; font-size:16px; line-height:22px; text-align:left;}
.toggle-list dt.active .btn-q {border-bottom:none; background:url('/mba/images/product/ico_arr_top02.png') no-repeat 100% 50%; background-size:24px;}
.toggle-list dd {display:none; position:relative; padding-bottom:16px; font-size:13px; color:#888; line-height:22px; font-family:'NotoSansRegular'; max-height:228px; overflow-y:auto}
.toggle-list .active + dd {display:block;}
.toggle-list dd li:first-child{margin-top:10px}
.toggle-list dd li~li{margin-top:26px}

.event-festa .form-check label > input[type="radio"] + span{font-size:15px}
.event-festa .form-check label+label{margin-left:18px}
.festa-popup .form-check label > input[type="radio"] + span{font-size:13px}

.event-festa .btn-toggle{padding-left:0;font-size:18px}
.event-festa .btn-toggle:before{background:none}
.event-festa.team-check{padding-top:0;}
.event-festa.team-check .inner-box{background-color:#286EF1;color:#fff;padding:22px;}

.festa-agree.active+.intro-wrap{display:block}

.festa-popup{background-color:#286EF1;color:#fff}
.festa-popup .intro-header{padding-left:52px}
.festa-popup .intro-header:before{display:block;content:'';background:url('/mba/images/product/ico_pop_title_arr.png') 0 0 no-repeat;background-size:24px 24px;width:24px;height:24px;position:absolute;top:18px;left:24px}
.festa-popup .intro-close{background:url('/mba/images/product/pop_btn_exit.png') no-repeat 50% 50%;top:18px;background-size:24px}

.festa-popup.pop-white{background-color:#fff;color:#212121}
.festa-popup.pop-white .intro-header{padding-left:52px}
.festa-popup.pop-white .intro-header:before{display:block;content:'';background:url('/mba/images/product/ico_arr_left02.png') 0 0 no-repeat;background-size:24px 24px;width:24px;height:24px;position:absolute;top:18px;left:24px}
.festa-popup.pop-white .intro-close{background:url('/mba/images/product/btn_exit.png') no-repeat 50% 50%; background-size:24px;top:18px;}

.festa-popup .intro-body{} 
.festa-popup .intro-body .title22{display:block;font-size:22px;line-height:32px;margin-bottom:10px;padding-top:28px/* font-family:"NotoSansBold"; */}

.festa-popup .intro-body .team-choice-img{display:block;position:relative}
.festa-popup .intro-body .team-choice-img img{width:100%}
.festa-popup .festa-step{padding-top:16px}
.festa-popup .festa-step .bar_progress2 {display:block; position:relative; margin-bottom:60px; width:100%; height:8px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#4C87F4;}
.festa-popup .festa-step .bar_progress2 span{display:block; position:relative; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; width:0; height:8px; font-size:0; line-height:0; color:transparent; background:#0DD0D0;}
.festa-popup .festa-step .bar_progress2.more span:after{display:block;content:'';background:url('/mba/images/event/festa_message_01.png') 0 0 no-repeat;background-size:112px 57px;width:112px;height:57px;position:absolute;top:-14px;right:-74px}
.festa-popup .festa-step .bar_progress2.end span:after{display:block;content:'';background:url('/mba/images/event/festa_message_02.png') 0 0 no-repeat;background-size:125px 61px;width:125px;height:61px;position:absolute;top:-16px;right:-74px}
.festa-popup .festa-step .title20{text-align:center;}
.festa-popup .festa-step button+button{margin-top:8px} 

.festa-popup .festa-step .result-txt{line-height:22px;opacity:0.6;}

.festa-popup .quiz-area{display:block;border-radius:12px;margin:-20px -10px 0;padding:24px}
.festa-popup .quiz-area.type1{background:#FF9A53;}
.festa-popup .quiz-area.type2{background:#F5BD3D;}
.festa-popup .quiz-area.type3{background:#0DD0D0;}
.festa-popup .quiz-area .quiz-head{display:block;text-align:center;margin-top:8px;}
.festa-popup .quiz-area .quiz-head span{display:inline-block;border-radius:16px;padding:0 16px;line-height:32px;height:32px;font-size:13px;background:#fff}
.festa-popup .quiz-area.type1 .quiz-head span{color:#FF9A53}
.festa-popup .quiz-area.type2 .quiz-head span{color:#F5BD3D}
.festa-popup .quiz-area.type3 .quiz-head span{color:#0DD0D0}

.festa-popup .quiz-area .quiz-head+.title20{margin-top:12px;}
.festa-popup .quiz-area button{width:48.5%;box-shadow:0 6px 8px 0 rgba(0, 0, 0, 0.10);height:116px;padding-top:56px;line-height:24px;font-size:16px;}
.festa-popup .quiz-area button+button{margin-top:0px} 
.festa-popup .quiz-area.type1 button{background:#fff url('/mba/images/event/btn_type1_o.png') 0 0 no-repeat;background-size:48px;background-position:center 20px;color:#FF9A53}
.festa-popup .quiz-area.type1 button+button{background:#fff url('/mba/images/event/btn_type1_x.png') 0 0 no-repeat;background-size:48px;background-position:center 20px}

.festa-popup .quiz-area.type2 button{background:#fff url('/mba/images/event/btn_type2_o.png') 0 0 no-repeat;background-size:48px;background-position:center 20px;color:#F5BD3D}
.festa-popup .quiz-area.type2 button+button{background:#fff url('/mba/images/event/btn_type2_x.png') 0 0 no-repeat;background-size:48px;background-position:center 20px}

.festa-popup .quiz-area.type3 button{background:#fff url('/mba/images/event/btn_type3_o.png') 0 0 no-repeat;background-size:48px;background-position:center 20px;color:#0DD0D0}
.festa-popup .quiz-area.type3 button+button{background:#fff url('/mba/images/event/btn_type3_x.png') 0 0 no-repeat;background-size:48px;background-position:center 20px}

.team-check-list{display:block;margin-top:20px;}
.team-check-list>li:first-child{margin-top:0}
.team-check-list>li{margin-top:8px;}

.form-check.team{display:block;}
.form-check.team label{}
.form-check.team label > input{position:absolute; left:0; top:0; width:0; height:0;}
.form-check.team label > input[type="radio"] + span {display:block; position:relative; padding:0 0 0 106px; font-size:18px; color:#212121; line-height:100px; min-height:100px; border-radius:4px; border:2px solid #fff; box-shadow:0 3px 12px 0 rgba(0, 0, 0, 0.08);}
.form-check.team label > input[type="radio"] + span:before, .form-check.team label > input[type="radio"] + span:after {content:''; display:inline-block; position:absolute; top:18px; left:20px; clear:both; width:62px; height:62px; }
.form-check.team label > input[type="radio"]:checked + span{border-color:#286ef0}
.form-check.team label > input[type="radio"]:checked + span:before, .form-check.team label > input[type="radio"].check + span:before {z-index:3;background:url('/mba/images/event/ico_team_choice_check.png') no-repeat 50% 50%; background-size:62px;}
.form-check.team label > input[type="radio"]:disabled + span:before {background:none;}

.form-check.team.team1 label > input[type="radio"] + span:after{background:url('/mba/images/event/ico_team_choice_sheep.png') no-repeat 50% 50%; background-size:62px;}
.form-check.team.team2 label > input[type="radio"] + span:after{background:url('/mba/images/event/ico_team_choice_lion.png') no-repeat 50% 50%; background-size:62px;}
.form-check.team.team3 label > input[type="radio"] + span:after{background:url('/mba/images/event/ico_team_choice_eagle.png') no-repeat 50% 50%; background-size:62px;}
.form-check.team.team4 label > input[type="radio"] + span:after{background:url('/mba/images/event/ico_team_choice_bear.png') no-repeat 50% 50%; background-size:62px;}
.form-check.team.team5 label > input[type="radio"] + span:after{background:url('/mba/images/event/ico_team_choice_rabbit.png') no-repeat 50% 50%; background-size:62px;}

.event-festa .inner02.bg-f5{padding:24px 28px}
.event-festa .tbl-noline .tbl th, .event-festa .tbl-noline .tbl td{font-size:16px;padding:10px 0}
.event-festa .tbl-noline .tbl td{text-align:right}

.event-festa-btn.active+.layModal-wrap3{display:block}

.layModal-wrap3.festa-layer .lay-warp .lay-body{border-radius:4px;padding:0;height:370px;}
.layModal-wrap3.festa-layer .lay-warp .lay-body .festa-invest{background-color:#286ef0;padding:0;min-height:243px;text-align:center}
.layModal-wrap3.festa-layer .lay-warp .lay-body .festa-invest img{width:296px;min-height:243px}
.layModal-wrap3.festa-layer .lay-warp .lay-body .festa-invest-text{display:block;padding:24px 24px 0;}
.layModal-wrap3.festa-layer .lay-warp .lay-body .festa-invest-text>span{font-size:14px; color:#616161}
.layModal-wrap3.festa-layer .lay-warp .lay-body .festa-invest-text>p{font-family:"RobotoMedium";padding:12px 0 7px;font-size:36px;color:#212121;font-weight:bold}
.layModal-wrap3.festa-layer .lay-warp .lay-body .festa-invest-text>p>small{font-size:20px;font-weight:normal}
.layModal-wrap3.festa-layer .lay-warp .layModal-close{top:inherit;bottom:-32px;right:50%;background:#000 url('/mba/images/customer/btn_exit2.png') no-repeat 50% 50%;background-size:24px;margin-right:-30px;width:60px;height:60px;border-radius:100%}

.qr_table { width:100%; cellspacing:0; cellpadding:0; }
.qr_table tr th { font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center}
.qr_table tr td:first-child { background:#28aad8; border-radius:10px 0 0 10px; }
.qr_table tr td:nth-child(2) { background:#4fb645; }
.qr_table tr td:nth-child(3) { background:#f4ce1d; }
.qr_table tr td:nth-child(4) { background:#f5842c; }
.qr_table tr td:nth-child(5) { background:#e82f26; border-radius:0 10px 10px 0; }

.agree-tbl .tbl th{font-size:15px;}
.agree-tbl .tbl td{font-size:14px;}
.agree-tbl .tbl td .bul-list li,.agree-tbl .tbl td .black{font-size:16px;color:#212121;font-family:"NotoSansBold";}
.agree-tbl .tbl td .bul-list li.small{font-size:14px;color:#616161;font-family:"NotoSansMedium"}


/* 쉬운투자 안내 */
.event-festa-guide{padding-bottom:80px}
.event-festa-guide .visual-box.festa{}
.event-festa-guide .visual-box.festa .btn-go{display:inline-block;position:absolute;text-indent:-999999px;font-size:0;width:87%;height:13%;top:81%;left:6.2%;z-index:3;}

.event-festa-guide .section-temp{position:relative;margin-top:0}

.swiper-festa .swiper-slide{width:95% !important}
.swiper-festa .swiper-wrapper{margin-bottom:0}

.event-festa-guide .btn-detail-go{display:inline-block;position:absolute;text-indent:-999999px;font-size:0;width:89%;height:12%;top:83.5%;left:5.7%;z-index:3;}
.event-festa-guide .btn-detail-go.active+.intro-wrap{display:block}

.event-festa-guide .quick-lst{border-bottom:6px solid #eee}
.event-festa-guide .quick-lst li{padding:32px 0;border-top:1px solid #eee}
.event-festa-guide .quick-lst li a{padding-left:32px;padding-right:32px;font-size:16px}
.event-festa-guide .quick-lst li>a:before{top:50%;right:30px;margin-top:-12px;}

.event-festa-guide .toggle-list{margin:0 32px;}
.event-festa-guide .toggle-list:after{content:''; display:block; position:absolute; bottom:-1px; left:-32px; width:calc(100% + 64px); height:1px; background-color:#eee;}
.event-festa-guide .toggle-list dt .btn-q{font-family:"NotoSansMedium";padding-top:32px;padding-bottom:32px;}
.event-festa-guide .toggle-list dd{max-height:inherit;overflow:inherit;padding-bottom:32px}
.event-festa-guide .toggle-list dd .tbl-wrap .tbl th, .event-festa-guide .toggle-list dd .tbl-wrap .tbl td{padding:7px 2px;font-size:12px}
.event-festa-guide .toggle-list dd li~li{margin-top:10px}
.event-festa-guide .toggle-list dd .text-mid{color:#616161}
/* .event-festa-guide .toggle-list dd .tbl-wrap {margin-right:-22px !important; margin-left:-32px !important;} */

/* 소수점 매매 */
.ministock-info .section-body .tab-body.flex{padding-top:60px;}

/* 소수점 매매 이벤트 */
.event-ministock-guide .section {padding-top:0}
.event-ministock-guide .section-temp{margin-top:0}
.event-ministock-guide .section .btn-area{position:relative}
.event-ministock-guide .section .btn-area .btn-go{display:inline-block;position:absolute;text-indent:-999999px;font-size:0;width:86%;height:40%;top:0%;left:7%;z-index:3;}

.event-ministock-guide .open-event-info {margin-top:12px}
.event-ministock-guide .open-event-info .prod{display:table;margin:8px auto;min-width:310px}
.event-ministock-guide .open-event-info .prod+.prod{margin-top:10px}
.event-ministock-guide .open-event-info .prod dt{width:90px}
.event-ministock-guide .open-event-info .prod dt, .event-ministock-guide .open-event-info .prod dd{display:table-cell}
.event-ministock-guide .open-event-info .prod dt span{display:block;width:86px;font-size:13px;color:#276ef1;border-radius:14px;background-color:#fff;border:1px solid #6899f5;padding:5px 9px;line-height:14px;text-align:center}
.event-ministock-guide .open-event-info .prod dd{font-size:13px;color:#616161}
.event-ministock-guide .open-event-info .prod dd p{line-height:18px;padding-left:10px}
.event-ministock-guide .open-event-info .prod dd p+p{padding-top:13px}
.event-ministock-guide .open-event-text{display:block;padding:32px 22px}
.event-ministock-guide .agree-info{margin:0 -22px; background:#f8f8f8; border:none; border-radius:4px; height:auto;}


/* 이벤트 유의사항 */
.event-tip .section .bul-list .stit{display:block;margin:0px 0 10px;font-size:20px;color:#111}


/* 제휴사 앱 인증 */
.agree-check li:first-child{margin-top:0}
.agree-check li{margin-top:8px}
.agree-check .form-check {display:block}
.agree-check .form-check label > input[type="checkbox"] + div{display:block;border:1px solid #CCCCCC;border-radius:4px;padding:18px 22px}
.agree-check .form-check label > input[type="checkbox"] + div:before{display:none}
.agree-check .form-check label > input[type="checkbox"] + div>strong{display:block;font-size:14px;color:#606060;font-weight:500;}
.agree-check .form-check label > input[type="checkbox"] + div>p{display:block;font-size:12px;color:#888;margin-top:10px;line-height:18px}

.agree-check .form-check label > input[type="checkbox"]:checked + div{border:2px solid #286EF1;padding:17px 21px;}
.agree-check .form-check label > input[type="checkbox"]:checked + div>strong{color:#286EF1;font-weight:700;}

.agree-open .img-area{margin:0 -32px;}
.agree-open .img-area img{width:100%}

.progressBar2 {display:block; position:relative; width:100%; height:4px; font-size:0; line-height:0; color:transparent; background:#ddd; z-index:57;}
.progressBar2>span{display:inline-block;width:auto;height:4px; background:#286EF1; border-top-right-radius:4px; border-bottom-right-radius:4px;}

.rb-box {display:block; position:relative; border-radius:12px; border:1px solid #EBEBEB;padding:20px}

.my-account{display:block}
.my-account > dl:first-child{margin-top:0}
.my-account > dl{display:flex;font-size:13px;margin-top:13px;}
.my-account > dl dt{display:flex; text-align:left;color:#888;font-weight:400;}
.my-account > dl dd{display:flex; margin-left:auto;color:#111;font-weight:400;}
.my-account .btn-wrap a{font-size:12px;color:#888}

@media all  and  (max-width:735px){/*모바일 세로 */
	.news-more:before{left:10px;}
	.news-more>p{margin-left:110px;}
}


@media only screen and (min-device-width:280px) and (max-device-width:340px) {
	.product-box .open-event-text{padding:20px 12px}
	.open-event-info .prod{min-width:240px}
	.pd01-201w .synop-body .item .val, .synop-body .item .val .num{font-size:16px}
	.o2today .card .title{padding-left:18px;}
	.o2today .card .data{left:18px;}
	.o2today .card .btn-underline03,
	.o2today .card .stats{right:18px;}
	
	.form-wrap.mem-info .line-input input{font-size:14px;width:63%;}
	.form-wrap.mem-info .col2 input{width:46%}
	.form-wrap.mem-info .line-input button{font-size:11px;width:34%}
	.form-wrap.mem-info .line-input.phone button{width:25%}
	
	.product-box .open-event-text .event-title{font-size:18px}
	.product-box .open-event-text .event-title.small{font-size:16px}
	
	.open-event-area .row.cols-2.btn-ok .btn-sky.Large2{font-size:12px !important}
	.open-event-text .stock-choice li.closed{top:-5px;height:146px}
	.open-event-text .stock-choice li.closed:after{margin-left:-95px;width:190px;height:110px;background-size:190px 110px;margin-top:-55px}
	.open-event-area .event-result .not-time .time-view{background-size:196px 54px;width:196px;height:54px}
	.open-event-area .row.cols-2{margin:15px 20px 0}
	.open-event-area .btn-sky.Large2{font-size:14px}
	.open-event-text .stock-choice li.up a{margin-left:5px;width:103px;height:105px;background-size:103px 210px}
	.open-event-text .stock-choice li.up a.check{background-position-y:-105px}
	.open-event-text .stock-choice li.down a{margin-right:5px;width:103px;height:105px;background-size:103px 210px}
	.open-event-text .stock-choice li.down a.check{background-position-y:-105px}
	.open-event-text .stock-choice li.up:after{font-size:11px;right:-7px}
	.open-event-text .stock-choice li a+span{font-size:10px}
	.open-event-text .stock-choice li.up a+span>strong{margin-left:5px;}
	
	.search-con .trend-box.list.finance{min-height:220px}
	.search-con .trend-box.list.news .head .data{font-size:11px}
	.search-con .trend-box.list.report .head .name{width:68%}
	.search-con .trend-box.list.report .head .data{width:30%}
	.mydata-apply .mydata-cont dd>p .form-choice .inp-data{width:42%}
}

@media only screen and (min-device-width:320px) and (max-device-width:360px) {
	.btn-isaInfo + .layModal-wrap2 .lay-body .isaInfoBox{height:465px}
	.event-agree .agree-info{padding:22px 15px}
	.open-event-area .row.cols-2.btn-ok .btn-sky.Large2{font-size:14px}
	.open-event-area .event-result .not-time .text{font-size:13px}
	.product-box .open-event-text .event-title{font-size:24px}
	.open-event-text .stock-choice li.up:after{font-size:14px;right:-9px}
	.mydata-apply .mydata-cont dd>p .form-choice .inp-data{width:44%}
}

@media only screen and (min-device-width:370px) and (max-device-width:412px) {
	.btn-isaInfo + .layModal-wrap2 .lay-body .isaInfoBox{height:500px !important}
	.open-event-area .row.cols-2.btn-ok .btn-sky.Large2{font-size:15px}
	.open-event-area .event-result .not-time .text{font-size:13px}
}

@media all  and  (max-width:414px){
	.btn-isaInfo + .layModal-wrap2 .lay-body .isaInfoBox{height:555px}
}