	@charset "utf-8";

/* community color setting */
body .nbtn:hover,
body .nbtn.on {border-color:#1f5dbe; color:#1f5dbe;}
body .nbtn-primary {border-color:#1f5dbe; background:#1f5dbe; color:#fff;}
body .nbtn-primary:hover,
body .nbtn-primary.on {border-color:#134298; background:#134298; color:#fff;} /* ?? */
body .nbtn-type1:hover,
body .nbtn-type1.on {border-color:#134298; color:#134298;}
body .nbtn-type2:hover,
body .nbtn-type2.on {border-color:#134298; background-color:#134298; color:#fff;}
body .btn-white2:hover,
body .btn-white2.on {border-color:#134298;}
body .btn-white2:hover span,
body .btn-white2.on span {color:#1f5dbe;}
body .paging.paging-type2 .page-num span a:hover,
body .paging.paging-type2 .page-num span a.ctrl:hover {border-color:#134298; color:#134298;}
body .paging.paging-type2 .page-num span a.selectPage {border-color:#1f5dbe; background-color:#1f5dbe; color:#fff;}
body .search-box .layout-tbl .calendar_inputs .nbtn-small.on {background-color:#1f5dbe}


/* common */
.h3-tit {font-family:'NanumGothicBold';}
.gnb-wrap .gnb-wrapin div.search-linked-wrap {width:360px !important;}

/*임시CSS*/
a {color:#666;}

	/*블릿*/
.bul_list {overflow:hidden;}
.bul_list > li {display:table-cell; vertical-align:middle; height:24px; margin-left:10px; padding:0 10px; background:url('/img/bul/bul_line_gray.png') left center no-repeat; line-height:24px;}
.bul_list.nobg > li:first-child {margin-left:0; padding-left:0; background:none;}

	/*아이콘*/
.btn_declare {display:inline-block; width:13px; height:11px; background:url('/img/btn/btn_declare.png') 0 center no-repeat; text-indent:-9999px;}
.bt-icon.send {text-indent:-9999px;}

.ico_fs {display:inline-block; width:25px; height:26px; text-indent:-9999px; background:url('/img/ico/ico_sns_fs_on.png?cashBuster=20191126') center center no-repeat; vertical-align:middle;margin-right:5px;}
.ico_facebook {display:inline-block; width:25px; height:26px; text-indent:-9999px; background:url('/img/ico/ico_sns_facebook_on.png') center center no-repeat; vertical-align:middle;margin-right:5px;}
.ico_kakao {display:inline-block; width:25px; height:26px; text-indent:-9999px; background:url('/img/ico/ico_sns_kakao_on.png') center center no-repeat; vertical-align:middle;margin-right:5px;}
.ico_naver {display:inline-block; width:25px; height:26px; text-indent:-9999px; background:url('/img/ico/ico_sns_naver_on.png') center center no-repeat; vertical-align:middle; margin-right:5px;}
.ico_google {display:inline-block; width:25px; height:26px; text-indent:-9999px; background:url('/img/ico/ico_sns_google_on.png') center center no-repeat; vertical-align:middle;margin-right:5px;}
.ico_fs.gray {width:24px; height:24px; background:url('/img/ico/ico_sns_fs_off.png?cashBuster=20241211') center center no-repeat; vertical-align:middle;}
.ico_facebook.gray {width:24px; height:24px; background:url('/img/ico/ico_sns_facebook_off.png') center center no-repeat; vertical-align:middle;}
.ico_kakao.gray {width:24px; height:24px; background:url('/img/ico/ico_sns_kakao_off.png') center center no-repeat; vertical-align:middle;}
.ico_naver.gray {width:24px; height:24px; background:url('/img/ico/ico_sns_naver_off.png') center center no-repeat; vertical-align:middle;}
.ico_google.gray {width:24px; height:24px; background:url('/img/ico/ico_sns_google_off.png') center center no-repeat; vertical-align:middle;}

.ico_fs.on {width:19px; height:19px; background:url('/img/ico/ico_sns_fs.png?cashBuster=20191126') center center no-repeat; vertical-align:middle;}
.ico_facebook.on {width:19px; height:19px; background:url('/img/ico/ico_sns_facebook.png') center center no-repeat; vertical-align:middle;}
.ico_kakao.on {width:19px; height:19px; background:url('/img/ico/ico_sns_kakao.png') center center no-repeat; vertical-align:middle;}
.ico_naver.on {width:19px; height:19px; background:url('/img/ico/ico_sns_naver.png') center center no-repeat; vertical-align:middle;}
.ico_google.on {width:19px; height:19px; background:url('/img/ico/ico_sns_google.png') center center no-repeat; vertical-align:middle;}
.ico_fs.gray2 {}
.ico_facebook.gray2 {width:19px; height:19px; background:url('/img/ico/ico_sns_facebook_off2.png') center center no-repeat; vertical-align:middle;}
.ico_kakao.gray2 {width:19px; height:19px; background:url('/img/ico/ico_sns_kakao_off2.png') center center no-repeat; vertical-align:middle;}
.ico_naver.gray2 {width:19px; height:19px; background:url('/img/ico/ico_sns_naver_off2.png') center center no-repeat; vertical-align:middle;}
.ico_google.gray2 {width:19px; height:19px; background:url('/img/ico/ico_sns_google_off2.png') center center no-repeat; vertical-align:middle;}


.btn_like {display:inline-block; position:relative; width:84px; height:84px; background:url('/img/btn/btn_like_big.png') 0 0 no-repeat;}
.btn_like span {display:inline-block; position:absolute; left:0; top:42px; width:100%; color:#999; font-size:13px; text-align:center;}
.btn_like:hover {background-position:0 -94px;}
.btn_like:hover span {color:#134298;}

.btn_likeon {display:inline-block; position:relative; width:84px; height:84px; background:url('/img/btn/btn_like_big.png') 0 0 no-repeat; background-position:0 -94px;}
.btn_likeon span {display:inline-block; position:absolute; left:0; top:42px; width:100%; color:#1f5dbe; font-size:13px; text-align:center;}


	/*텍스트 컬러*/
.txt_red {color:#f73240 !important ;}

	/*목록 상단*/
.hgroup_wrap {position:relative; overflow:hidden; margin-bottom:15px; min-height:20px; margin-top:20px;}
.hgroup_wrap .h3-tit .count {font-family:'NanumGothicBold'; color:#999;}
.hgroup_wrap .h3-tit .count em {color:#222; width:initial; height:initial; margin-right:0; background:none;}
.hgroup_wrap .array_wrap {position:absolute; right:0; top:0;}
.hgroup_wrap .button_wrap {position:absolute; right:0; top:-2px;} /*나의투자경험담 목록*/

	/*view관련 아이콘모음*/
.viewInfo_wrap .btn_like {display:inline-block; position:relative; width:84px; height:84px; background:url(/img/btn/btn_like_big.png) 0 0 no-repeat;}
.viewInfo_wrap .btn_like span, .btn_bookmark span {display:inline-block; position:absolute; left:0; top:42px; width:100%; color:#999; font-size:13px;
		text-align:center;}
.viewInfo_wrap .btn_like:hover, .btn_bookmark:hover, .btn_bookmark.on {background-position:0 -94px;}
.viewInfo_wrap .btn_like:hover span {color:#134298;}

.viewInfo_wrap .btn_likeon {display:inline-block; position:relative; width:84px; height:84px; background:url(/img/btn/btn_like_big.png) 0 0 no-repeat; background-position:0 -94px;}}
.viewInfo_wrap .btn_likeon span, .btn_bookmark span {display:inline-block; position:absolute; left:0; top:42px; width:100%; color:#1f5dbe; font-size:13px;
		text-align:center;}

.viewInfo_wrap .btn_declare{display:inline-block; width:13px; height:24px; background:url(/img/btn/btn_declare.png) 0 center no-repeat; text-indent:-9999px;}
.btn_bookmark {display:inline-block; position:relative; width:84px; height:84px; background:url('/img/btn/btn_bookmark_big.png') 0 0 no-repeat;}
.btn_bookmark:hover span {color:#999;}

#container {position:relative; display:inline-block; width:100%; min-height:200px}
.contents-wrap {margin:0 auto; width:950px; padding-bottom:100px}
.contents-wrap.fixed {padding-top:280px}
.contents-wrap.banner {padding-top:150px}
.contents {position:relative;  width:950px;  padding-top:20px}

.gnb-wrap .gnb-menu ul.menuwrap>li.mypage {background:url('/img/gnb/icon_mypage.gif?cashBuster=20191128') no-repeat center left; background-size:18px 18px}
.gnb-wrap {border-top:2px solid #1f5dbe;}
/* .gnb-wrap .gnb-wrapin h1 {background:url('/img/com/logo.png') no-repeat left center; background-size:139px 40px;} */
.gnb-wrap .gnb-util ul.utilFirst li.active {background:#1f5dbe}
.gnb-wrap .gnb-util ul.utilFirst li:nth-child(1) {padding-left:0;}
.gnb-wrap .gnb-wrapin p.searchInput input {border-color:#1f5dbe}
.gnb-wrap .gnb-menu ul.menuwrap>li>a:hover {color:#134298}
.gnb-wrap .gnb-wrapin p.searchInput a {border-top:4px solid #1f5dbe}
.gnb-wrap .gnb-wrapin div.searchInput>input {border-color:#134298;}
.gnb-wrap .gnb-wrapin div.searchInput>a {border-top:4px solid #1f5dbe}
.gnb-wrap .gnb-menu ul.menuwrap>li>a.on,
.gnb-wrap .gnb-menu ul.menuwrap>li>a:hover,
.gnb-wrap .depthmenu .mn-right .mn-section ul>li>a:hover,
.gnb-wrap .depthmenu .mn-right .mn-section ul>li.firstMn>a:hover,
.gnb-wrap .gnb-wrapin div.rankwrap .rankPopup h3,
.gnb-wrap .location>ul>li.lastcate .cateLine>ul>li>a:hover {color:#134298}

h2.after-b,
h2.after-t {margin-bottom:20px; margin-top:0; font-size:32px; line-height:38px; font-family:'NanumGothicBold';}

.button02.white-bt .icon-chk {background-image:url('/img/btn/bg_btn_comm.png?cashBuster=20191126') !important;}
.bt-icon {background-image:url('/img/btn/bg_btn_comm.png?cashBuster=20191126') !important;}
.bt-check label:after {background-image:url('/img/btn/bg_btn_comm.png?cashBuster=20191126') !important;}

.bt-icon.like:hover {color:#134298}
span.bt-icon.like:hover {color:#888}


/* 회원프로필 */
/*마이페이지 대시보드와 커뮤니티 프로필팝업 상단 공통*/
.member-profile-title {border-bottom:2px solid #2b3c54;}
.member-profile-title h4 {margin-bottom:20px; color:#3e4143; font-size:25px; font-weight:bold; line-height:30px;text-align:center;}
.member-profile-title .follow-button {float:right; display:block; margin:-45px 0 0; width:100px;}

.profile_contents_tab {margin-bottom:40px;}
.profile_contents_tab .tab-default > ul > li > a {padding:0;}
.profile_contents {position:relative; display:inline-block; width:100%; padding-bottom:60px;}
.profile_contents .panel-search:after {content:''; clear:both; display:block;}
.profile_contents .panel-search .tab-sub {float:left;}
.profile_contents .panel-search .array_wrap {float:right;}

/* 회원프로필 [tab1] 활동피드 (뉴스피드) */
.profile_contents .reple-write-area {padding:20px 0;}
.profile_contents .reple-write-area .reple-header {margin-bottom:4px;}
.profile_contents .reple-write-area .reple-header label {margin-top:4px; vertical-align:top;}
.profile_contents .reple-write-area .reple-header .expl {float:right; line-height:24px;}
.profile_contents .newsfeed-list .reple-list-area {padding:0; background-color:#f8f9fb;}
.profile_contents .newsfeed-list .reple-list-area .reple-list-cont {margin-bottom:-1px;}
/*.profile_contents .newsfeed-list .reple-list-area .reple-list-cont li:first-child {background-image:none;}*/
.profile_contents .newsfeed-list .reple-list-area .reple-list-cont li {padding:0 30px 0 90px; }
.profile_contents .newsfeed-list .reple-list-area .reple-list-cont li dl{padding:23px 0 16px 90px; background:url('/img/bg/bg_reply_list.png') 0 15px no-repeat;}
.profile_contents .newsfeed-list .reple-list-area .reple-list-cont li dd.pic {left:30px;}
.profile_contents .newsfeed-list .reple-write-area {position:relative; padding:20px 30px 20px 180px; background:#f8f9fb url('/img/bg/bg_reply_list.png') 90px 15px no-repeat;}
.profile_contents .newsfeed-list .reple-write-area .pic {overflow:hidden; position:absolute; top:20px; left:120px; width:40px; height:40px; border-radius:50% 50%;}
.profile_contents .newsfeed-list .reple-write-area .pic img {width:100%;}
.profile_contents .newsfeed-list .reple-write-area .reple-write textarea {width:560px;}

.profile_contents .newsfeed-list {margin:10px 0 30px 0;}
.profile_contents .newsfeed-list > ul {border-top:1px solid #c1c4c8;border-bottom:1px solid #c1c4c8;}
.profile_contents .newsfeed-list > ul > li {border-top:1px solid #e7eaec;}
.profile_contents .newsfeed-list > ul > li:first-child {border-top:0;}
.profile_contents .newsfeed-item {display:table; table-layout:fixed; width:100%; padding:20px 15px; box-sizing:border-box; color:#666; font-size:13px;}
.profile_contents .newsfeed-item .newsfeed-heading {display:table-cell; /*padding-right:10px;*/ width:152px; vertical-align:middle;}
.profile_contents .newsfeed-item .newsfeed-container {display:table-cell; padding:0 15px; vertical-align:middle;}
.profile_contents .newsfeed-item .newsfeed-reply {display:table-cell; padding-right:30px; width:85px; text-align:right; vertical-align:middle;}
.profile_contents .newsfeed-item > p.ac {padding:20px 0;}
.profile_contents .newsfeed-item > p.lock {padding:20px 0; text-align:center;}
.profile_contents .newsfeed-item > p.lock:before {content:''; display:inline-block; width:13px; height:13px; margin-right:4px; background:url(/img/ico/ico_lock.png) no-repeat 50% 50%; vertical-align:-1px;}
.profile_contents .newsfeed-item > p.del {padding:20px 0; text-align:center;}
.profile_contents .newsfeed-target {}
.profile_contents .newsfeed-target .newsfeed-target-name {letter-spacing:-1px;}
.profile_contents .newsfeed-target.type-master {text-align:center;}
.profile_contents .newsfeed-target.type-my {}
.profile_contents .newsfeed-target.type-badge {display:table;}
.profile_contents .newsfeed-target.type-badge .newsfeed-target-image {overflow:hidden; float:left; width:40px; height:40px; margin-right:10px;}
.profile_contents .newsfeed-target.type-badge .newsfeed-target-image img {width:100%;max-width:100%;}
.profile_contents .newsfeed-target.type-badge .newsfeed-target-name {display:table-cell; line-height:17px; vertical-align:middle;}
.profile_contents .newsfeed-target.type-profile {display:table;}
.profile_contents .newsfeed-target.type-profile .newsfeed-target-image {overflow:hidden; float:left; width:40px; height:40px; margin-right:10px; border-radius:50%;}
.profile_contents .newsfeed-target.type-profile .newsfeed-target-image img {width:100%;max-width:100%;}
.profile_contents .newsfeed-target.type-profile .newsfeed-target-name {display:table-cell; line-height:17px; vertical-align:middle; cursor:pointer;}
.profile_contents .newsfeed-target.type-company {}
.profile_contents .newsfeed-target.type-company .newsfeed-target-image {overflow:hidden; width:120px; }
.profile_contents .newsfeed-target.type-company .newsfeed-target-image img {width:100%;max-width:100%;}
.profile_contents .newsfeed-target.type-company .newsfeed-target-name {text-align:center;}
.profile_contents .newsfeed-content a {color:#666;}
.profile_contents .newsfeed-content .more a {display:inline-block; margin-left:15px; padding-right:10px; background:url('/img/ico/ico_chevron_right.png') no-repeat 100% 50%; color:#aaa; font-size:12px;}
.profile_contents .newsfeed-content p.lock:before {content:''; display:inline-block; width:13px; height:13px; margin-right:4px; background:url(/img/ico/ico_lock.png) no-repeat 50% 50%; vertical-align:-1px;}

.profile_contents .newsfeed-fundinfo {color:#888; font-size:12px;}
.profile_contents .newsfeed-fundinfo span { margin-right:10px; }
/*.profile_contents .newsfeed-content .info {margin-left:10px;font-size:12px; color:#999;}*/
.profile_contents .newsfeed-content .date {margin-left:10px; font-size:12px; color:#999;}
.profile_contents .newsfeed-content .info .reply-del {vertical-align:middle;}
.profile_contents .newsfeed-content .color-red {color:#ef5252;}
.profile_contents .newsfeed-content .color-black {color:#222;}
.profile_contents .newsfeed-content .color-blue {color:#2398ff;}
.profile_contents .newsfeed-content .color-red2 {color:#f73140;}

/* 회원프로필 [tab2,3] 팔로워/팔로잉 */
.profile_contents .follow-list {overflow:hidden;margin-bottom:30px;}
.profile_contents .follow-list > ul {overflow:hidden;margin:0 0 0 -15px;}
.profile_contents .follow-list > ul > li {float:left; width:50%; padding:15px 0 0 15px; box-sizing:border-box;}
.profile_contents .follow-list.column2 {  }
.profile_contents .follow-list.column2 > ul {  }
.profile_contents .follow-list.column2 > ul > li {width:50%;}
.profile_contents .followcard { display:table; table-layout:fixed; overflow:hidden; position:relative; width:100%; height:58px; padding:15px 20px; border:1px solid #e7eaec; border-radius:4px; box-sizing:border-box;}
.profile_contents .followcard-thumb { display:table-cell; width:70px; vertical-align:middle;}
.profile_contents .followcard-image {overflow:hidden; width:60px; height:60px; border-radius:50%;}
.profile_contents .followcard-image img {width:100%;}
.profile_contents .followcard-container {display:table-cell; position:relative; padding-right:115px; vertical-align:middle;}
.profile_contents .followcard-title { overflow:hidden; }
.profile_contents .followcard-level { float:left; margin-right:8px; }
.profile_contents .followcard-name { overflow:hidden; margin-top:2px; line-height:19px; color:#333; font-size:13px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis;}
.profile_contents .followcard-name a {color:#686868;}
.profile_contents .followcard-name > span {display:block; overflow:hidden; color:#999; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; }
.profile_contents .followcard-companyname { clear:both; overflow:hidden; padding-top:8px; line-height:normal; color:#999; font-size:13px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis;}
.profile_contents .followcard-companyname a {color:#999; font-weight:normal}
.profile_contents .followcard-recom {clear:both; /* padding-top:3px; height:18px; */ }
.profile_contents .followcard-recom img {margin-right:4px; vertical-align:middle;}
.profile_contents .followcard-action {position:absolute; top:0; right:0; width:85px; height:60px; padding-left:20px; border-left:1px solid #eee;}
.profile_contents .followcard-action:after {content:''; overflow:hidden; display:inline-block; width:0px; height:100%; vertical-align:middle;}
.profile_contents .followcard-action .follow-button {margin-right:-0.312em;}
.profile_contents .followcard.type-company {}
.profile_contents .followcard.type-company .followcard-thumb {width:135px;}
.profile_contents .followcard.type-company .followcard-image {width:120px; height:60px; border-radius:0;}
.profile_contents .followcard.type-company .followcard-image img {width:100%;max-width:160px;}
.profile_contents .followcard.type-company .followcard-container {}
.profile_contents .followcard.type-company .followcard-name {margin-top:0;}
.profile_contents .followcard.type-company .followcard-name a {font-weight:normal;}
.profile_contents .followcard.type-ifa {}
.profile_contents #tab_contents03 .followcard-action {width:120px;}
.profile_contents #tab_contents03 .followcard-container {padding-right:145px;}
/* 회원프로필 [tab4] 활동써클 */
.profile_contents  .item_list.type3 > li.no_result {min-height:inherit; padding:40px 15px;}

/* 회원프로필 [tab5] 우리투자증권지식in */
.profile_contents .qna_list_wrap {margin-top:0;}
.profile_contents .qna_list_wrap .hgroup_wrap {margin-bottom:0;}
.profile_contents .mykin-title {display:inline-block; overflow:hidden; margin-bottom:8px; padding:0 10px; height:20px; border-radius:20px; background:#f1eee8; color:#666; line-height:20px; font-size:12px;}
.profile_contents .mykin-content {overflow:hidden;}
.profile_contents .mykin-question,
.profile_contents .mykin-answer {position:relative; min-height:26px; padding:5px 20px 5px 35px;}
.profile_contents .mykin-question {}
.profile_contents .mykin-answer {  }
.profile_contents .mykin-question i,
.profile_contents .mykin-answer i {position:absolute; top:50%; left:0; display:inline-block; overflow:hidden; margin-top:-13px; width:26px; height:26px; border-radius:50%; line-height:26px; background:#1f5dbe; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
.profile_contents .mykin-answer i {background:#18b3af; top:4px; margin-top:0;}
.profile_contents .mykin-text {display:block; overflow:hidden; line-height:20px; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.profile_contents .mykin-question .mykin-text {line-height:26px;}
.profile_contents .mykin-answer .mykin-text {display:table-cell; white-space:normal;}
/* //회원프로필 */

/* 써클 */
.layer-select {z-index:900; position:relative;}
.circlehome {float:left; margin-right:5px;}
.layer-select-title {float:left; padding:0 25px 0 10px; height:28px; min-width:205px; border:1px solid #dce1e6; border-radius:2px; line-height:28px; cursor:pointer;}
.layer-select-title:after {z-index:1; content:''; display:block; overflow:hidden; position:absolute; top:50%; right:10px; width:7px; height:4px; margin-top:-2px; background:url('/img/ico/ico_select_arrow2.png') no-repeat 0 0;}
.layer-select-title span {}
.layer-select-content {display:none; position:absolute; top:100%; left:0; margin-top:1px; min-width:100%; border:1px solid #999; background:#fff; box-sizing:border-box;}
.layer-select.active {}
.layer-select.active .layer-select-content {/* display:block; */}
/*.layer-select-mycirclelist {min-width:140px;}*/
.layer-mycirclelist {left:auto; right:0; width:240px;}
.mycirclelist-wrapper {position:relative; overflow-x:hidden; overflow-y:auto; max-height:190px; /* min-height:75px; */}
.mycirclelist {position:relative;}
.mycirclelist > ul {padding:10px 0;}
.mycirclelist > ul > li {padding:7px 20px;}
.mycirclelist > ul > li .item {overflow:hidden;}
.mycirclelist > ul > li .item-thumb {position:relative; float:left; overflow:hidden; width:60px; height:40px; margin-right:5px;}
.mycirclelist > ul > li .item-thumb img {width:100%; height:100%;}
.mycirclelist > ul > li .item-title {position:relative; overflow:hidden; max-height:40px; line-height:20px; }
.mycirclelist > ul > li .item-title a {display:block;}
.mycirclelist > ul > li:hover {background:#f7f9fa;}
.mycirclelist > ul > li.my {  }
.mycirclelist > ul > li.my .item-thumb:after {content:''; position:absolute; top:0; left:0; width:18px; height:20px; background:url('/img/ico/ico_mycirclelist.png') no-repeat 0 0;}
.mycirclelist > ul > li.empty-data {}
.mycirclelist > ul > li.empty-data {padding:17px 0; text-align:center;}
.mycirclelist-desc {padding:0 20px 0 33px; border-top:1px solid #e7eaec; background:url('/img/ico/ico_mycirclelist_small.png') no-repeat 20px 50%; line-height:30px; color:#999; font-size:12px;}

.circle {}
.circle-heading {z-index:3;position:relative;}
.circle-heading .layer-select {position:absolute; top:5px; right:0;}
.circle-body {z-index:1;}
.circle-body:after {content:''; display:table; clear:both;}
.circle-aside {float:left; width:230px;}
.circle-aside-section {margin-bottom:36px;}
.circle-aside-title {margin-bottom:12px; color:#222; font-size:16px; font-family:'NanumGothicBold';}
.circle-container {position:relative; margin-left:260px;}

.circle-visual {z-index:1;}
.circle-visual-list {}
.circle-visual-list > ul {overflow:hidden; margin-left:-10px;}
.circle-visual-list > ul > li {float:left; width:310px; margin-left:10px; box-sizing:border-box;}
.circle-visual-list > ul > li .item {position:relative; overflow:hidden; height:207px; border-radius:5px; background-repeat:no-repeat; background-position:50% 50%; background-attachment:scroll; background-size:cover; text-align:center;}
.circle-visual-list > ul > li .item:after {z-index:1; display:none; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#4c5379; filter:alpha(opacity=30); opacity:0.3;}
.circle-visual-list > ul > li .item-inner {z-index:2; position:relative; display:block; height:100%; background:rgba(0,0,0, 0.25) !important; }
.circle-visual-list > ul > li .item .item-label {display:inline-block; margin-top:30px; margin-bottom:20px; width:60px; height:24px; border-radius:24px; background:#f3a31a; line-height:24px; color:#fff; font-size:11px; font-family:'NanumGothicBold'; text-align:center;}
.circle-visual-list > ul > li .item .item-label.type1 {background:#f3a31a;}
.circle-visual-list > ul > li .item .item-label.type2 {background:#3683d8;}
.circle-visual-list > ul > li .item .item-label.type3 {background:#21b6b2;}
.circle-visual-list > ul > li .item .item-title {display:block; overflow:hidden; margin-bottom:20px; padding:0 40px; height:68px; color:#fff; font-size:28px; line-height:34px;}
.circle-visual-list > ul > li .item .item-tags {overflow:hidden; height:36px; color:#fff; font-size:13px; line-height:18px;}
.circle-visual-list > ul > li .item .item-tags span {display:inline-block; margin:0 2px;}
.circle-visual-list .item-layer {display:none;position:absolute; top:0; width:100%; height:100%; background:url(/img/bg/bg_1x1_32343e.png) repeat 0 0; z-index:2;}
.circle-visual-list .item-layer .title {overflow:hidden;height:48px;margin-top:30px;padding:0 20px;font-size:16px;line-height:1.5;color:#fff;}
.circle-visual-list .item-layer .subtitle {overflow:hidden;height:40px;margin-top:10px;margin-bottom:15px;padding:0 25px;font-size:13px;line-height:1.5;color:#aaa;}
.circle-visual-list .item-layer span.nbtn {cursor:default;}
.circle-visual-list .item-layer span.nbtn:hover {background-color:#7b818c; border-color:#7b818c; color:#fff;}
.circle-visual-list > ul > li .item:hover .item-layer {display:block;}

.circle-myinfo {overflow:hidden; border:1px solid #d4d7d9; border-radius:5px;}
.circle-myinfo-content {padding:20px;}
.circle-myinfo-footer {padding:20px; background:#f7f9fa;}
.circle-myinfo-image {overflow:hidden; margin-bottom:20px; width:190px; height:126px;}
.circle-myinfo-image img {width:100%;max-width:100%;}
.circle-myinfo-title {margin-bottom:7px; color:#222; font-size:15px; font-family:'NanumGothicBold'; line-height:22px;}
.circle-myinfo-description {margin-bottom:10px; color:#666; font-size:13px; line-height:20px;}
.circle-myinfo-tag {}
.circle-myinfo-tag > ul {overflow:hidden; margin:-8px 0 0 -8px;}
.circle-myinfo-tag > ul > li {overflow:hidden; float:left; margin:8px 0 0 8px; max-width:100%;}
.circle-myinfo-tag > ul > li > a {display:block; overflow:hidden; padding:0 4px; height:20px; background:#f1f2f4; line-height:20px; color:#999; font-size:13px; white-space:nowrap; text-overflow:ellipsis;}
.circle-myinfo-tag > ul > li > a > span {}
.circle-myinfo-user {margin-top:20px;}
.circle-myinfo-user .name {color:#666; font-size:13px;}
.circle-myinfo-stat {}
.circle-myinfo-stat dl {overflow:hidden; letter-spacing:-1px;}
.circle-myinfo-stat dl dt {clear:both; float:left; padding:3px 0; color:#999; font-size:12px;}
.circle-myinfo-stat dl dd {width:100%; padding:3px 0; color:#666; font-size:12px; text-align:right;}
.circle-myinfo-action {margin-top:13px;}

.circle-category {}
.circle-category-list {overflow:hidden;border-radius:5px;}
.circle-category-list > ul {border:1px solid #d8dadd; border-radius:5px;}
.circle-category-list > ul > li {z-index:1; position:relative; overflow:hidden; margin:-1px -1px -1px -1px; border-top:1px solid #e7eaec; }
.circle-category-list > ul > li:first-child {border-color:#d8dadd; border-top-left-radius:5px; border-top-right-radius:5px;}
.circle-category-list > ul > li:last-child {border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.circle-category-list > ul > li > a {position:relative; display:block; overflow:hidden; padding:10px 30px 10px 20px; color:#666; font-size:13px; white-space:nowrap; text-overflow:ellipsis;}
.circle-category-list > ul > li > a:after {content:''; display:block; position:absolute; top:50%; right:18px; margin-top:-5px; width:7px; height:11px; background:url('/img/comm/ico_circle_category_arr.png') no-repeat 0 0;}
.circle-category-list > ul > li > a > span {}
.circle-category-list > ul > li.active {z-index:2; border-color:transparent; background:#414550;}
.circle-category-list > ul > li.active > a {color:#fff;}
.circle-category-action {margin-top:20px;}
.circle-category-action > .nbtn {width:100%;}
.nico-circle-plus {width:16px; height:16px; background-image:url('/img/comm/ico_circle_plus.png');}

.circle-tag {}
.circle-tag-list {}
.circle-tag-list ul {margin:-5px 0 0 -5px;}
.circle-tag-list ul:after {content:''; display:table; clear:both;}
.circle-tag-list ul li {float:left; margin:5px 0 0 5px; max-width:100%;}
.circle-tag-list ul li a {display:block; overflow:hidden; padding:0 8px; height:35px; line-height:35px; border-radius:35px; background:#f1f2f4; color:#666; font-size:13px; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis;}
.circle-tag-list ul li a:hover {background:#134298; color:#fff;}
.circle-tag-list ul li a span {}

.circle-search {}
.circle-search .input-search {}
.circle-search .input-search input {width:150px;}





/*공통*/
	/*선택된 펀드목록*/
.fund_list {overflow:hidden; margin-top:15px; margin-left:-1%;}
.fund_list li {display:inline-block; position:relative; float:left; /*width:49%;*/ margin:5px 0 0 1%; padding:0 45px 0 15px; border-radius:20px; background-color:#EBEDF0; line-height:32px; box-sizing:border-box;}
.fund_list li > a {display:inline-block; width:100%; color:#666; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fund_list li a.btn_del {display:inline-block; position:absolute; right:15px; top:12px; width:9px; height:9px; background:url('/img/btn/btn_del_sml_gray.png') 0 0 no-repeat; text-indent:-9999px;}
	/*금융지식 질문하기*/
.table_row_type1 {border-top:1px solid #666; border-bottom:1px solid #D8DADD;}
.table_row_type1 table tbody th {padding:6px 15px; color:#222; font-family:'NanumGothicBold'; font-size:13px; text-align:left;}
.table_row_type1 table tbody td {padding:6px 15px; color:#999; font-size:13px; text-align:left;}
.table_row_type1 th.v-top {padding-top:11px; vertical-align:top;}
.table_guide {position:relative; padding:20px 0 20px 15px; border-bottom:1px solid #D8DADD;}

	/*금융지식 질문하기*/
.table_row_type1.question {margin-top:15px; padding:24px 0;}

table .txt_guide {margin-left:5px;}
table .expl {position:relative; color:#999; font-size:12px; letter-spacing:-0.025em;}
table .expl .txt-length {position:absolute; right:0; top:3px;}

	/*검색버튼*/
.input_wrap {position:relative;}
.input_wrap input[type='text'] {width:91.5%; font-size:13px;}
.bt-area .input_wrap input[type='text'] {color:#333;} /*상세SNS레이어 공통*/
.circle-container .input_wrap input[type='text'] {width:88%;} /*써클등록수정*/
.input_wrap a {position:absolute; right:0; top:0;}

	/*상태 아이콘*/
.status_list {overflow:hidden;}
.status_list li {float:left; margin-left:5px; text-align:center}
.status_list li:first-child {margin-left:0;}
.status_list li input {margin-top:14px;}
.status_list li label {display:block; width:74px; height:112px; border:1px solid #e7eaec; border-radius:3px; box-sizing:border-box;}
.status_list li label .bg {display:block; overflow:hidden; width:40px; height:40px; margin:10px auto 0 auto; border-radius:50%; background:url('/img/bg/bg_status_list.png') 0 0 no-repeat; font-size:0;}
.status_list li label .bg img {width:40px; height:40px;}
.status_list li label strong {display:block; margin-top:5px; color:#999; font-weight:normal;}

	/*첨부파일목록*/
.download_list li {display:inline-block; margin-left:18px;}
.download_list li a {display:inline-block; padding-left:15px;  border-bottom:1px solid #2398ff; background:url('/img/ico/ico_download.png') 0 2px no-repeat; line-height:16px; color:#2398ff;}
.download_list li a:hover {color:#134298; border-bottom:1px solid #134298; background-position:0 -19px;}

	/*상단 박스*/
.box_wrap {position:relative;}
.box_wrap .inner {border:1px solid #ddd; border-radius:5px;}
.box_wrap.type1 .inner {padding:30px;}
.box_wrap.type1 p {margin-bottom:10px; color:#666;}
.box_wrap.type1 strong {color:#222222; font-family:'NanumGothicBold'; font-size:24px;}
.box_wrap.type1 .nbtn {position:absolute; right:30px; top:50%; margin-top:-21px;}

.box_wrap.type4 .inner {padding:30px;}
.box_wrap.type4 p {margin-top:10px;color:#666;}
.box_wrap.type4 strong {color:#222222; font-family:'NanumGothicBold'; font-size:24px;}
.box_wrap.type4 .nbtn {position:absolute; right:30px; top:50%; margin-top:-21px;}

.box_wrap.type2 .inner {padding:15px 30px;} /*서클게시판목록*/
.box_wrap.type3 .inner {padding:20px; } /*나의투자경험담목록 검색박스*/
.box_wrap.bg {background-color:#F7F9FA;}
.box_wrap.noline .inner {border:0 !important;}

	/*하단검색박스(나의투자경험담 목록)*/
.searchBox {text-align:center;}
.searchBox select {width:120px; border:1px solid #dce1e6;}
.searchBox .input_wrap {display:inline-block; position:relative; overflow:hidden; width:243px; height:28px; border:1px solid #dce1e6; border-radius:4px; background-color:#fff; vertical-align:middle; text-align:left;}
.searchBox .input_wrap input {width:88%; padding:4px; border:0; box-sizing:border-box;}
.searchBox .input_wrap button {position:absolute; right:0; top:0; z-index:1; display:block; width:28px; height:28px; background:url('/img/btn/btn_search_16x16.png') center center no-repeat; text-indent:-9999px;}
.btn_wrap + .box_wrap {margin-top:53px;}

	/*텍스트 블릿타입4*/
ul.list-type4 li {margin-top:4px; padding-left:9px; color:#666; font-size:13px; background:url('/img/bul/bul_squ_gray2.gif') 0 center no-repeat; line-height:20px;}
ul.list-type4 li:first-child {margin-top:0;}

	/*BG*/
.bg_green {background-color:#21B6B2; color:#fff;}
.bg_red {background-color:#EA5A5A; color:#fff;}

	/*파일첨부*/
.inputFile_wrap {position:relative;}
.inputFile {display:inline-block; position:relative; overflow:hidden; vertical-align:middle;}
.inputFile input[type='text'] {background-color:#f4f4f4;}
.inputFile input[type='file'] {position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:-1; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}
.btn_findFile {display:inline-block; padding:0 10px; min-width:60px; height:30px; line-height:29px; border-radius:3px; border:#7b818c; background:#7b818c; color:#fff; font-weight:normal; font-size:13px; text-align:center; vertical-align:middle; box-sizing:border-box;}
	/*서클대표 이미지선택*/
.circle-container table .inputFile_wrap {width:360px; margin-top:5px; padding-right:64px;}
.circle-container table .inputFile {width:100%;}
.circle-container table .inputFile input[type='text'] {width:100%;}
.circle-container table .btn_findFile {position:absolute; right:0; top:0;}

/*서클 폼테이블 간격조정*/
.circle-container .table_row_type1.question {padding:10px 0;}
.circle-container .table_row_type1 table tbody td {padding:10px 15px;}

/*서클대표 이미지선택*/
.radio_list {overflow:hidden; margin:-10px 0 0 -10px;}
.radio_list > li {float:left; margin:10px 0 0 10px;}
/*.radio_list > li:first-child {margin-left:0px;}*/
/*.radio_list.type1 >  li:first-child + li + li+ li+ li {display:block; width:100%; margin-left:0px; margin-top:10px;}*/
.radio_list.type1 >  li .img_wrap {overflow:hidden; width:120px; height:80px; margin-top:5px;}
.radio_list.type1 >  li .img_wrap img {width:100%;}
.radio_list.type1 >  li .img_wrap .img {max-width:100%;}

/*서클목록상단*/
.bul_list.type2 li {float:left; margin-left:10px; padding-left:17px; background:url('/img/bul/bul_location.png') 0 center no-repeat;}
.bul_list.type2 li:first-child {margin-left:0; padding-left:0; background:none;}


/*우리투자증권지식in 목록 상단검색*/
.invest_search {overflow:hidden; margin-bottom:20px;}
.invest_search h2 {display:inline-block; float:left; margin-top:0; margin-bottom:0; font-size:32px; line-height:38px;}
.invest_search .input-search input[type=text] {height:32px; line-height:32px;}
/*우리투자증권지식in 목록*/
.qna_list > ul > li > div .viewInfo_wrap .reply dt {background-image:url(/img/comm/ico_reply.png?cashBuster=20200519);}
.qna_list > ul > li > div .viewInfo_wrap .reply dd span {color:#1f5dbe;}

/*우리투자증권지식in 상세*/
.invest_search_none {overflow:hidden; padding:70px 0; margin:15px 0; color:#222; font-size:25px; font-family:'NanumGothicBold'; text-align:center; border-top:1px solid #c1c4c8; border-bottom:1px solid #c1c4c8;}
.invest_search_none strong {color:#1f5dbe;}
.invest_search_list {overflow:hidden;}
.invest_search_list ul {overflow:hidden;}
.invest_search_list ul li {overflow:hidden; padding:20px;}

/*우리투자증권지식in 상단배너*/
.invest_know_banner {overflow:hidden; padding:30px; border:1px solid #D4D7D9; border-radius:5px; background:url(/img/ico/ico_invest_banner.png?cashBuster=20191126) no-repeat 30px center;}
.invest_know_banner p {float:left; padding-left:82px; color:#333; font-size:18px; line-height:42px;}
.invest_know_banner a {float:right; padding:0 23px; /*height:33px;   padding-top:7px;*/}
.invest_know_banner a em {display:inline-block; height:23px; padding-left:46px; line-height:23px; background:url(/img/bul/icon_bulb.png) no-repeat 25px 0;}
.invest_know_banner + .tab-default {margin-top:0px;}

/*우리투자증권지식in BEST*/
/*.invest_know_best_wrap {margin-top:30px;}*/
.invest_know_best {overflow:hidden; margin-top:10px;}
.invest_know_best > div {float:left; overflow:hidden; width:302px; margin-left:19px; border:1px solid #D8DADD; border-radius:5px;}
.invest_know_best > div:first-child {margin-left:0;}
.invest_know_best > div h5 {height:20px; padding-left:17px; margin-bottom:10px;}
.invest_know_best > div h5 span {display:inline-block; height:18px; padding:0 10px; color:#686868; font-size:12px; font-weight:normal; line-height:18px; border:1px solid #d8dadd; border-radius:2px;}
.invest_know_best > div > p {height:98px; padding:0 17px; color:#222; font-size:18px; font-family:'NanumGothicBold'; line-height:25px;}
.invest_know_best div div {margin-bottom:15px;}
.invest_know_best div div img {width:100%;}
.invest_know_best div div:first-child {height:145px;}
.invest_know_best div .info {overflow:hidden; padding:11px 17px; margin-bottom:0; border-top:1px solid #e7eaec;}
.invest_know_best div .info img {vertical-align:top;}
.invest_know_best div .info dl {float:left;}
.invest_know_best div .info dl:first-child dt {width:14px; height:22px; background:url('/img/comm/ico_reply.png?cashBuster=20200519') 0 center no-repeat; text-indent:-9999px;}
.invest_know_best div .info dl:first-child dd {color:#1f5dbe;}
.invest_know_best div .info dl dt {float:left; width:16px; height:22px; margin-right:5px; background:url('/img/ico/ico_like_sml.png') 2px 6px no-repeat; text-indent:-9999px;}
.invest_know_best div .info dl dd {float:left; color:#999; font-size:12px; line-height:22px;}
.invest_know_best div .info dl.like {float:right;}
.invest_know_best div .info dl.like dt {width:14px; height:24px; background:url('/img/ico/ico_like_sml.png') 0 center no-repeat;}
.invest_know_best div .info dl.like:hover dt {background:url('/img/ico/ico_like_sml_on.png') 0 center no-repeat;}
.invest_know_best div .info dl.like:hover dd a {color:#134298;}
.invest_know_best div .info dl.likeon {float:right;}
.invest_know_best div .info dl.likeon dt {width:14px; height:24px; background:url('/img/ico/ico_like_sml.png') 0 center no-repeat; background:url('/img/ico/ico_like_sml_on.png') 0 center no-repeat;}
.invest_know_best div .info dl.likeon dd a {color:#1f5dbe;}

/*전체QA목록*/
.qna_list_wrap {overflow:hidden; /*margin-top:40px;*/}
.qna_list_wrap .hgroup_wrap {position:relative;}
.qna_list_wrap .hgroup_wrap .array_wrap {position:absolute; right:0; top:0;}

/*우리투자증권지식in좌측 (component.css으로 이동)*/

/*우측*/
.qna_list_right {float:right; width:230px; margin-top:20px}
.qna_list_right .h3-tit {margin-top:40px;}
.qna_list_right .h3-tit:first-child {margin-top:0;}
.qna_list_wrap .quest_btn {overflow:hidden;}
.qna_list_wrap .quest_btn ul {overflow:hidden; border:1px solid #e7eaec;}
.qna_list_wrap .quest_btn ul li {float:left; width:114px; height:26px; padding:18px 0 15px 0; color:#686868; font-size:13px; text-align:center; line-height:24px;}
.qna_list_wrap .quest_btn ul li:first-child {width:113px; border-right:1px solid #e7eaec;}
.qna_list_wrap .quest_btn ul li a {display:inline-block; width:22px; height:26px; padding-right:1px; margin-left:5px; color:#fff; font-size:12px; text-align:center; line-height:22px; text-decoration:none; background:url(/img/bul/icon_quest_num.png) no-repeat 0 0;}
.qna_list_wrap .quest_box {overflow:hidden; margin-top:15px; border:1px solid #e7eaec; border-radius:5px;}
.qna_list_wrap .quest_box dl {overflow:hidden;}
.qna_list_wrap .quest_box dl dt {height:37px; padding-left:17px; line-height:38px; border-bottom:1px solid #e7eaec;}
.qna_list_wrap .quest_box dl dd {overflow:hidden; background:#F7F9FA;}
.qna_list_wrap .quest_box dl dd ul {overflow:hidden; padding:14px 19px 18px 19px;}
.qna_list_wrap .quest_box dl dd ul li {margin-top:10px;}
.qna_list_wrap .quest_box dl dd ul li:first-child {margin-top:0;}
.qna_list_wrap .quest_box dl dd ul li:before {content:"Q."; vertical-align:top;}
.qna_list_wrap .quest_box dl dd ul li a {display:inline-block; width:170px; padding-left:3px; line-height:20px; color:#666;}
.qna_list_wrap .quest_box dl dd ul li a .expert{display:inline-block; margin-right:8px; padding:1px 4px; border:1px solid #C8CACC; border-radius:2px; line-height:16px; color:#666;}


/*우리투자증권지식in 상세답변*/
.invest_know_quest {position:relative; overflow:hidden; border:1px solid #DADCDF; border-radius:5px;}
.invest_know_quest .quest {float:left; padding:30px;  background:#fff url(/img/ico/icon_list_q02.png?cashBuster=20191126) no-repeat 30px 30px;}
.invest_know_quest .quest .quest_contents {overflow:hidden; margin-bottom:30px;}
.invest_know_quest .quest .quest_contents > dt {max-width:75%; padding-left:50px; margin-bottom:12px;}
.invest_know_quest .quest .quest_contents > dt .quest_wrap:after {content:""; display:block; clear:both;}
.invest_know_quest .quest .quest_contents > dt .quest_wrap {color:#222; font-size:28px; line-height:34px;}
.invest_know_quest .quest .quest_contents > dt .quest_wrap span {padding-right:5px;}
.invest_know_quest .quest .quest_contents > dd {width:838px; margin-top:30px; margin-left:50px; padding-top:40px; border-top:1px solid #E7EAEC; color:#686868; font-size:13px; line-height:20px;} /*글자없는경우 상단선줄어듬 (width고정값추가)*/
.invest_know_quest .quest .quest_info {zoom:1; margin-top:20px; position:relative;}
.invest_know_quest .quest .quest_info:after {content:" ";display:block;clear:both;}
.invest_know_quest .quest .quest_info div {float:left;}
.invest_know_quest .quest .quest_info div strong {display:inline-block; color:#666; font-size:13px; font-weight:normal; line-height:24px;}
.invest_know_quest .quest .quest_info div strong a {color:#666;}
.invest_know_quest .quest .quest_info dl {float:left; margin-right:0;}
.invest_know_quest .quest .quest_info dl:first-child {margin-right:10px;}
.invest_know_quest .quest .quest_info .bul_list li {line-height:24px;}
.invest_know_quest .quest .quest_info .btn_declare {height:24px;}
.invest_know_quest .quest .quest_info .sep {float:left; margin:12px 10px 0 10px; height:10px;}
.invest_know_quest .reword {position:absolute; top:30px; right:45px; text-align:center;}
.invest_know_quest .reword div {overflow:hidden; padding-top:15px;}
.invest_know_quest .reword div dl {float:left; width:56px; height:14px; text-align:center;}
.invest_know_quest .reword div dl:first-child {width:64px; background:url(/img/bul/bul_line_gray.png) no-repeat 100% 3px;}
.invest_know_quest .reword div dl dt {display:inline-block; height:14px; padding-top:2px; margin-right:5px;vertical-align:top;}
.invest_know_quest .reword div dl dd {display:inline-block; height:14px; color:#686868; line-height:14px; vertical-align:top;}
.invest_know_quest .reword div dl dd span {color:#1f5dbe;}
.invest_know_quest .fund-box-list {width:720px; margin-left:50px;}
.invest_know_quest .fund-box-list li {width:227px; height:199px;}
.invest_know_quest .fund-box-list li:nth-child(4n) {margin-right:10px;}
.invest_know_quest .tag_wrap {padding-left:50px;}
.tag_wrap {overflow:hidden; margin-top:30px;}
.tag_wrap dt {float:left; width:50px; background:url('/img/bul/bul_tag.png') 0 center no-repeat; text-indent:-9999px;}
.tag_wrap dd {float:left;}

.quest_tip {border-top:1px solid #E7EAEC; padding:20px 0 0 30px; margin:30px 0 0 50px; background:url(/img/bul/icon_exclamation_gray.gif) no-repeat 10px 23px;}

.invest_know_quest .quest .quest_info div .component-preview .badge-level {margin-top:1px;}
.qna_list > ul > li > div div .component-preview .badge-level {margin-top:1px;}

/*우리투자증권지식in 답변등록*/
.answer_write {position:relative; padding:46px 30px 30px 30px; margin-top:-12px; border:1px solid #DADCDF; border-top:0 none; border-radius:0 0 5px 5px; background:url(/img/bg/bg_replay_arrow.png) 40px 0 no-repeat;}
.answer_write:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.answer_write > div:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.answer_write > div:first-child {line-height:40px; margin-bottom:9px; background:url(/img/bul/icon_list_a03.png?cashBuster=20191126) no-repeat 0 0;}
.answer_write .input_wrap {padding-left:53px;}
.answer_write .input_wrap input[type='text'] {width:82%; margin-left:20px;}
.answer_write .input_wrap a {top:6px;}
.answer_write .fund_list {margin-top:5px; padding-left:50px;}
.answer_write .editor_wrap {margin:10px auto 0 auto; padding-left:50px;}
.answer_write .txt-type3 {margin-top:20px; padding-left:59px; background-position:50px 9px;}

/*우리투자증권지식in 상세답변*/
.qna_answer {overflow:hidden; margin-top:40px;}
.qna_answer .list_header {overflow:hidden; padding-bottom:7px;}
.qna_answer .list_header dl {float:left; font-size:13px;}
.qna_answer .list_header dl dt {float:left; line-height:18px; margin-right:3px;}
.qna_answer .list_header dl dd {float:left; vertical-align:middle; line-height:16px;}
.qna_answer .list_header dl dd strong {padding-left:3px; color:#1f5dbe;}
.qna_answer .list_header .guide-info {float:right;}

.guide-info {display:inline-block; padding-top:3px; background:url(/img/bul/icon_exclamation_gray.gif) no-repeat 100% center; padding-right:20px; text-decoration:none; line-height:15px }
.guide-info2 {display:inline-block; background:url(/img/bul/icon_exclamation_gray.gif) no-repeat 0 bottom; padding-left:20px; text-decoration:none; line-height:15px }

.qna_answer .answer_list {overflow:hidden;}
.qna_answer .answer_list li {}
.qna_answer .answer_list > li {margin-top:15px; border:1px solid #D8DADD; border-radius:5px; background:url(/img/bul/icon_list_a03.png?cashBuster=20191126) no-repeat 30px 30px;}
.qna_answer .answer_list > li:first-child {margin-top:0;}
.qna_answer .answer_list > li.on {border:1px solid #18B3AF;}
.qna_answer .answer_list > li.on .btn-wrap a .nico-like {background-position:0 -24px;}
.qna_answer .answer_list > li.on .btn-wrap a .nico-like + .nbtn-text {color:#1f5dbe;}
.qna_answer .answer_list .answer_main {position:relative; display:inline-block; padding:30px 30px 30px 83px; width:100%; box-sizing:border-box}
.qna_answer .answer_list .answer_main .qnac {color:#666; font-size:13px;}
.qna_answer .answer_list .answer_main .choice {position:absolute; top:25px; left:20px;}

.qna_answer .answer_list .simple_info {position:relative; margin-bottom:15px;}
.qna_answer .answer_list .simple_info .answer {color:#222222; font-size:13px; line-height:15px;}
.qna_answer .answer_list .simple_info .answer strong {margin-right:3px;}
.qna_answer .answer_list .simple_info .bul_list {overflow:hidden; font-size:12px;}
.qna_answer .answer_list .simple_info .bul_list li:first-child {margin-left:0; padding-left:0; background:none;}
.qna_answer .answer_list .simple_info .bul_list li dl {overflow:hidden;}
.qna_answer .answer_list .simple_info .bul_list li dl dt {float:left;}
.qna_answer .answer_list .simple_info .bul_list li dl dd {float:left;}
.qna_answer .answer_list .simple_info .bul_list li dl dd .txt_red {letter-spacing:0 !important;}
.qna_answer .answer_list .simple_info .bul_list li .bt-icon {margin-bottom:-1px;}
.qna_answer .answer_list .simple_info .nbtn {position:absolute; right:0; top:0;}

.answer_main .nameCard_wrap {margin-top:28px; padding:20px; border:1px solid #E7EAEC; border-radius:3px; background-color:#F7F9FA;}
.answer_main .nameCard_wrap .inner {overflow:hidden; position:relative;}
.answer_main .nameCard_wrap .img_wrap {overflow:hidden; position:absolute; left:0; top:0; width:60px; height:60px; margin-right:15px; border-radius:50%;}
.answer_main .nameCard_wrap .img_wrap img {width:100%;}
.answer_main .nameCard_wrap .info_wrap {padding-left:75px; font-size:12px; min-height:53px; margin-top:8px; /*letter-spacing:-1px;*/}
.answer_main .nameCard_wrap .info_wrap .username {font-size:13px; color:#666;}
.answer_main .nameCard_wrap .info_wrap .answer {overflow:hidden; float:right;}
.answer_main .nameCard_wrap .info_wrap .answer dt {float:left; color:#666;}
.answer_main .nameCard_wrap .info_wrap .answer dd {float:left; margin-left:3px; font-family:'NanumGothicBold'; color:#222;}
.answer_main .nameCard_wrap .info_wrap .answer .tit {overflow:hidden; display:inline-block; width:0; text-indent:-999em; vertical-align:middle;}
.answer_main .nameCard_wrap .info_wrap .badge-ifa-title,
.answer_main .nameCard_wrap .info_wrap .badge-member-title {position:absolute; right:10px; top:28px;}
.answer_main .nameCard_wrap .info_wrap .message {margin-top:3px; width:85%}
.answer_main .nameCard_wrap .info_wrap p {color:#999;}
.answer_main .nameCard_wrap .info_wrap p span {color:#666;}
.answer_main .nameCard_wrap .info_wrap .url {text-decoration:underline; color:#666;}
.answer_main .nameCard_wrap .info_wrap .portfolio {display:inline-block; margin-left:6px; padding:0 9px; border-radius:3px 3px; background-color:#7b818c; color:#fff;}
.answer_main .nameCard_wrap .info_wrap .field {overflow:hidden; margin-top:3px;}
.answer_main .nameCard_wrap .info_wrap .field dt {float:left;}
.answer_main .nameCard_wrap .info_wrap .field dt:after {content:''; float:right; height:11px; margin:5px 10px 0; border-right:1px solid #999; vertical-align:top;}
.answer_main .nameCard_wrap .info_wrap .field dd {float:left; color:#999;}
.answer_main .nameCard_wrap .info_wrap .field dd em {font-family:'NanumGothicBold';}
.answer_main .nameCard_wrap .info_wrap .field dd .tit {color:#1f5dbe;}
.answer_main .nameCard_wrap .info_wrap .field dd .txt {color:#222;}

.answer_info .button02.white-bt {float:right !important; margin:5px 0 0 0 !important; padding-right:5px !important;}
.answer_info .bt-icon.reple {height:13px; padding-left:13px !important;}
.answer_info .bt-icon {font-size:13px; }
.answer_main .btn-wrap {margin-top:20px !important;}


/* 댓글등록 */
.reple_wrap .reple-write-area .reple-write textarea {border-radius:4px;}
.reple_wrap .reple-write-area .reple-write .btn-white2 {box-shadow:none !important; color:#666; font-family:'NanumGothicBold';}
.reple_wrap .reple-list-area .reple-list-cont {background:url('/img/bg/bg_line_dot.png') 0 bottom repeat-x;}
.reple_wrap .reple-list-area .reple-list-cont li {border-top:0px;}
.reple_wrap .reple-list-area .reple-list-cont > li {padding-bottom:0; background:url('/img/bg/bg_line_dot.png') 0 top repeat-x;}
.reple_wrap .reple-list-area .reple-list-cont li dl {margin:0 15px 0 0; padding:18px 0 16px 75px;}
.reple_wrap .reple-list-area .reple-list-cont li dd.pic {left:20px; top:20px; overflow:hidden; width:40px; height:40px; border-radius:50%; text-align:center;}
.reple_wrap .reple-list-area .reple-list-cont li dd.pic img {width:100%; height:100%;}
/*.reple_wrap .reple-list-area .reple-list-cont li dd.pic p {display:table-cell; overflow:hidden; width:40px; height:40px; border-radius:50%; vertical-align:middle;}*/
.reple_wrap .reple-list-area .reple-list-cont li dd.txt {color:#666; font-size:13px;}
.reple_wrap .reple-list-area .reple-list-cont li dd.bt-area {top:20px;}
.reple_wrap .reple-list-area .reple-list-cont li dd.bt-area a {color:#666;}
.reple_wrap .reple-list-area .reple-list-cont li li dl {margin:0; padding:16px 0 15px 130px; background:url('/img/bg/bg_reply_list.png') 40px 18px no-repeat; background-color:#F7F9FA;}
.reple_wrap .reple-list-area .reple-list-cont li li dl .pic {left:70px; top:18px;}
.reple_wrap .reple-list-area .reple-list-cont li li dl dd.txt {margin-right:15px;}
.reple_wrap .reple-list-area .reple-list-cont li li dl dd.bt-area {right:15px;}
.reple_wrap .reple-list-area .reple-list-header .tot strong {font-family:'NanumGothicBold';}

.reple-list-cont .writer {color:#666; font-size:13px;}


.qna_answer .answer_list .reple_wrap {padding:30px 0; border-top:1px solid #e7eaec;}
.qna_answer .answer_list .reple_wrap > div {margin-top:20px;}
.qna_answer .answer_list .reple_wrap > div:first-child {margin-top:0;}
.qna_answer .answer_list .reple-write-area {padding:0 30px 0 83px;}
.qna_answer .answer_list .reple-list-area .reple-list-cont li .reple-write-area {margin:0 !important; padding:0 30px 0 75px;}
.qna_answer .answer_list .reple-list-area {padding:0 30px 0 83px;}

.reple-list-area .reple-list-header .guide-info {color:#666; line-height:15px; background-position:right center;}
.reple_wrap .reple-write-area .reple-header {position:relative; overflow:visible;}
.reple_wrap .reple-write-area .reple-header .component-preview {position:absolute; left:0; top:0;}
.reple_wrap .reple-write-area .reple-header .expl {margin-bottom:10px; color:#aaaaaa; font-size:13px; line-height:24px;}

.reple-write-area .reple-write textarea {width:85.3%;} /*fullSize*/
.answer_list .reple-write-area .reple-write textarea {width:84.3%;} /*우리투자증권지식in 답변*/
.answer_list .reple-list-area .reple-write-area .reple-write textarea {width:82% !important;}


.reple-write-area .reple-write textarea.tiny {width:78%;} /*상세페이지*/
.circle-container  .reple-write-area .reple-write textarea {width:79%;} /*서클상세*/


/*투자라이프,스토리 목록*/
.fmi-bg{background:#f2f3f6}
.board-header{position:relative; padding:20px 0 25px 0; text-align:right;}
.board-header h2.after-t {margin-bottom:0;font-size:32px; line-height:38px;}
.board-header .button_wrap {position:absolute; right:0; bottom:25px;}
.comm-cont-area{border:0}
.fmi-bg .board-header .bt-icon.send {width:auto; height:auto; padding-left:22px; text-indent:0; background-position:-30px -128px;}

/*상세*/
.comm-cont-area .board-view{position:relative;width:710px;float:left}
.comm-cont-area .board-view .board-content{padding:40px 55px 55px;background:#fff;min-height:350px;top:0; overflow:hidden; border-radius:5px;}
.comm-cont-area .board-view .board-content .tit{max-width:86%; margin-bottom:23px; font-size:28px; font-weight:normal ;line-height:32px;color:#222;text-align:left; overflow:hidden;word-break:break-all}
.comm-cont-area .board-view .board-content .vod-cont{margin:40px 0 0 0}
.comm-cont-area .board-view .board-content .vod-desc{font-size:16px;line-height:28px;overflow:hidden;overflow-y:auto;padding:20px}/*;background:#fbfbfc}*/
.comm-cont-area .board-view .board-content02{background:#fff; overflow:hidden; border-radius:5px;}


/* 게시판 뷰 */
.list-view-content02{position:relative;}
.list-view-content02 h3{font-size:30px;line-height:37px;margin:0 0 40px 0}
.list-view-content02 .like-area{position:absolute;top:0;right:0}
.list-view-content02 .txt-cont img{max-width:600px;/* width:expression(this.width > 600 ? 600:true);height:auto;*/}

.list_view_header {margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #E7EAEC;}
.list_view_header .bul_list li .bt-icon.send {height:24px; background-position:0 -122px;}
.list_view_header .bul_list li .input_wrap {overflow:hidden; height:22px; border:1px solid #D8DADD; border-radius:3px; text-align:left;}
.list_view_header .bul_list li .input_wrap input[type='text'] {width:144px; height:22px; padding:0 5px; border:0; background-color:#f2f3f6; box-sizing:border-box;}
.list_view_header .bul_list li .input_wrap .nbtn {border:0; border-left:1px solid #D8DADD;}
/*.bul_list li .lay-simple.send-sns {display:none; right:130px !important;}*/
.bul_list li.on .lay-simple.send-sns {display:block;}

body.fmi-bg .comm-cont-area .board-aside{width:230px;float:right;}
body.fmi-bg .comm-cont-area .board-aside .page-num a{margin:0 0}
body.fmi-bg .comm-cont-area .board-aside .aside-cont{padding:0;zoom:1; background:none;}
body.fmi-bg .comm-cont-area .board-aside .aside-cont:after{content:" ";display:block;clear:both}
body.fmi-bg .comm-cont-area .board-aside .header-area {display:none; margin:0 18px 0 18px}
/*.comm-cont-area .board-aside .header-area h2{margin:0   } 기획에 언급없으나 디자인없음 (일단 숨김)
.comm-cont-area .board-aside .header-area .desc{font-size:14px;line-height:19px;}*/
body.fmi-bg .comm-cont-area .board-aside .cont-area{display:inline-block;width:194px; margin:0; padding:0 18px 24px 18px; background-color:#fff; overflow:hidden; border-radius:5px 5px 0 0;}
body.fmi-bg .comm-cont-area .board-aside.list .cont-area{border-radius:5px;}
body.fmi-bg .comm-cont-area .board-aside .cont-area .board-tot{margin-top:20px}
body.fmi-bg .comm-cont-area .board-aside .cont-area .board-tot strong{color:#1f5dbe }
body.fmi-bg .comm-cont-area .board-aside .ad-area {overflow:hidden; border-radius:5px;}

a.paging-navi{position:absolute;z-index:2;min-width:40px;height:94px;background:#f8f8f8;border:1px solid #f8f8f8}
a.paging-navi dl{position:relative;overflow:hidden;margin:20px 18px 0 42px;display:none}
a.paging-navi dl dt{float:right;width:140px;height:58px;overflow:hidden;margin-top:-3px;color:#222;font-size:15px;line-height:20px }
a.paging-navi dl dd{float:left;margin:0 10px 0 0;vertical-align:top;width:90px;height:56px}
a.paging-navi dl dd img{width:84px;height:50px;border:3px solid #1f5dbe;vertical-align:top }
a.paging-navi:hover{display:block;border:1px solid #e2e3e5}
a.paging-navi:hover dl{display:block}
a.paging-navi .ico{position:absolute;top:38px;background-image:url(/img/bg/bg_paging.gif);background-repeat:no-repeat;background-color:#cccdd0;display:block;height:18px;width:12px}
a.paging-navi .ico i{overflow:hidden;float:left;width:0;height:0;font-size:0;line-height:0}
a.paging-navi.prev:hover .ico , .paging-navi.next:hover .ico{background-color:#134298 }
a.paging-navi.prev{top:230px;left:0px;border-left:0px solid #f8f8f8}
a.paging-navi.prev:focus dl{display:block}
a.paging-navi.prev .ico{background-position:0 0;left:15px}
a.paging-navi.prev:hover{border-left:0px solid #e2e3e5}
a.paging-navi.next{top:230px;right:0px;border-right:0px solid #f8f8f8}
a.paging-navi.next:focus dl{display:block}
a.paging-navi.next:hover{border-right:0px solid #e2e3e5 }
a.paging-navi.next .ico{background-position:0 100%;right:15px}
a.paging-navi.next dl{margin:20px 42px 0 18px}
a.paging-navi.next dt{float:left }
a.paging-navi.next dd{float:right;margin:0 0 0 10px}

/*관련컨텐츠+관련펀드*/
.comm-cont-area .board-aside .search02{border:3px solid #DCE1E6; border-radius:3px; background:none; padding:10px 0 10px 5px;margin:15px 0 0 0 }
.comm-cont-area .board-aside .search02 input[type=text]{border:0;line-height:18px;width:155px;height:18px }
.comm-cont-area .board-aside .cont-area02{padding:20px 18px 0 18px;border-top:1px solid #e7eaec; background-color:#fff;}
.comm-cont-area .board-aside .cont-area02 + .cont-area02 {overflow:hidden; border-radius:0 0 5px 5px;}
.comm-cont-area .board-aside .cont-area02 h3{font-size:16px;color:#222;font-weight:normal;margin:0 0 20px 0; font-family:'NanumGothicBold';}
.comm-cont-area .board-aside .cont-area02 .list-area{}
.comm-cont-area .board-aside .cont-area02 .list-area li{border-top:1px solid #e7eaed;padding:20px 0 14px 0}
.comm-cont-area .board-aside .cont-area02 .list-area li:first-child{border-top:0;padding-top:0 }
.comm-cont-area .board-aside .cont-area02 .list-area li dl{padding:119px 0 0 0;position:relative}
.comm-cont-area .board-aside .cont-area02 .list-area li dl dt a:hover{color:#134298}
.comm-cont-area .board-aside .cont-area02 .list-area li .pic{overflow:hidden;position:absolute;top:0;left:0;width:194px;height:109px}
.comm-cont-area .board-aside .cont-area02 .list-area li .pic a {display:block;width:194px;height:109px}
.comm-cont-area .board-aside .cont-area02 .list-area li .pic a img {width:100%;}
.comm-cont-area .board-aside .cont-area02 .list-area li .pic:hover .mask{position:absolute;top:0;left:0;z-index:2;display:block;width:188px;height:103px;border:3px solid #134298}
.comm-cont-area .board-aside .cont-area02 .list-area li .info{position:relative;margin-top:5px}
.comm-cont-area .board-aside .cont-area02 .list-area li .info span.bt-icon:hover{color:#686868}
.comm-cont-area .board-aside .cont-area02 .list-area li .info span.bt-icon.like{background-position:0 -261px}
.comm-cont-area .board-aside .cont-area02 .list-area li .info .date{position:absolute;right:0;font-size:12px}
.comm-cont-area .board-aside .cont-area02 .list-type3{padding-bottom:20px}

.board-aside .page-num span {/* display:block; */ margin:0;}
.board-aside .paging.paging-type2 .page-num span a {margin:0 1px;}


/*aside > 관련펀드*/
.relate-fund li{position:relative;border-top:1px solid #e7eaed;padding:20px 0}
.relate-fund li:first-child{padding-top:0;border-top:0 }
.relate-fund li dt{font-size:16px;color:#222;margin:0 0 25px 0 }
.relate-fund li dt a{color:#222}
.relate-fund li dd.sort{width:69px;height:66px;font-size:12px;display:inline-block}
.relate-fund li dd .tit{display:block;width:69px;border-top:1px solid #222;border-bottom:1px solid #222;color:#222;margin-top:10px;text-align:center;line-height:20px;margin:10px  auto 0 auto}
.relate-fund li dd.rate{width:120px;height:66px;text-align:center;display:inline-block}
.relate-fund li dd.rate .num{font-size:25px;line-height:33px;height:33px;color:#1f5dbe;font-family:'NanumGothicBold'; letter-spacing:-1px;}
.relate-fund li dd.rate .num span{font-size:16px;}
.relate-fund li dd.rate .num.minus{color:#2d70e0}

.relate-fund li .lay-cart{position:absolute;bottom:1px;left:-18px;height:40px;width:230px;display:none}
.relate-fund li:hover .lay-cart, .fund-box-list li .info dt a:focus .lay-cart{display:block }
.relate-fund li .bt-area{position:relative;height:40px;top:0;left:0}
.relate-fund li .bt-area .bt-img-txt{display:inline-block;width:110px}
.relate-fund li .bt-area .bt-img-txt button{width:110px;height:40px}
.relate-fund li .bt-area .bt-img-txt .bt-icon{color:#686868}
.relate-fund li .bt-area .bt-img-txt .bt-icon.on{color:#134298}
.relate-fund li .bt-area .bt-img-txt:hover .bt-icon{color:#134298}
.relate-fund li .bt-area .sep{height:40px;margin:0} /* 구분선 */
.relate-fund li .bt-area .bt-img-txt .bt-icon.buy{background-position:-30px -40px;margin-top:-1px}
.relate-fund li .bt-area .bt-img-txt .bt-icon.cart{background-position:-30px -84px;margin-top:-1px}
.relate-fund li .bt-area .bt-img-txt button:hover .bt-icon.buy{background-position:-150px -40px}
.relate-fund li .bt-area .bt-img-txt button:hover .bt-icon.cart{background-position:-150px -84px}


/*목록(리스트형)*/
.grid-list{padding:18px 20px;margin:0}
.grid-list > li{border-top:1px solid #d8dadd;padding:18px 0;}
.grid-list > li:first-child{border-top:0;padding-top:0 }
.grid-list > li dl{position:relative;padding-left:248px;min-height:136px;padding-top:6px}
.grid-list > li dl dt a{display:block;max-height:48px;color:#222;word-wrap:break-word;overflow:hidden;text-overflow:hidden;word-wrap:normal}
.grid-list > li dl dt{margin-bottom:8px;font-size:18px;line-height:24px;color:#222;font-family:'NanumGothicBold';letter-spacing:-1px}
.grid-list > li dl dd.thumb{position:absolute;left:0;top:0;width:230px;height:142px; overflow:hidden; border-radius:5px;}
.grid-list > li dl dd.thumb a img{width:230px;height:142px}
.grid-list > li dl dd.thumb2{position:absolute;left:0;top:0;width:230px;height:142px; overflow:hidden; border-radius:5px;}
.grid-list > li dl dd.thumb2 a img{width:230px;height:142px !important}
.grid-list > li dl dd.info{position:absolute;bottom:0px;width:420px;color:#888;font-size:13px; line-height:14px;}
.grid-list > li dl dd.info .date{position:absolute;bottom:1px;right:1px;font-size:13px }
.grid-list > li dl dd.info .date a{float:left;width:14px;height:14px;text-indent:-9999em;margin-right:8px;padding-right:6px;border-right:1px solid #d1d1d1}
.grid-list > li dl dd.info .date em{float:left;height:14px;line-height:14px}
.grid-list > li .txt{word-wrap:break-word; font-size:13px;}
.grid-list > li .txt2{margin-bottom:10px}
.grid-list > li.none-img{}
.grid-list > li.none-img dl{margin:0 0 0 10px;padding:0px;}
.grid-list > li.none-img dl dd.thumb{display:none}
.grid-list > li.none-img dl dd.thumb2{display:none}
.grid-list > li.none-img dl dd.info{width:100%}
.grid-list > li dl dd.info .bt-icon.like{background-position:0 -261px;color:#686868}

.grid-list > li dl dd.info .sep {margin:0 6px; background:none;}
.grid-list > li .tag_wrap {overflow:hidden; height:20px; margin-top:5px;}


/*목록(박스형)*/
.comm-cont-area .board-view.box{width:720px\9;margin-right:-10px}
.comm-cont-area .board-view.box .board-content02{background:none}
.comm-cont-area .board-view.box .grid-list{padding:0 ;margin:0}
.comm-cont-area .board-view.box .grid-list{*zoom:1}
.comm-cont-area .board-view.box .grid-list:before, .comm-cont-area .board-view.box .grid-list:after{display:table;content:""}
.comm-cont-area .board-view.box .grid-list:after{clear:both}
.comm-cont-area .board-view.box .grid-list > li{float:left;width:230px;height:330px;background:#fff;border-top:0;padding:0;margin:0 0 10px 10px;margin:0 10px 10px 0px\9;  overflow:hidden; border-radius:5px;}
.comm-cont-area .board-view.box .grid-list > li:first-child{margin-left:0}
.comm-cont-area .board-view.box .grid-list > li:nth-child(3n+1){margin-left:0}
.comm-cont-area .board-view.box .grid-list > li dl{padding:0;padding:155px 16px 0 16px;height:175px}
.comm-cont-area .board-view.box .grid-list > li dl dd.txt{height:60px; overflow:hidden}
.comm-cont-area .board-view.box .grid-list > li dl dd.txt02{height:60px;overflow:hidden}
.comm-cont-area .board-view.box .grid-list > li dl dd.info{position:absolute;bottom:18px;width:194px;vertical-align:middle;line-height:12px}
.comm-cont-area .board-view.box .grid-list > li dl dd.info span:first-child{display:inline-block}
.comm-cont-area .board-view.box .grid-list > li dl dd.info .date{display:inline-block;vertical-align:middle;right:-4px;line-height:12px}
.comm-cont-area .board-view.box .grid-list > li.none-img{}
.comm-cont-area .board-view.box .grid-list > li.none-img dl{margin:0;padding-top:18px;height:294px}
.comm-cont-area .board-view.box .grid-list > li.none-img dl dd.thumb{display:none}
.comm-cont-area .board-view.box .grid-list > li.none-img dl dd.info{position:absolute;bottom:0}
.comm-cont-area .board-view.box .grid-list > li dl dt a{height:45px;text-overflow:initial;white-space:normal;word-wrap:break-word}


/*교육후기 목록*/
.grid-list.edu li dl{overflow:hidden;padding-top:7px}
.grid-list.edu li dl dt.end a{color:#888;width:100%}
.grid-list.edu li dl dd.txt{letter-spacing:-1px;line-height:18px}
.grid-list.edu li dl dd.txt.use01{padding-top:4px;display:block;height:20px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.grid-list.edu li dl dd.txt ul:after{content:"";display:block;clear:both}
.grid-list.edu li dl dd.txt ul li{float:left;width:203px;padding:0;border:0}
.grid-list.edu li dl dd.txt ul li:nth-child(odd){width:200px}
.grid-list.edu li dl dd.txt.sp01{height:27px;overflow:hidden}
.comm-cont-area .board-view.box .grid-list.edu li{height:380px}
.comm-cont-area .board-view.box .grid-list.edu li dl{height:198px}
.comm-cont-area .board-view.box .grid-list.edu li dl dt{margin-bottom:12px}
.comm-cont-area .board-view.box .grid-list.edu li dl dd.txt{height:auto;margin-bottom:10px}
.comm-cont-area .board-view.box .grid-list.edu li dl dd.txt ul li{float:none;width:auto;height:auto;margin:-2px 0 0 0;line-height:20px}
.comm-cont-area .board-view.box .grid-list.edu li dl dd.info{bottom:0}
.comm-cont-area .board-view.box .grid-list.edu li dl dd.info .sep{margin:0 4px}
.comm-cont-area .board-view.box .grid-list.edu li dl dd.info .bt-icon.modify,.comm-cont-area .board-view.box .grid-list.edu li dl dd.info .bt-icon.reply-del{margin-bottom:-2px}
.comm-cont-area .board-view .grid-list.edu li dl dd.txt.epil{overflow:hidden;height:37px}
.comm-cont-area .board-view.box .grid-list.edu li dl dd.txt.epil{overflow:hidden;height:57px}
.comm-cont-area .board-view.box .grid-list.edu > li dl dd.txt {height:36px;}

.grid-list.program > li dl {min-height:142px; padding-top:0;} /*r교육프로그램목록*/
.grid-list.program > li dl dt {margin-bottom:4px;}
.grid-list.program > li .txt2 {margin-bottom:1px;}
.grid-list.program > li .tag_wrap {margin-top:4px;}
.grid-list.program > li dl dd.info {bottom:-3px;}

/*교육프로그램 상단 (게시판 슬라이드)*/
.view_slide_wrap{position:relative;width:710px;height:408px;background:url(/img/fmm/bg_program.gif) no-repeat 0 0}
.view_slide_wrap .view_slide{position:relative;overflow:hidden;width:710px;height:408px}
.view_slide_wrap .view_slide ul{position:absolute;top:0;left:0;zoom:1;width:710px;height:408px}
.view_slide_wrap .view_slide ul li{position:relative;width:710px;height:408px;float:left}
.view_slide_wrap .view_slide ul li.slide01{}
.view_slide .slide01 .slide_wrap{position:absolute;top:0;left:0;width:311px;height:376px;padding:32px 65px 0 334px}
.view_slide .slide01 .slide_wrap .title_text{overflow:hidden;margin-bottom:50px}
.view_slide .slide01 .slide_wrap .title_text h5{margin-bottom:7px;color:#1d314c;font-size:26px;line-height:30px}
.view_slide .slide01 .slide_wrap .title_text h5 p{width:100%;color:#1d314c;font-size:17px;font-weight:normal;line-height:20px}
.view_slide .slide01 .slide_wrap .title_text > p{margin-bottom:10px;color:#ed7b7d;font-size:14px;font-weight:bold}
.view_slide .slide01 .slide_wrap .info_text{overflow:hidden;position:absolute;bottom:20px}
.view_slide .slide01 .slide_wrap .info_text p{margin-bottom:10px;color:#fff;font-size:12px}
.view_slide .slide01 .slide_wrap .info_text p:first-child{margin-bottom:0}
.view_slide .slide01 .slide_wrap .info_text dl{overflow:hidden}
.view_slide .slide01 .slide_wrap .info_text dl dt{float:left;margin-right:5px;color:#1d314c;font-weight:bold}
.view_slide .slide01 .slide_wrap .info_text dl dd{float:left;padding-right:2px;color:#1d314c;font-weight:bold}
.view_slide .slide01 .slide_wrap .info_text .duble{overflow:hidden}
.view_slide .slide01 .slide_wrap .info_text .duble dl{float:left}
.view_slide .slide01 .slide_wrap .info_text .duble dl:first-child{padding-right:12px;margin-right:10px;background:url(/img/bul/bul_line_black.png) no-repeat 100% 50%}


	/*프로그램 슬라이드 재생정지*/
.prog_playstop{position:absolute;top:32px;left:65px;z-index:2;width:60px;background:url(/img/bul/bul_line_gray.png) no-repeat 0 0;}
.prog_playstop.n2{left:78px}
.prog_playstop.n3{left:91px}
.prog_playstop.n4{left:104px}
.prog_playstop.n5{left:117px}
.prog_playstop a{display:block;width:9px;height:9px;overflow:hidden;text-indent:-999px;margin-left:15px}
.prog_playstop a.prog_stop{background:url(/img/btn/slide_btn_stop.png) 0 0 no-repeat}
.prog_playstop a.ban_play{background:url(/img/btn/slide_btn_play.png) 0 0 no-repeat}

	/*프로그램 슬라이드 이전다음버튼*/
.prog_prevNext{position:absolute;top:95px;left:0;z-index:2}
.prog_prevNext a{position:absolute;top:0;display:block;width:50px;height:30px;overflow:hidden;text-indent:-999px}
.prog_prevNext a.prog_prev{background:url(/img/btn/btn_prev2.png) 50% 50% no-repeat;left:0}
.prog_prevNext a.prog_next{background:url(/img/btn/btn_next.png) 50% 50% no-repeat;left:657px}

	/*프로그램 슬라이드 목록*/
.prog_rollarea{position:absolute;z-index:1;top:0;left:0}
.prog_rollarea dl{display:block;width:710px;height:408px;position:relative}
.prog_rollarea dl dt{position:relative;z-index:2;display:inline-block;float:left;top:32px;height:9px;display:none }
.prog_rollarea dl dt:first-child{margin-left:28px}

.prog_rollarea dl dt a{overflow:hidden;text-indent:-999px;background:url(/img/btn/slide_btn_page1.png) no-repeat 0 0;display:block;width:9px;height:9px;margin-left:4px;text-decoration:none}
.prog_rollarea dl dt a.on{background:url(/img/btn/slide_btn_page2.png) no-repeat 0 0;width:20px}
.prog_rollarea dl dd{position:absolute;top:0;z-index:1;display:none;left:0;width:710px;height:402px;}
.prog_rollarea dl dd .prog_box{position:absolute;top:32px;left:334px;width:311px;}
.prog_rollarea dl dd .prog_box .prog_text{margin-bottom:50px}
.prog_rollarea dl dd .prog_box .prog_text h5{margin-bottom:7px;color:#1d314c;font-size:26px;line-height:30px}
.prog_rollarea dl dd .prog_box .prog_text h5 .prog_tt{width:100%;color:#1d314c;font-size:17px;font-weight:normal;line-height:20px}
.prog_rollarea dl dd .prog_box .prog_text .prog_tm{margin-bottom:10px;color:#ed7b7d;font-size:14px;font-weight:bold}

.prog_rollarea dl dd .prog_box .prog_text .lay-btn-set a {border:1px solid #666; box-shadow:none;}
.prog_rollarea dl dd .prog_box .prog_text .lay-btn-set a span {color:#333333; font-family:'NanumGothicBold'; font-weight:normal;}
.prog_rollarea dl dd .prog_box .prog_text .lay-btn-set a:hover {border-color:#134298; color:#134298;}
.prog_rollarea dl dd .prog_box .prog_text .lay-btn-set a:hover span {color:#134298;}

.prog_rollarea dl dd .prog_info{position:absolute;bottom:20px;left:334px}
.prog_rollarea dl dd .prog_info ul li{float:left;font-weight:bold;margin-right:5px;color:#1d314c}
.prog_rollarea dl dd .prog_info .prog_duble{clear:both}
.prog_rollarea dl dd .prog_info .prog_duble ul{float:left}
.prog_rollarea dl dd .prog_info .prog_duble ul:first-child{padding-right:12px;margin-right:10px;background:url(/img/bul/bul_line_black.png) no-repeat 100% 50%}

/*교육프로그램상세*/
.list-view-content02 .img-cont{position:relative;width:600px;height:369px}
.list-view-content02 .img-cont .bt-area{width:600px;height:93px;position:absolute;bottom:0;left:0}
.list-view-content02 .img-cont .bt-area a{position:relative;z-index:2;display:block;height:93px;color:#fff}
.list-view-content02 .img-cont .bt-area ul:after{content:"";display:block;clear:both}
.list-view-content02 .img-cont .bt-area ul{position:relative;padding:20px;z-index:2}
.list-view-content02 .img-cont .bt-area ul li{float:left;width:272px;color:#fff;background:url(/img/bul/bul_squ_white.gif) no-repeat 0 8px;padding-left:8px}
.list-view-content02 .img-cont .bt-area ul li:nth-child(odd){}
.list-view-content02 .img-cont .bt-area .mask{position:absolute;top:0;left:0;z-index:1;display:block;background:#000;opacity:.85;width:100%;height:93px}
.list-view-content02 .img-cont img{width:600px;height:369px}


.program-content img {max-width:600px; width:expression(this.width > 600px ? 600px:true); height:auto;}

.program-content h4{font-size:16px;color:#222;letter-spacing:-1px;margin:40px 0 15px}
.program-content table{letter-spacing:-1px}
.program-content .teach-info{position:relative;padding-left:140px}
.program-content .teach-info .thumb{position:absolute;top:0;left:0;width:120px;height:144px}
.program-content .teach-info dl dt{height:40px;color:#222;height:40px;line-height:40px;padding-left:16px;border-top:2px solid #495159}
.program-content .teach-info dl dd.txt{border-top:1px solid #c1c4c8;border-bottom:1px solid #c1c4c8;padding:10px 16px}
.program-content .notice02{margin-top:20px}
.program-content .notice02 dl{letter-spacing:-1px}
.program-content .notice02 dl dt{padding-left:26px;color:#1f5dbe;background:url(/img/bul/icon_attention_trig2.png) no-repeat;margin-bottom:10px}
.program-content .reviews{overflow:hidden;margin-top:40px;padding-bottom:10px}
.program-content .reviews div{float:right;width:247px;padding:20px;border:1px solid #e6eaed;background:#f8f9fa}
.program-content .reviews div:first-child{float:left}
.program-content .reviews div h5{color:#222;margin-bottom:5px}
.program-content .reviews div ul{overflow:hidden}
.program-content .reviews div ul li{margin-top:5px;padding-left:8px;background:url(/img/bul/bul_squ_gray.gif) no-repeat 0 9px}

.btn-wrap.btc{margin-left:-250px}

/* 써클 */
.circle {}
.circle-heading {}
.circle-body {}
.circle-body:after {content:''; display:table; clear:both;}
.circle-aside {z-index:2; position:relative; float:left; width:230px;}
.circle-aside-title {color:#222; font-size:16px; font-family:'NanumGothicBold';}
.circle-container {z-index:1; position:relative; margin-left:260px;}

/* 고수랭킹 */
.badge-years {display:inline-block; width:56px; height:62px; background:url(/img/ico/badge_bg_year.png) no-repeat 50% 50%; font-weight:bold; font-size:20px; line-height:62px; color:#fff;}

/*.txt_point1 {color:#df3232;}
.txt_point2 {color:#2398ff;}*/
.txt_bul {display:inline-block; padding:2px 8px; background-color:#999; border-radius:3px; font-weight:normal; font-size:12px; font-family:'Dotum'; color:#fff;}
.txt_bul.type1 {background-color:#f73240;}
.txt_bul.type2 {background-color:#18b3af;}

/* 고수랭킹리스트 */
.master-ranking {margin-top:20px;}
.master-ranking .fund-date {float:right; margin-top:-40px; font-size:12px;}
.master-ranking .info-btn {float:right; margin-top:-49px;}
.master-ranking .serach-conditions {padding:0 30px;}
.master-ranking .serach-conditions .label-text {color:#222;}
.master-ranking .list_header .search-term {font-size:13px; color:#686868;}
/*.master-ranking .ranking-visual {margin:-4px 0 25px;}*/
.master-ranking .ranking-visual .copy-box {display:table; box-sizing:border-box; width:100%; height:156px; background-color:#f5f5f5; /*border:1px solid #c1c4c9; border-top:0 none;*/ border-radius:0 0 3px 3px;}
.master-ranking .ranking-visual .copy-box-inner {display:table-cell; padding-left:386px; background:url(/img/comm/fundmaster_visual_ico.png) no-repeat 202px 0; vertical-align:middle;}
.master-ranking .ranking-visual .copy-box .item-type {display:block; margin-bottom:4px; width:61px; border:1px solid #999; border-radius:15px; background-color:#fff; font-size:12px; line-height:18px; color:#666; text-align:center;}
.master-ranking .ranking-visual .copy-box .maincopy {font-size:28px; line-height:40px; color:#40444d; letter-spacing:-1px;}
.master-ranking .ranking-visual .copy-box .maincopy strong {font-family:'NanumGothicBold'; color:#222;}
.master-ranking .ranking-visual .copy-box .maincopy .myrank {font-size:40px; font-family:'NanumGothicBold'; color:#1f5dbe; letter-spacing:-2px;}
.master-ranking .ranking-visual .copy-box .subcopy {margin-top:5px; font-size:14px; color:#666;}
.master-ranking .ranking-visual .copy-box .join_btn {margin-top:10px;}
.prize-info {margin:48px 0 20px; height:9px; background:url(/img/bg/bul_diagonal_4x9.png) repeat-x 0 0; text-align:center;}
.prize-info p {position:relative; top:-10px; padding:0 15px; display:inline-block; font-size:16px; color:#222; background-color:#fff;}
.prize-info .count {display:inline-block; margin:3px 5px 0 5px; font-size:28px; font-family:'NanumGothicBold'; color:#134298; letter-spacing:-1px;}

.fundmaster-list >ul {overflow:hidden; margin:-10px 0 0 -10px;}
.fundmaster-list .list-item {float:left; margin:10px 0 0 10px;}
.fundmaster-list .list-item.empty-item {width:100%; padding:60px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.fundmaster-item {overflow:hidden; position:relative; box-sizing:border-box; width:310px; height:200px; border-radius:5px; border:1px solid #d8dadd;}
.fundmaster-item .item-ranking .rank {position:absolute; top:8px; left:10px; width:38px; height:15px; margin-right:4px; border:1px solid #999; background-color:#fff; border-radius:8px; font-weight:bold; font-size:11px; line-height:14px; /*font-family:'roboto';*/ text-align:center;}
.fundmaster-item .item-ranking .fluctuation {position:absolute; top:8px; left:52px; font-weight:normal; font-size:11px; line-height:16px; letter-spacing:0;}
.fundmaster-item .item-ranking .fluctuation .icon {display:inline-block; width:10px; height:10px; background-image:url(/img/adv/best_ranking_fluctuation_icon.png); text-indent:-999em; vertical-align:-2px;}
.fundmaster-item .item-ranking .fluctuation .icon.same {background-position:0 0;}
.fundmaster-item .item-ranking .fluctuation .icon.up {background-position:0 -10px;}
.fundmaster-item .item-ranking .fluctuation .icon.down {background-position:0 -20px;}
.fundmaster-item .item-ranking .flag {position:absolute; top:10px; right:10px; display:block; width:55px; background-color:#1f5dbe;     border-radius:13px; font-size:12px; line-height:26px; color:#fff; text-align:center;}
.fundmaster-item .item-header {overflow:hidden; display:block; padding:30px 30px 21px 30px; background-color:#fff; cursor:pointer;}
.fundmaster-item .item-header .thumb {float:left; overflow:hidden; display:block; margin-right:15px; width:60px; height:60px; border-radius:50%;}
.fundmaster-item .item-header .thumb img {width:100%;height:100%;}
.fundmaster-item .item-header .name {display:block; padding:4px 0 6px 0; font-size:14px; color:#222;}
.fundmaster-item .item-header .percent {font-size:20px; /*color:#222;*/}
.fundmaster-item .item-header .percent em {font-size:32px; font-family:'NanumGothicBold'; letter-spacing:-2px;}
.fundmaster-item .item-detail {position:relative; padding:14px 30px 16px 30px; background:#f8f8f8}
.fundmaster-item .item-detail .info {width:158px; line-height:28px; color:#999;}
.fundmaster-item .item-detail .info em {float:right; font-size:14px; font-family:'NanumGothicBold'; color:#222;}
.fundmaster-item .item-detail .info li +li {border-top:1px solid #eee;}
.fundmaster-item .item-detail .invest-type {position:absolute; top:15px; right:20px; width:62px; text-align:center;}
.fundmaster-item .item-detail .invest-type em {display:block; font-size:12px; color:#a8a8a8;}
.fundmaster-item.rank1 .item-header,
.fundmaster-item.rank2 .item-header,
.fundmaster-item.rank3 .item-header {padding-top:25px;}
.fundmaster-item.rank1 {border-top:6px solid #f6323f;}
.fundmaster-item.rank2 {border-top:6px solid #f07021;}
.fundmaster-item.rank3 {border-top:6px solid #f7a51a;}
.fundmaster-item.rank1 .rank,
.fundmaster-item.rank2 .rank,
.fundmaster-item.rank3 .rank {padding-top:8px; width:23px; height:17px; top:0; background:url(/img/ico/best_ranking_count_w23_bg.png) no-repeat; border:0 none; border-radius:0;}
.fundmaster-item.rank1 .rank {background-position:0 -27px; color:#f6323f;}
.fundmaster-item.rank2 .rank {background-position:0 -54px; color:#f07021;}
.fundmaster-item.rank3 .rank {background-position:0 -81px; color:#f7a51a;}
.fundmaster-item.rank1 .fluctuation,
.fundmaster-item.rank2 .fluctuation,
.fundmaster-item.rank3 .fluctuation {top:7px; left:38px;}
/*.fundmaster-item.rank1 .item-header .percent {color:#f6323f;}
.fundmaster-item.rank2 .item-header .percent {color:#f07021;}
.fundmaster-item.rank3 .item-header .percent {color:#f7a51a;}*/
.fundmaster-list-notice {padding-top:30px;}
.fundmaster-list-notice ul.list-type3 li {font-size:12px; line-height:18px;}
/*.fundmaster-list-notice .fund-date {margin-top:15px; padding:5px 0; border-top:1px solid #efefef; text-align:right;}*/

/* 고수랭킹상세 */
.master-summary {overflow:hidden; margin-bottom:40px; padding:35px 40px; background-color:#fff; border:3px solid #5c6369;}
.master-summary .master-name {float:left; position:relative; padding-left:125px; padding-right:40px; width:120px; height:110px; border-right:1px dotted #dcdcdc; vertical-align:middle;}
.master-summary .master-name .thumb {position:absolute; left:0; top:0; width:110px; height:110px; border-radius:50%; overflow:hidden;}
.master-summary .master-name .thumb img {width:100%;}
.master-summary .master-name p {margin-top:10px; font-size:16px; font-family:'NanumGothicBold'; color:#222; letter-spacing:-1px; cursor:pointer;}
.master-summary .master-name .follow-button {position:absolute; bottom:0; width:120px; text-align:center;}
.master-summary .member-count {float:left; position:relative; padding-left:40px; width:220px; height:110px; font-size:13px; color:#666;}
.master-summary .member-count .count {display:block; margin-bottom:5px; font-size:16px; color:#222;}
.master-summary .member-count .count strong {font-size:32px;}
.master-summary .member-count .name {font-family:'NanumGothicBold'; color:#222;}
.master-summary .member-count .follow-button {position:absolute; bottom:0; width:120px; text-align:center;}
.master-summary .status {float:right; width:300px;}
.master-summary .status ul {overflow:hidden; float:right;}
.master-summary .status li {float:left; width:92px; text-align:center;}
.master-summary .status li p {margin-top:8px; font-size:13px; line-height:1.35; font-family:'NanumGothicBold'; color:#999;}
.master-summary .status li .txt {display:block; color:#222;}
.master-ranking .tab-default .ico_lock2 {margin-left:5px;}
.master-ranking .invest-summary {margin-top:40px; text-align:center;}
.master-ranking .invest-summary dl {display:inline-block; margin-left:-40px;}
.master-ranking .invest-summary dt,
.master-ranking .invest-summary dd {float:left;}
.master-ranking .invest-summary .tit {margin-left:40px; width:48px; border-radius:15px; font-size:12px; line-height:20px; background-color:#c1c4c8; color:#fff; text-align:center;}
.master-ranking .invest-summary .rank {width:auto; font-size:13px; color:#999; text-align:left; margin:0 15px 0 8px}
.master-ranking .invest-summary .percent {width:auto; font-size:14px; text-align:left;}
.master-ranking .invest-summary .percent .num {font-size:20px; font-family:'NanumGothicBold';}

.master-ranking .invest-graph {position:relative; margin-top:40px; padding:30px 0 50px; border-top:1px solid #d8dadd; border-bottom:1px solid #d8dadd; background-color:#f8f9fb;}
.master-ranking .invest-graph .array_wrap {margin-bottom:30px; text-align:center;}
.master-ranking .invest-graph .array_list {display:inline-block; vertical-align:middle;}
.master-ranking .invest-graph .guide-info {margin-left:40px; font-size:13px; padding-top:0;}
.master-ranking .invest-graph .graph-content {}
.master-ranking .invest-graph .graph-content .graph {margin:0 auto;}
.master-ranking .invest-graph .date {position:absolute; right:10px; bottom:10px; font-size:13px;}

.master-ranking .fund-tbl .title {font-size:16px; font-family:'NanumGothicBold'; color:#222;}
.master-ranking .fund-tbl .title a {color:inherit;}
.master-ranking .fund-tbl .account {font-size:13px; color:#999;}
.master-ranking .fund-tbl .fund-detail {display:inline-block; width:25px; height:25px; background:url(/img/bul/bul_next_7x11.png) no-repeat 50% 50%; text-indent:-999em;}

.fund-tbl {margin-top:40px; border-bottom:1px solid #c1c4c8;}
.fund-tbl table {width:100%;}
.fund-tbl th {padding:12px 15px; font-size:13px; font-family:'NanumGothicBold'; color:#222;}
.fund-tbl td {padding:12px 5px; border-top:1px solid #e7eaec; font-size:13px;}
.fund-tbl .tbl th +th,
.fund-tbl .tbl td +td {padding:10px 15px; border-left:1px solid #e7eaec;}

.fund-tbl .tbl-summary {overflow:hidden; padding:8px 20px; border-top:2px solid #222;}
.fund-tbl .tbl-summary .tit {padding:2px 0; font-family:'NanumGothicBold'; color:#222;}
.fund-tbl .tbl-summary .txt_bul {margin-right:5px;}
.fund-tbl .tbl-summary p {float:left;}
.fund-tbl .tbl-summary .count {float:right;}
.fund-tbl .tbl-summary.type1 {background-color:#fcf0eb;}
.fund-tbl .tbl-summary.type2 {background-color:#ebf4fc;}
.fund-tbl .fund-title {position:relative; padding:15px 20px; border-top:1px solid #d8dadd; background-color:#f7f9fa;}
.fund-tbl .fund-title .title {position:relative; padding-left:20px; margin:0 30px 0 0;}
.fund-tbl .fund-title .title label {display:inline-block; max-width:700px;}
.fund-tbl .fund-title .title .account {float:right; font-family:'NanumGothic';}
.fund-tbl .fund-title .title input {position:absolute; top:3px; left:0;}
.fund-tbl .fund-title .fund-detail {position:absolute; top:14px; right:10px;}
.fund-tbl.type1 {border-top:1px solid #222;}
.fund-tbl.type1 tbody tr:first-child td {border-top-color:#222;}


.fund-tbl.detail .tbl-summary {border-top:1px solid #d8dadd;}
.fund-tbl.detail .fund-title {border-top:2px solid #222;}
.fund-tbl.detail .fund-title.noList {margin:0; padding:40px 0; background:transparent;}
.fund-tbl.detail .tbl-notice {padding:15px 0; border-top:1px solid #d8dadd;}
.fund-tbl.detail table {border-top:1px solid #d8dadd;}
.fund-tbl.detail table .title {margin-left:10px;}
/* POPUP :계좌보유회원로그인 안내, 계좌개설 안내 */
.follow_login_account {margin-bottom:-10px; padding:10px 0 0; text-align:center;}
.follow_login_account p {font-size:15px; line-height:1.8; font-weight:bold; color:#333;}

/* POPUP :리그안내 및 규정 */
.league-guide-pop {margin-bottom:20px;}
.league-guide-pop * {font-size:13px;}
.league-guide-pop .h3-tit {margin:20px 0 5px; font-size:15px;}


/* 펀드고수1000인의선택 */
.fundmaster-header {margin-bottom:50px;}
/*.fundmastertab {margin-top:40px;}*/
.fundmastertab > ul {display:table; table-layout:fixed; width:100%;}
.fundmastertab > ul > li {z-index:1; position:relative; display:table-cell; letter-spacing:-1px;}
.fundmastertab > ul > li .item {position:relative; margin:0 -1px 0 0; border:1px solid #d8dadd;}
.fundmastertab > ul > li .item-heading {display:block; padding-top:30px; height:130px; color:#323739; font-size:16px; font-family:'NanumGothicBold'; text-align:center;}
.fundmastertab > ul > li .item-heading i {display:inline-block; overflow:hidden; width:103px; height:80px; background:url(/img/comm/fundmastertab_img.png) no-repeat 50% 50%;}
.fundmastertab > ul > li .item-heading span {display:block; margin-top:10px;}
.fundmastertab > ul > li .item-detail {display:none; position:absolute; top:0; left:0; padding:25px 0 0 25px; width:271px; height:162px; margin:-1px; box-sizing:border-box;}
.fundmastertab > ul > li .item-title {margin-bottom:10px; color:#fff; font-size:18px; font-family:'NanumGothicBold';}
.fundmastertab > ul > li .item-description {color:#fff; font-size:13px;}
.fundmastertab > ul > li .item-action {overflow:hidden; margin-top:20px; margin-left:-3px;}
.fundmastertab > ul > li .item-action > li {float:left;margin-left:11px;}
.fundmastertab > ul > li .item-action > li:first-child {margin-left:0;}
.fundmastertab > ul > li .item-action > li > a {display:inline-block; overflow:hidden; width:44px; height:44px; line-height:44px; border:2px solid #fff; border-radius:50%; color:#fff; font-size:12px; text-align:center;}
.fundmastertab > ul > li .item-action > li > a.active {background:#fff; color:#ef5252; font-family:'NanumGothicBold';}
.fundmastertab > ul > li .item1 {border-bottom-left-radius:4px; border-top-left-radius:4px;}
.fundmastertab > ul > li .item1 .item-heading i {background-position:0 0;}
.fundmastertab > ul > li .item1 .item-detail {background:#ef5252; border-bottom-left-radius:4px; border-top-left-radius:4px;}
.fundmastertab > ul > li .item1 .item-action > li > a.active {color:#ef5252;}
.fundmastertab > ul > li .item2 {}
.fundmastertab > ul > li .item2 .item-heading i {background-position:0 -100px;}
.fundmastertab > ul > li .item2 .item-detail {background:#ffaa2f;}
.fundmastertab > ul > li .item2 .item-action > li > a.active {color:#ffaa2f;}
.fundmastertab > ul > li .item3 {}
.fundmastertab > ul > li .item3 .item-heading i {background-position:0 -200px;}
.fundmastertab > ul > li .item3 .item-detail {background:#77ab25;}
.fundmastertab > ul > li .item3 .item-action > li > a.active {color:#77ab25;}
.fundmastertab > ul > li .item4 {}
.fundmastertab > ul > li .item4 .item-heading i {background-position:0 -300px;}
.fundmastertab > ul > li .item4 .item-detail {background:#2dc7a5;}
.fundmastertab > ul > li .item4 .item-action > li > a.active {color:#2dc7a5;}
.fundmastertab > ul > li .item5 {border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fundmastertab > ul > li .item5 .item-heading i {background-position:0 -400px;}
.fundmastertab > ul > li .item5 .item-detail {background:#4491d9; border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fundmastertab > ul > li .item5 .item-action > li > a.active {color:#4491d9;}
.fundmastertab > ul > li.active {z-index:2; width:270px;}
.fundmastertab > ul > li.active .item-detail {display:block;}
.fundmastertab-desc {margin-top:6px; padding-left:20px; background:url('/img/ico/ico_exclamation2.png') no-repeat 0 3px; color:#686868; font-size:13px;}
.fundmastertab-desc strong {display:inline-block; vertical-align:middle; color:#333; font-family:'NanumGothicBold';}
.fundmastertab-desc span {position:relative; display:inline-block; margin-left:6px; padding-left:8px; vertical-align:middle;}
.fundmastertab-desc span:after {content:''; display:inline-block; overflow:hidden; position:absolute; top:4px; left:0; width:1px; height:12px; background:#d8dadd;}

/* 이 펀드 어떠세요? */
.fundmastertab.recommend_fund > ul > li {vertical-align: top;}
.fundmastertab.recommend_fund > ul > li .item-heading {text-align-last: left; padding: 25px 26px; height: 112px;}
.fundmastertab.recommend_fund > ul > li .item1 .item-detail {background: #00aacf;}
.fundmastertab.recommend_fund > ul > li .item1 .item-action > li > a.active {color:#00aacf;}
.fundmastertab.recommend_fund > ul > li .item2 .item-detail {background:#00bdb2;}
.fundmastertab.recommend_fund > ul > li .item2 .item-action > li > a.active {color:#00bdb2;}
.fundmastertab.recommend_fund > ul > li .item3 .item-detail {background:#1a91e0;}
.fundmastertab.recommend_fund > ul > li .item3 .item-action > li > a.active {color:#1f5dbe;}
.fundmastertab.recommend_fund > ul > li .item4 {border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fundmastertab.recommend_fund > ul > li .item4 .item-detail {background:#1f5dbe;border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fundmastertab.recommend_fund > ul > li .item4 .item-action > li > a.active {color:#1f5dbe;}
.fundmastertab.recommend_fund > ul > li .item5 {border-radius:4px 0 0 4px;}
.fundmastertab.recommend_fund > ul > li .item5 .item-detail {background: #6566a9; border-bottom-left-radius:4px; border-top-left-radius:4px;}
.fundmastertab.recommend_fund > ul > li .item5 .item-action > li > a.active {color:#6566a9;}
.fundmastertab.recommend_fund > ul > li .item6 .item-detail {background:#039e7e;}
.fundmastertab.recommend_fund > ul > li .item6 .item-action > li > a.active {color:#039e7e;}
.fundmastertab.recommend_fund > ul > li .item7 .item-detail {background:#6fb447;}
.fundmastertab.recommend_fund > ul > li .item7 .item-action > li > a.active {color:#6fb447;}
.fundmastertab.recommend_fund > ul > li .item8 {border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fundmastertab.recommend_fund > ul > li .item8 .item-detail {background:#a05955;border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fundmastertab.recommend_fund > ul > li .item8 .item-action > li > a.active {color:#a05955;}
.fundmastertab.recommend_fund > ul > li .item-detail {width: 300px; padding:30px 0 0 26px;height: 164px;color:#fff;font-size: 18px; line-height: 30px;}
.fundmastertab.recommend_fund > ul > li .item-description {font-size: 18px; line-height: 30px; }
.fundmastertab.recommend_fund .sell_select {position: relative; display: inline-block; border-bottom: 1px solid #fff;line-height: 30px; text-align: left; }
.fundmastertab.recommend_fund .sell_select:after {content:''; display: block; position: absolute; top:11px; right:0;width:9px; height:5px; background:url(/img/bul/arr_down.png) no-repeat;
}
.fundmastertab.recommend_fund .sell_select select {overflow: hidden; background: none; border:none; color:#fff;font-size: 18px;line-height: 30px; padding:0 20px 0 0 !important; margin:0 !important; max-width: 180px; min-width:50px; vertical-align:baseline;	text-overflow: ellipsis; word-wrap:break-word; word-wrap:break-word; vertical-align: baseline; appearance: none; -webkit-appearance: none;}
.fundmastertab.recommend_fund .sell_select select::-ms-expand { display:none; }
.fundmastertab.recommend_fund .sell_select select option {color:#333;}
.fundmastertab.recommend_fund .sell_select.option_bold select {font-weight:bold; font-family:'NanumGothicBold' !important;} 
.fundmastertab.recommend_fund .item-detail_date {margin-top: 15px;}
.fundmastertab.recommend_fund .item-detail_date , 
.fundmastertab.recommend_fund .fundBaseDt {font-size: 13px; line-height: 13px;}
.fundmastertab.recommend_fund > ul > li.active {width: 299px;}
.fundmastertab.recommend_fund > ul > li .item-heading span {font-size: 15px; font-weight: normal; line-height: 24px; text-align: left; font-family:'NanumGothic';}
.recommend_fund_tab:after {content:''; clear: both; display:block;}
.recommend_fund_tab li {float: left;border: 1px solid #ccc; background: #fff; color:#686868;margin-left: -1px;}
.recommend_fund_tab li.on {border:1px solid #134298; background: #1f5dbe; position: relative;}
.recommend_fund_tab li:first-child {border-radius:3px 0 0 3px;}
.recommend_fund_tab li:last-child {border-radius: 0 3px 3px 0;}
.recommend_fund_tab li a {display: block; padding:0 13px; line-height: 30px; }
.recommend_fund_tab li.on a{color:#fff; font-weight: bold; }


/* 펀드리스트 soting 영역 */
.nfundsearch {}
.list-search {margin-bottom:0; padding:8px 0;}
.list-search .cate-area {}
.list-search .cate-area > span {padding:0 1px;}
.list-search .cate-area .cate {padding:0 1px; background:none; font-size:13px; line-height:30px;}
.list-search .cate-area .cate:first-child {margin-right:15px;}
.list-search .cate-area .cate02 {padding:0 1px;}
.list-search select {height:30px !important; border:1px solid #dce1e6; border-radius:3px; background:#fff; line-height:normal !important; font-size:13px; letter-spacing:-1px;}
.list-search .input-text {margin-right:0; height:28px; border:1px solid #dce1e6; border-radius:3px; line-height:29px; background:#fff; font-size:13px; letter-spacing:-1px;}
.list-search .button02.white-bt.search-bt {margin-left:3px;}
.list-search .button02.white-bt.search-bt button {padding:0 10px; height:30px; line-height:30px; box-shadow:none;}
.list-search .button02.white-bt.search-bt button:hover {border-color:#134298; color:#134298;}
.list-search .sorting-area .list-setting {display:inline-block; font-size:13px; line-height:1; vertical-align:middle;}
.list-search .sorting-area .button02.white-bt {vertical-align:middle;}
.list-search .button02.white-bt .icon-chk {top:9px;}
.list-search .button02.white-bt .cnt {top:-1px;}
.list-search .button02.white-bt button {height:30px; line-height:30px; box-shadow:none;}
.list-search .button02.white-bt button:hover {border-color:#134298; color:#134298;}
.list-search .button02.white-bt button:hover .cnt {color:#134298;}

/* 펀드리스트 */
.notice.mg-t80 {margin-top:80px;}
.lay-cart.type02 .bt-area .bt-img-txt button:hover {color:#134298;}
.nfundlist {}
.badge-rankfunmaster {display:inline-block; overflow:hidden; box-sizing:border-box; padding-left:14px; width:40px; height:20px; border:1px solid #d8dadd; border-radius:2px; background:url('/img/ico/ico_rankfunmaster.png') no-repeat 3px 3px; line-height:20px; color:#a2a3a6; font-weight:normal; font-size:11px; font-family:Dotum, '돋움', Tahoma, Sans-serif; text-align:center; vertical-align:1px; letter-spacing:0;}
.badge-rankfunmaster.rank1 {background-position:3px -17px; font-weight:normal; color:#f73240;}
.badge-rankfunmaster.rank2 {background-position:3px -37px; font-weight:normal; color:#ef7021;}
.badge-rankfunmaster.rank3 {background-position:3px -57px; font-weight:normal; color:#f19c0b;}
.fund-grid-list li .info {font-size:13px;}
.fund-grid-list li .info dt a {max-width:550px;}
.fund-grid-list li .info .grade .tit {margin-top:19px;}
.fund-grid-list li .info .bt-area .bt-img-txt {margin-bottom:1px;}
.fund-grid-list li .info .bt-area .bt-img-txt .bt-icon {}
.fund-grid-list li .info .bt-area .bt-img-txt .bt-icon:hover {color:#134298;}
.fund-grid-list li .info .bt-area .cart-area .button02.white-bt button {margin-top:8px; height:24px; line-height:21px; box-shadow:none;}
.fund-grid-list li .info .bt-area .cart-area .button02.white-bt button:hover {border-color:#134298; color:#134298;}
.fund-box-list {margin-top:10px;}
.fund-box-list li .info dt > img {/*margin-top:3px !important; */vertical-align:-4px;}
.fund-box-list li .info dt .badge-rankfunmaster {/*margin-top:3px;*/ vertical-align:-4px;}
.fund-box-list li .lay-cart {left:-1px;}
.fund-box-list li .lay-cart .bt-area .bt-img-txt button:hover {color:#134298;}
.fund-box-list li .lay-cart .chk-area .bt-img-txt .bt-icon.chk:hover {color:#134298;}
.fund-box-list li .lay-cart .chk-area .bt-img-txt .bt-icon.chk.on {color:#134298;}
.tbl-fund-list {margin-top:20px;}
.tbl-fund-list td .tit > img {margin-top:0 !important;}
/*.tbl-fund-list td .tit .badge-rankfunmaster {margin-right:5px;}*/
.tbl-fund-list td .bt-area .bt-img-txt button {}
.tbl-fund-list td .bt-area .bt-img-txt button:hover {color:#134298;}
.tbl-fund-list td .chk-area .bt-img-txt .bt-icon.chk:hover {color:#134298;}
.tbl-fund-list td .chk-area .bt-img-txt .bt-icon.chk.on {color:#134298;}

/* POPUP :매매정보확인안내 */
.fund-selling {text-align:center;}
.fund-selling .message {padding:25px 0;}
.fund-selling .message:before {content:'';display:inline-block;width:77px;height:77px;margin-bottom:20px;background:url(/img/ico/lock_77x77.png) no-repeat 50% 50%;}
.fund-selling .message .maincopy {font-size:16px;font-family:'NanumGothicBold';color:#222;}
.fund-selling .message .subcopy {margin-top:5px;font-size:13px;color:#666;}
/* POPUP :수익률안내 */
.earning-info .desc {font-size:13px;}
.earning-info .img {margin:20px 0;border:1px solid #d8dadd;border-top:2px solid #222;}
.earning-info .btn_more_view {margin-bottom:30px;}
.earning-info .btn_more_view a {font-size:13px;color:#222;}
.earning-info .btn_more_view a:after {content:'';display:inline-block;margin-left:4px;width:16px;height:16px;background:url(/img/ico/ico_more.png) no-repeat 50% 50%;vertical-align:-4px;}

	/*나의투자경험담*/
.topdesc-box {position:relative; margin-top:20px; padding:30px; border:1px solid #ddd; border-radius:5px; line-height:1;}
.topdesc-box .titcopy {margin-bottom:10px; font-size:24px; font-family:'NanumGothicBold'; color:#222;}
.topdesc-box .subcopy {font-size:13px;}
.topdesc-box .nbtn {position:absolute; top:33px; right:30px;}
.invest_search {position:relative;}
.invest_search .guide-info {position:absolute; right:0; top:50%; margin-top:-7px;}


/* 배틀썰전 */
.graphWrap {position:relative;}
.graphWrap .case-uy p, .case-ey p {color:#46bbcd;}
.graphWrap .case-un p, .case-en p {color:#ea5a5a;}
.graphWrap .graph-s {position:relative; width:100px; height:100px;}
.graphWrap .graph-s .chartarea {position:relative; top:0; margin:0 auto;}
.graphWrap .graph-s .el {background:url(/img/comm/battle_graph100x100.png) no-repeat;}
.graphWrap .graph-s .el img {width:100px;}
.graphWrap .graph-l {position:relative; width:320px; height:320px;}
.graphWrap .graph-l .el {background:url(/img/comm/battle_graph320x320.png) no-repeat;}
.graphWrap .graph-l p {font-size:40px;}
.graphWrap p {position:absolute; width:100%; top:50%; height:0; margin-top:-.5em; font-size:13px; line-height:1; font-family:'NanumGothicBold'; text-align:center;}
.graphWrap .el {display:none; overflow:hidden; position:absolute; top:0; width:100%; height:100%;}
.graphWrap .el.ely {left:0; background-position:0 0;}
.graphWrap .el.eln {right:0; background-position:100% 100%;}
.graphWrap.case-sa .el {display:block; width:50%;}
.graphWrap.case-uy .ely {display:block;}
.graphWrap.case-uy .el:before {content:''; position:absolute; right:0; width:50%; height:50%; background:url(/img/comm/battle_graph320x320.png) no-repeat right -330px}
.graphWrap.case-un .eln {display:block;}
.graphWrap.case-un .el:before {content:''; position:absolute; left:0; width:50%; height:50%; background:url(/img/comm/battle_graph320x320.png) no-repeat}
.graphWrap.case-uy .graph-s .el:before {content:''; position:absolute; right:0; width:50%; height:50%; background:url(/img/comm/battle_graph100x100.png) no-repeat right -110px}
.graphWrap.case-un .graph-s .el:before {content:''; position:absolute; right:0; width:50%; height:50%; background:url(/img/comm/battle_graph100x100.png) no-repeat left 0;}

.graphWrap.case-ey .ely {display:block;}
.graphWrap.case-en .eln {display:block;}

.battletalk-item .status-view {position:relative; width:170px; margin:0 auto;}
.battletalk-item .status-view .txt {width:100%; line-height:1;}
.battletalk-item .status-view .txt .vs {position:absolute; top:50%; width:100%; margin-top:-6px; text-align:center; font-family:'NanumGothicBold';}
.battletalk-item .status-view .txt .yes,
.battletalk-item .status-view .txt .no {position:absolute; top:50%; margin-top:-13px; font-family:'NanumGothicBold';}
.battletalk-item .status-view .txt .yes {left:0; color:#46bbcd;}
.battletalk-item .status-view .txt .no {right:0; color:#ea5a5a;}
.battletalk-item .status-view .txt .yes.gray,
.battletalk-item .status-view .txt .no.gray {color:#d4d4d4;}
.battletalk-item .status-view .txt strong {display:block; font-size:13px;}
.battletalk-item .status-view .txt .per {font-size:12px;}
.battletalk-item .status-view .txt .per i {font-size:14px;}
.vs-txt {margin-top:-5px; font-size:22px; font-weight:bold;}
.graphWrap .graph-l .vs-txt {font-size:75px; font-weight:bold; color:#666;}

.battletalk-topdesc {position:relative; margin-bottom:40px; padding:25px 30px; border:1px solid #ddd; border-radius:5px;}
.battletalk-topdesc .title {margin-bottom:10px; font-size:22px; font-family:'NanumGothicBold'; color:#222;}
.battletalk-topdesc .txt {font-size:13px;}
.battletalk-topdesc .txt +.txt {margin-top:10px;}
.battletalk-topdesc .nbtn-primary {position:absolute; right:30px; top:50%; margin-top:-20px;}

.battletalk-best {overflow:hidden; margin-bottom:30px;}
.battletalk-best li {float:left; box-sizing:border-box;}
.battletalk-best li +li {margin-left:10px;}
.battletalk-best .best01 .battletalk-item:before {background-color:#f73240;}
.battletalk-best .best02 .battletalk-item:before {background-color:#f07021;}
.battletalk-best .best03 .battletalk-item:before {background-color:#f7a51a;}
.battletalk-best .battletalk-item,
.battletalk-best .no-item {position:relative; box-sizing:border-box; width:310px; height:298px; padding:18px 30px; border:1px solid #dddddd; border-radius:5px 5px; background-color:#fff; font-size:13px;}
.battletalk-best .no-item {padding-top:140px; text-align:center;}
.battletalk-best .battletalk-item:before {content:''; position:absolute; top:-1px; left:-1px; right:-1px; height:162px; border-radius:5px 5px 0 0; z-index:0;}
.battletalk-best .battletalk-item .count {position:absolute; left:20px; top:-1px; width:41px; height:28px; padding-top:18px; background:url(/img/comm/talkbattle_best_count.png) no-repeat 0 0; font-family:'NotosansM'; color:#fff; text-align:center; z-index:1;}
.battletalk-best .battletalk-item .duration {float:right; position:relative; color:#fff; z-index:2;}
.battletalk-best .battletalk-item .title {position:relative; clear:both; padding:14px 0; z-index:2;}
.battletalk-best .battletalk-item .title p {overflow:hidden; max-height:2.6em; font-size:18px; line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff;}
.battletalk-best .battletalk-item .title a {font-family:'NanumGothicBold'; color:#fff;}
.battletalk-best .battletalk-item .nbtn {border-color:#fff; background-color:transparent; color:#fff;}
.battletalk-best .battletalk-item .status-view {position:absolute; left:50%; bottom:15px; margin-left:-85px;}
.battletalk-best .battletalk-item .graphWrap .graph-s {margin:0 auto;}

.battletalk-list {overflow:hidden; margin-bottom:30px;}
.battletalk-list >ul {margin:-11px 0 0 0;}
.battletalk-list .list-item {/*float:left; width:469px;*/ margin:11px 0 0 0;}
.battletalk-list .no-item {width:100%; margin-top:12px; padding:160px 0; border-top:1px solid #d8dadd; border-bottom:1px solid #d8dadd; font-size:13px; text-align:center;}
.battletalk-list .battletalk-item {border:1px solid #e7eaec; border-radius:5px;}
.battletalk-list .battletalk-item .cont {overflow:hidden; /*height:110px;*/ padding:25px 25px 25px 29px;}
.battletalk-list .battletalk-item .title {float:left; width:700px; margin-bottom:5px;}
.battletalk-list .battletalk-item .title .flag {display:inline-block; width:38px; height:18px; margin-right:4px; border-radius:2px; background-color:#1f5dbe; font-size:11px; line-height:20px; font-family:'Dotum'; color:#fff; letter-spacing:-1px; text-align:center; vertical-align:2px;}
.battletalk-list .battletalk-item .title .flag.end {background-color:#999;}
.battletalk-list .battletalk-item .title p {overflow:hidden; max-height:2.6em; font-size:18px; line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.battletalk-list .battletalk-item .title a {font-family:'NanumGothicBold'; color:#222;}
.battletalk-list .battletalk-item .title .duration {display:inline-block; margin:5px 0 10px; font-size:12px; color:#aaa;}
.battletalk-list .battletalk-item .status-view {float:right; position:relative;}
.battletalk-list .battletalk-item .status-view .graphWrap {width:100px; margin:auto;}

.battletalk-list .battletalk-item .info {padding:15px 29px; background-color:#f7f9fa;}
.battletalk-list .battletalk-item .info .viewInfo_wrap {float:right; margin-right:-10px;}

.service-review-view .header .info .duration {float:right;}
.service-review-view .header .info .duration span {margin-left:4px; color:#999;}
.service-review-view ul.bul_list {margin:-2px 0 0 10px;}
.talkbattle.service-review-view .header {min-height:inherit; padding:5px 20px 20px}
.talkbattle.service-review-view .bul_list li .lay-simple.send-sns {right:inherit !important;}

.talkbattle-content {padding:20px 0; text-align:center;}
.talkbattle-content .title {position:relative; display:inline-block; max-width:460px; margin:0 auto; font-size:26px; line-height:1.3; color:#222;}
.talkbattle-content .title:before,
.talkbattle-content .title:after {content:''; position:absolute; display:inline-block; width:33px; height:23px; background:url(/img/comm/ico_talkbattle_view_title.png) no-repeat;}
.talkbattle-content .title:before {left:-38px; background-position:0 0;}
.talkbattle-content .title:after {right:-38px; background-position:0 -30px;}
.talkbattle-content .status-view {position:relative; width:320px; height:320px; margin:30px auto;}
.talkbattle-content .status-view .btns {position:absolute; left:0; right:0; top:50%; margin-top:-50px;}
.talkbattle-content .status-view .btns a {position:absolute; width:100px; height:100px; font-size:0;}
.talkbattle-content .status-view .btns a.yes {left:-160px; background:url(/img/comm/btn_battle_yes.png) no-repeat 50% 50%;}
.talkbattle-content .status-view .btns a.no {right:-160px; background:url(/img/comm/btn_battle_no.png) no-repeat 50% 50%;}
.talkbattle-content .status-view .txt {position:absolute; left:0; right:0; top:50%; margin-top:-80px;}
.talkbattle-content .status-view .txt .vs {position:absolute; left:0; top:65px; width:100%; font-size:75px; color:#666; text-align:center;}
.talkbattle-content .status-view .txt p {position:absolute; padding:18px 0; width:220px; font-size:20px; line-height:1;}
.talkbattle-content .status-view .txt p.yes {right:380px; text-align:right;}
.talkbattle-content .status-view .txt p.no {left:380px; text-align:left;}
.talkbattle-content .status-view .txt strong {display:block; margin-bottom:10px; font-family:'NanumGothicBold';}
.talkbattle-content .status-view .txt .per {display:block; font-size:60px; letter-spacing:-5px;}
.talkbattle-content .status-view .txt .per i {font-size:100px;}
.talkbattle-content .status-view .txt .yes {color:#46bbcd; background:url(/img/comm/ico_battle_yes.png) no-repeat 120px 0;}
.talkbattle-content .status-view .txt .no {color:#ea5a5a; background:url(/img/comm/ico_battle_no.png) no-repeat 55px 0;}
.talkbattle-content .status-view .txt .yes.gray {color:#d4d4d4; background-image:url(/img/comm/ico_battle_yes_02.png);}
.talkbattle-content .status-view .txt .no.gray {color:#d4d4d4; background-image:url(/img/comm/ico_battle_no_02.png);}

/* POPUP :배틀썰전 등록,수정 */
.talkbattle-write .battletalk-topdesc {padding:30px 28px; background:url(/img/comm/talkbattle_pop_wirte_bg.png) no-repeat 525px 100%;}
.talkbattle-write {margin-bottom:30px;}
.talkbattle-write .duration .nbtn-type1 {width:62px; padding:0;}
.talkbattle-write .duration .selected {border-color:#1f5dbe; color:#1f5dbe;}
.talkbattle-write .table_guide {padding-left:0;}

/*자유토론 목록 (Advisory > IFA 검색 > 서비스 이용후기 에서 펌)*/
.service-review-slider {position:relative;}
.service-review-slider .slider-wrap {overflow:hidden; height:330px;}
.service-review-slider .slider-inner {width:300%;}
.service-review-slider .slide {float:left; margin-right:10px;}
.service-review-slider .slider-control {}
.service-review-slider .slider-control .prev,
.service-review-slider .slider-control .next {position:absolute; top:120px; width:23px; height:43px; background:url(/img/adv/review_slider_arrow.png) no-repeat;}
.service-review-slider .slider-control .prev {left:-53px; background-position:0 0;}
.service-review-slider .slider-control .next {right:-53px; background-position:100% 0;}
.review-slider-item {position:relative; width:308px; height:278px; margin-bottom:50px; border:1px solid #dddddd; border-radius:5px 5px;}
.review-slider-item .item-title {overflow:hidden; padding:20px 30px; background-color:#f7f9fa;}
.review-slider-item .item-title .thumb {overflow:hidden; float:left; height:60px; width:60px; margin-right:14px; border-radius:50% 50%;}
.review-slider-item .item-title .name {margin:10px 0 2px;}
.review-slider-item .item-content {height:140px; padding:18px 30px;}
.review-slider-item .item-content:after {content:''; position:absolute; bottom:-17px; left:22px; width:17px; height:17px; background:url(/img/adv/review_slider_item_tail.png) no-repeat 0 0;}
.review-slider-item .item-content a {color:inherit;}
.review-slider-item .item-content .tit {margin-bottom:10px; font-size:18px; font-family:'NanumGothicBold'; color:#222;}
.review-slider-item .item-content .txt {overflow:hidden; font-size:13px; line-height:1.8em; height:7.2em;}
.review-slider-item .item-content .info {text-align:right;}
.review-slider-item .item-content .info .date {float:left;}
.review-slider-item .item-writer {position:absolute; bottom:-42px; font-size:13px;}
.review-slider-item .item-writer strong {font-family:'NanumGothicBold';}

.list-container-review {border-top:1px solid #d8dadd;}
.paging +.list-btn-wrap {margin-top:-35px; text-align:right;}
.service-review-list {margin-bottom:30px;}
.review-list-item {padding:30px 0; border-bottom:1px solid #e7eaec;}
.review-list-item .item-header {overflow:hidden; margin-bottom:15px;}
.review-list-item .item-header .thumb {overflow:hidden; float:left; width:40px; height:40px; margin-right:15px; border-radius:50% 50%;}
.review-list-item .item-header .thumb img {max-width:100%;}
.review-list-item .item-header .name {padding-top:8px;}
.review-list-item .item-title a {font-size:18px; line-height:26px; font-family:'NanumGothicBold'; color:#222;}
.review-list-item .item-info {margin-top:10px;}
.review-list-item .item-info .viewInfo_wrap {float:right;}

.service-review-view {border-top:1px solid #666; border-bottom:1px solid #d8dadd;}
.service-review-view .header {position:relative; min-height:84px; padding:20px 20px 24px; border-bottom:1px solid #e7eaec;}
.service-review-view .header .status {padding:10px 0;}
.service-review-view .header .status img {width:26px; vertical-align:middle;}
.service-review-view .header .status .category {margin-left:10px;font-size:18px;font-family:'NanumGothicBold';color:#999;vertical-align:middle;}
.service-review-view .header .title {padding-right:130px; font-size:28px; line-height:1.2; color:#222;}
.service-review-view .header .title span.status {display:inline-block; padding:0; margin:0 10px 5px 0; vertical-align:middle;}
.service-review-view .header .info {overflow:hidden; margin-top:26px;}
.service-review-view .header .info .reward {position:absolute; right:20px; top:22px;}
.service-review-view .header .info .writer,
.service-review-view .header .info .viewInfo_wrap {float:left; margin:0;}
.service-review-view .header .info .viewInfo_wrap .bt-icon {margin:0; padding:0; vertical-align:middle;}
.service-review-view .header .info .viewInfo_wrap .bt-icon.send {margin:0; vertical-align:top;}
.service-review-view .content {padding:30px 20px;}
.service-review-view .content .content-txt {overflow:hidden; overflow-x:auto; font-size:13px;}
.service-review-view .content .ifa-info {margin-top:30px; padding:20px 18px; border:1px solid #e7eaec; background-color:#f7f9fa;}
.service-review-nextprev {margin-top:30px; border-top:1px solid #d8dadd; border-bottom:1px solid #d8dadd;}
.service-review-nextprev .prev,
.service-review-nextprev .next {padding:15px 0; font-size:15px;height:20px;}
.service-review-nextprev .next {border-top:1px solid #e7eaec;}
.service-review-nextprev .prev strong,
.service-review-nextprev .next strong {float:left; width:80px; text-align:center;}
.service-review-nextprev .title {overflow:hidden; padding:0 20px; color:#999;}
.service-review-nextprev .title a {overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:85%; white-space:nowrap; color:#666;}
.service-review-nextprev .title .date {float:right; font-size:13px;}

	/*기본에서 추가*/
/*.service-review-view .bul_list li .lay-simple.send-sns {right:260px !important;}*/
.circle-container .service-review-view .bul_list li .lay-simple.send-sns {right:0px !important;}
.fund-box-list.type2 {margin-top:0;} /*관련펀드*/
.fund-box-list.type2 li {height:199px;}
.reple_wrap.community {margin-top:40px;} /*우리투자증권지식in 상세 에서 상속*/
.reple_wrap.community .reple-write-area {padding:25px 30px; background-color:#f7f9fa;}
.reple_wrap.community .reple-list-area {padding:0;}
.reple_wrap.community .reple-list-area .reple-list-cont li .reple-write-area {margin:0 0 1px; padding:0 !important; background-color:#fff;}
.reple_wrap.community .reple-list-area .reple-list-cont li .reple-write-area .reple-header {margin:0px 30px 0;}
.reple_wrap.community .reple-list-area .reple-list-cont li .reple-write-area .reple-write {margin:0 30px 25px;}
.reple_wrap.community .reple-list-area .reple-list-cont li dd.txt {font-size:13px;}

.service-review-nextprev {margin-top:60px;}
.service-review-nextprev .prev strong, .service-review-nextprev .next strong {color:#333333;}


/*자유토론 등록/수정*/
.table_guide .guide-info {position:absolute; right:0; top:20px;}

/*자유토론 목록*/
/*상단 인기태그*/
.popularTag_wrap {min-height:270px; margin-top:35px;}
.popularTag_wrap .inner {position:relative; min-height:270px;}
.popularTag_wrap .inner .tag {display:inline-table; position:absolute; width:100px; height:100px; padding-left:0; border:4px solid #F5F5F5; border-radius:50%;  background:none; background-color:#FFF; color:#555555; font-family:'NanumGothicBold'; font-size:13px; text-align:center;}
.popularTag_wrap .inner .tag span {display:table-cell; vertical-align:middle;}
.popularTag_wrap .inner .tag.on,
.popularTag_wrap .inner .tag:hover {background-color:#F5F5F5; color:#888888;}

.popularTag_wrap .inner .tag.tag1 {left:367px; top:25px; z-index:9999; width:220px; height:220px; border:4px solid #F63C49; background-color:#fff; color:#F63C49; font-size:30px;}
.popularTag_wrap .inner .tag.tag1.on,
.popularTag_wrap .inner .tag.tag1:hover {background-color:#F63C49; color:#fff;}
.popularTag_wrap .inner .tag.tag2 {left:230px; top:116px; z-index:9998;width:160px; height:160px; border:4px solid #F1772C; background-color:#fff; color:#F1772C; font-size:20px;}
.popularTag_wrap .inner .tag.tag2.on,
.popularTag_wrap .inner .tag.tag2:hover {background-color:#F1772C; color:#fff;}
.popularTag_wrap .inner .tag.tag3 {left:575px; top:35px; z-index:9997;width:120px; height:120px; border:4px solid #F7AA26; background-color:#fff; color:#F7AA26; font-size:18px;}
.popularTag_wrap .inner .tag.tag3.on,
.popularTag_wrap .inner .tag.tag3:hover {background-color:#F7AA26; color:#fff;}
.popularTag_wrap .inner .tag.tag4 {left:646px; top:111px; z-index:9997;width:150px; height:150px; border:4px solid #ECECEC; background-color:#fff; color:#555; font-size:20px;}
.popularTag_wrap .inner .tag.tag4.on,
.popularTag_wrap .inner .tag.tag4:hover {background-color:#ECECEC; color:#555;}
.popularTag_wrap .inner .tag.tag5 {left:133px; top:61px; z-index:9997;width:130px; height:130px; border:4px solid #ECECEC; background-color:#fff; color:#555; font-size:20px;}
.popularTag_wrap .inner .tag.tag5.on,
.popularTag_wrap .inner .tag.tag5:hover {background-color:#ECECEC; color:#555;}
.popularTag_wrap .inner .tag.tag6 {left:292px; top:10px; z-index:9996;}
.popularTag_wrap .inner .tag.tag7 {left:557px; top:190px; z-index:9996;}
.popularTag_wrap .inner .tag.tag8 {left:65px; top:134px; z-index:9996;}
.popularTag_wrap .inner .tag.tag9 {left:790px; top:76px; z-index:9996;}
.popularTag_wrap .inner .tag.tag10 {left:10px; top:40px; z-index:9996;}


	/*추천토론*/
.recent_list {margin-top:15px;}
.recent_list li {margin-top:10px;}
.recent_list li:first-child {margin-top:0;}
.recent_list.type1 li .inner {position:relative; padding:20px 20px 46px 20px; overflow:hidden; margin-top:15px; border:1px solid #e7eaec; border-radius:5px;}
.recent_list.type1 li .inner p {overflow:hidden; max-height:54px; color:#666; font-size:13px; line-height:19px;}
.recent_list.type1 li .inner > span {position:absolute; left:20px; bottom:20px; color:#999; line-height:12px;}
.recent_list.type1 li .inner > a {position:absolute; right:20px; bottom:20px;}

/*IFA칼럼 상세 첨부파일목록*/
.download_list + .content-txt {margin-top:45px;}
.service-review-view .content .download_list {margin-top:10px;}
.service-review-view .content .download_list li {margin:0 10px 0 0; padding:2px 0;}

/*나의투자경험담 목록*/
.ico_popular {display:inline-block; width:42px; height:52px; background:url('/img/ico/ico_popular.png') 0 0 no-repeat; text-indent:-9999px;}
.sliderBox.myinvest .slide-wrapper {max-width:950px !important;}
.sliderBox.myinvest .slider-inner {margin-left:-16px;}
.sliderBox.myinvest .slide {margin-left:16px;}
.sliderBox.myinvest .slide .temp-item {position:relative; overflow:hidden; width:304px; height:372px; padding-top:2px; background-color:#fff; box-sizing:border-box;}
.sliderBox.myinvest .label_wrap {position:absolute; left:20px; top:-2px; z-index:1;}
.sliderBox.myinvest .item_wrap > dt {position:relative; overflow:hidden; height:225px; border-radius:5px 5px 0 0;}
.sliderBox.myinvest .item_wrap > dt .img_wrap {position:absolute; left:0; top:0; right:0; z-index:0; height:225px; background-color:#919191;}
.sliderBox.myinvest .item_wrap > dt .img_wrap img {max-width:100%; width:304px;}
.sliderBox.myinvest .item_wrap > dt h5 {position:absolute; left:20px; bottom:30px; overflow:hidden; width:260px; height:60px; z-index:2; color:#fff; font-family:'NanumGothicBold'; font-size:24px; line-height:30px; letter-spacing:-0.025em;}
.sliderBox.myinvest .item_wrap > dd {position:relative; overflow:hidden; height:145px; padding:20px; border:1px solid #ddd; border-top:0;  border-radius:0 0 5px 5px; box-sizing:border-box;}
.sliderBox.myinvest .item_wrap > dd .con {overflow:hidden; max-height:60px; color:#666;  font-size:13px; line-height:20px; letter-spacing:-0.025em;}
.sliderBox.myinvest .item_wrap > dd .day {position:absolute; left:20px; bottom:22px; color:#999;}
.sliderBox.myinvest .item_wrap > dd .viewInfo_wrap {position:absolute; right:20px; bottom:20px;}
.sliderBox.myinvest .item_wrap > dd .viewInfo_wrap dl {margin-left:10px; margin-right:0;}

/* 메인 펀드뉴스 슬라이드 */
#Snotice .slide-controls-direction a {position:absolute; right:7px; display:block; width:9px; height:5px; text-indent:-9999px; background:url('/img/btn/btn_arrow_updown.png?cashBuster=20191126') 0 0 no-repeat;}
#Snotice .slide-controls-direction a.slide-prev {top:32px; left:inherit;}
#Snotice .slide-controls-direction a.slide-next {top:inherit; bottom:9px; background-position:0 -11px}

/*써클목록 상단공지사항*/
dl.notice_wrap {position:relative; padding-left:60px;}
dl.notice_wrap dt {position:absolute; left:0; top:0; color:#1f5dbe; font-family:'NanumGothicBold'; font-size:13px; line-height:27px; text-transform:uppercase;}
dl.notice_wrap dd {position:relative; padding-right:50px;}
dl.notice_wrap dd ul {overflow:hidden; height:auto;}
dl.notice_wrap dd ul li {overflow:hidden; position:relative;}
dl.notice_wrap dd ul li a,
dl.notice_wrap dd ul li .empty_mesage {float:left; overflow:hidden; max-width:80%; padding-left:7px; text-overflow:ellipsis; white-space:nowrap; color:#666; font-size:13px; line-height:27px;}
dl.notice_wrap dd ul li span {float:right; color:#999;  font-size:13px; line-height:27px;}
dl.notice_wrap .slide-controls-direction a {position:absolute; right:0; display:block; width:9px; height:5px; text-indent:-9999px; background:url('/img/btn/btn_arrow_updown.png?cashBuster=20191126') 0 0 no-repeat;}
dl.notice_wrap .slide-controls-direction a.slide-prev {top:24px; left:inherit;}
dl.notice_wrap .slide-controls-direction a.slide-next {top:inherit; bottom:4px; background-position:0 -11px}

/*써클목록 타임라인형 아이콘*/
.bt-img.grid-st button.time {background:url('/img/btn/btn_grid_time.png') 0 0 no-repeat;}
.bt-img.grid-st.current button.time {background-position:0 -26px;}

/* 써클 게시물관리 */
.circle-admin-stat {margin-top:40px; margin-bottom:15px;}
.circle-admin-stat ul {display:table; table-layout:fixed; overflow:hidden; width:100%; border:1px solid #d4d7d9; border-radius:5px;}
.circle-admin-stat ul li {display:table-cell; padding:25px 10px; border-left:1px solid #e7eaec; color:#999; font-size:13px; text-align:center; vertical-align:middle;}
.circle-admin-stat ul li:first-child {border-left:0;}
.circle-admin-stat ul li strong {display:block; margin-top:5px; color:#222; font-size:24px; font-family:'NanumGothicBold'; font-weight:normal; letter-spacing:-1px;}
.circle-admin-stat ul li.type-hide strong {color:#f73240;}
.circle-admin-stat ul li.type-notice strong {color:#f07021;}
.circle-admin-stat ul li.type-standby strong {color:#f73240;}
.circle-admin-stat ul li.type-cancel strong {color:#f07021;}

/* 써클 멤버관리 */
.table-circle-admin th,
.table-circle-admin td {border-left:0; text-align:left;}
.table-circle-admin .cell-check {padding-left:0;padding-right:0;text-align:right;}
.table-circle-admin .cell-title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table-circle-admin .cell-stat {}
.table-circle-admin .cell-action {padding-left:0;padding-right:0;}
.table-circle-admin .item-author {display:block; overflow:hidden; max-width:255px; white-space:nowrap; text-overflow:ellipsis;}
.table-circle-admin .item-author .badge-level {vertical-align:middle;}
.table-circle-admin .item-author .name {vertical-align:middle;}
.table-circle-admin .item-action {white-space:nowrap;}
.table-circle-admin .item-action .nbtn {padding:0 15px;}
.table-circle-admin .type-notice .cell-stat {color:#f07021;}
.table-circle-admin .type-hide .cell-stat {color:#f73140;}
.table-circle-admin .type-standby .cell-stat {color:#f73140;}
.table-circle-admin .type-cancel .cell-stat {color:#2398ff;}
.table-circle-admin .type-block .cell-stat {color:#f07021;}
.table-fixed table {table-layout:fixed;}
.panel-button {overflow:hidden; margin:30px 0;}
.panel-button-col {}
.panel-button-col .nbtn {float:left;}
.panel-button-col.left {float:left;}
.panel-button-col.left .nbtn {margin-right:5px;}
.panel-button-col.right {float:right;}
.panel-button-col.right .nbtn {margin-left:5px;}


.hgroup_wrap .keyword_wrap .bul_list.type2 li span {float:left; color:#222222; font-family:'NanumGothicBold'; font-size:16px;}
.hgroup_wrap .keyword_wrap .bul_list.type2 li:first-child span {color:#999;}
.hgroup_wrap .keyword_wrap .bul_list.type2 li .count {float:left; margin-left:8px; color:#1f5dbe; font-family:'NanumGothicBold'; font-size:12px; line-height:18px;}

/*서클목록*/
.viewInfo_wrap .member dt {width:12px; height:24px; background:url('/img/ico/ico_info.png') 0 7px no-repeat;}
.viewInfo_wrap .list dt {width:12px; height:24px; background:url('/img/ico/ico_info.png') 0 -14px no-repeat;}

.item_list.type3 > li {min-height:121px;}
.item_list.type3 > li.no_result {min-height:inherit;padding:120px 0;}
.item_list.type3 .inner {padding:0;}
.item_list.type3 .inner .item_wrap {position:relative; height:80px; z-index:1; padding:20px 25px 20px 160px;}
.item_list.type3 .inner .item_wrap  .img_wrap {position:absolute; left:20px; top:20px; overflow:hidden; width:120px; height:80px;}
.item_list.type3 .inner .item_wrap .ico_lock {position:absolute;left:0;bottom:0;width:22px;padding:5px 0;background:url('/img/bg/bg_1x1_32343e.png') repeat;text-align:center;}
.item_list.type3 .inner .item_wrap  .img_wrap img {width:100%;width:100%;}
.item_list.type3 .inner .item_wrap  h6 {display:block; overflow:hidden; max-width:72%; height:44px; color:#222222; font-size:15px; line-height:22px; letter-spacing:-0.025em; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
/*.item_list.type3 .inner .item_wrap  h6 i {display:inline-block; height:20px; margin-top:-1px; margin-left:2px; padding:0 5px; border-radius:3px; vertical-align:middle;}*/
/*.item_list.type3 .inner .item_wrap  h6 i:first-child {margin-left:8px;}*/
/*.item_list.type3 .inner .item_wrap  h6 i em {display:inline-block; }*/
.item_list.type3 .inner .item_wrap  h6 .ico_leader {margin-left:8px;vertical-align:middle;}
.item_list.type3 .inner .item_wrap  .bul_list {margin-top:8px; padding-bottom:2px; color:#999; line-height:24px;}
.item_list.type3 .inner .item_wrap  .bul_list li:first-child {margin-left:0; padding-left:0; background:none; color:#666;}
.item_list.type3 .inner .item_wrap  .info_wrap {margin-top:0;}
.item_list.type3 .inner .item_wrap  .viewInfo_wrap {position:absolute; right:13px; top:40px;}
.item_list.type3 .inner .item_wrap  .viewInfo_wrap dl {display:block; overflow:hidden; float:none;}
.item_list.type3 .inner .item_wrap .badge-level +strong {font-weight:normal;}
.item_list.type3 .inner .hover_wrap {display:none; table-layout:fixed; position:absolute; left:-1px; top:-1px;  z-index:2;  width:100%; height:121px; border:1px solid #E7EAEC; background:url('/img/bg/bg_1x1_32343e.png') repeat;}
.item_list.type3 > li:hover .inner .hover_wrap {display:table;}
.item_list.type3 .inner .hover_wrap .inner {position:relative; display:table-cell; height:121px; padding:0 40px; /*background-color:#F7F9FA;*/ vertical-align:middle;}
.item_list.type3 .inner .hover_wrap .inner .con {overflow:hidden; width:70%; max-height:40px; margin:0; color:#fff; font-size:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.item_list.type3 .inner .hover_wrap .inner .btn_wrap {position:absolute; right:40px; top:45px;}


/* 팝업 */
.lay-btn-set a,
.lay-btn-set2 a {margin:0 1px;}

/* 리더변경승인요청 팝업 */
.lay-circleleadermodify {width:400px;}
.lay-circleleadermodify .lay-header h4 {text-align:center;}
.circleleadermodify-msg {margin-bottom:15px; color:#666; font-size:13px;}
.circleleadermodify-info {  }
.circleleadermodify-info table {width:100%; border:1px solid #d8dadd;}
.circleleadermodify-info th,
.circleleadermodify-info td {padding:10px 15px; border-top:1px solid #e7eaec; font-size:13px; text-align:left;}
.circleleadermodify-info th {width:70px; background:#f7f9fa; color:#222;}
.circleleadermodify-info td {color:#666;}
.circleleadermodify-info tr:first-child th,
.circleleadermodify-info tr:first-child td {border-top:0;}

/* 가입거절사유 팝업 */
.lay-circlecancelreason {width:400px;}
.lay-circlecancelreason .lay-header h4 {text-align:center;}
.circlecancelreason-msg {margin-bottom:15px; color:#666; font-size:13px;}
.circlecancelreason-msg .tit {padding-bottom:5px; color:#222;}
.circlecancelreason-form {}
.circlecancelreason-form .tit {padding-bottom:5px; color:#222; font-size:13px;}
.circlecancelreason-form .input-ntextarea {width:100%; height:80px;}




/* 펀드용어사전 */
.fund_dictionary{overflow:hidden;width:900px;height:541px;padding:45px 10px 47px 40px;background:url(/img/fmf/dictionary_bg.png) no-repeat 0 0}
.fund_dictionary fieldset{overflow:hidden;padding:0 10px 10px 10px;margin-bottom:18px;background:url(/img/bg/bg_search05.gif) no-repeat 0 100%}
.fund_dictionary fieldset input[type=text]{border:0;line-height:18px;width:370px;height:18px }
.fund_dictionary .dictionary_list{float:left;width:445px}
.fund_dictionary .dictionary_list .btn_list{overflow:hidden;margin-bottom:11px}
.fund_dictionary .dictionary_list .btn_list ul{overflow:hidden}
.fund_dictionary .dictionary_list .btn_list ul li{float:left;margin-right:6px;margin-bottom:6px}
.fund_dictionary .dictionary_list .btn_list ul li a{display:block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:22px;text-decoration:none;background:url(/img/fmf/dictionary_btn.png) no-repeat 0 0}
.fund_dictionary .dictionary_list .btn_list ul li a:hover, .fund_dictionary .dictionary_list .btn_list ul li a.on{color:#fff;background-position:0 -25px}
.fund_dictionary .dictionary_list .btn_list ul li a.btn-white-h24{width:32px;background:none}
.fund_dictionary .dictionary_list .btn_list ul li a.btn-white-h24:hover, .fund_dictionary .dictionary_list .btn_list ul li a.btn-white-h24.on{color:#fff;border:1px solid #134298;box-shadow:none;background:#134298}
.fund_dictionary .dictionary_list .result_list{overflow:hidden;overflow-y:scroll;width:444px;height:387px}
.fund_dictionary .dictionary_list .result_list ul{overflow:hidden;padding:20px 0}
.fund_dictionary .dictionary_list .result_list ul li{float:left;width:212px;height:22px}
.fund_dictionary .dictionary_list .result_list ul li a{display:block;height:22px;padding-left:16px;line-height:20px;text-decoration:none;background:url(/img/bul/bul_squ_mid_gray.png) no-repeat 8px 50%}
.fund_dictionary .dictionary_list .result_list ul li a:hover, .fund_dictionary .dictionary_list .result_list ul li a.on{color:#fff;background:#324663 url(/img/bul/bul_squ_mid_white.png) no-repeat 8px 50%}
.fund_dictionary .dictionary_contents{float:right;width:426px}
.fund_dictionary .dictionary_contents > p{height:180px;padding-top:360px;color:#222;font-size:25px;text-align:center;background:url(/img/fmf/dictionary_bg_contents.png) no-repeat 50% 150px}
.fund_dictionary .dictionary_contents > p span{color:#1f5dbe}
.fund_dictionary .dictionary_contents dl{overflow:hidden}
.fund_dictionary .dictionary_contents dl dt{height:29px;color:#222;font-size:16px}
.fund_dictionary .dictionary_contents dl dd{overflow:hidden;overflow-y:scroll;height:490px;padding:20px 15px 0 0}
.fund_dictionary .dictionary_contents dl dd p{margin-bottom:20px}
.fund_dictionary .dictionary_list .result_list .search-result{background:none}


/* 펀드백문백답 */
.fund_seeing{overflow:hidden}
.fund_seeing .seeing_select{overflow:hidden;margin-bottom:20px;background:url(/img/fmf/seeing_title_line.png) repeat-x 0 50%}
.fund_seeing .seeing_select li{float:left;width:100px;height:100px;padding-top:65px;margin-left:20px}
.fund_seeing .seeing_select li a{display:table-cell;width:100px;height:100px;color:#5c5c5c;text-align:center;line-height:16px;text-decoration:none;background:url(/img/fmf/seeing_title_bg2.png) no-repeat 0 0;vertical-align:middle}
.fund_seeing .seeing_select li.on{width:230px;height:230px;padding-top:0}
.fund_seeing .seeing_select li.on a{width:230px;height:230px;color:#fff;font-size:26px;font-weight:bold;text-align:center;line-height:32px;background:url(/img/fmf/seeing_title_bg.png) no-repeat 0 0;vertical-align:middle}
.fund_seeing .seeing_select li:first-child{margin-left:0}
.fund_seeing .seeing_list > p{padding-bottom:10px;color:#222;font-size:16px;border-bottom:1px solid #c1c4c8}
.fund_seeing .seeing_list > p span{color:#1f5dbe;padding:0 5px}
.fund_seeing .seeing_list > dl{overflow:hidden;border-bottom:1px solid #c1c4c8}
.fund_seeing .seeing_list > dl > dt{height:49px;padding-left:50px;background:url(/img/fmf/seeing_bul_quest.png) no-repeat 19px 13px}
.fund_seeing .seeing_list > dl > dt a{position:relative;overflow:hidden;display:block;height:49px;color:#222;font-size:14px;line-height:48px;text-decoration:none}
.fund_seeing .seeing_list > dl > dd{display:none;padding:22px 65px 20px 50px;border-top:1px solid #e7eaec;background:url(/img/bul/bul_reply.png) no-repeat 31px 23px}
.fund_seeing .seeing_list > dl > dd p{color:#686868;font-size:13px;border:0 none;margin-top:5px}
.fund_seeing .seeing_list > dl > dd p:first-child{margin-top:0}
.fund_seeing .seeing_list > dl.on > dt > a{}
.fund_seeing .seeing_list > dl.on > dd{display:block}
.fund_seeing .seeing_list > dl > dd table{width:100%;border:1px solid #ccc}
.fund_seeing .seeing_list > dl > dd table caption{width:100%;height:14px;padding-top:25px;font-size:12px;visibility:visible}
.fund_seeing .seeing_list > dl > dd table thead th{padding:6px 0;color:#555;font-size:12px;border:1px solid #ccc;background:#eee}
.fund_seeing .seeing_list > dl > dd table tbody th{padding:6px 0;color:#555;font-size:12px;font-weight:normal;border:1px solid #ccc;background:#eee}
.fund_seeing .seeing_list > dl > dd table tbody td{padding:6px 10px;color:#686868;font-size:12px;font-weight:normal;text-align:left;border:1px solid #ccc}
.fund_seeing .seeing_list dl dd dl{overflow:hidden}
.fund_seeing .seeing_list dl dd dl dt{color:#c95324;font-weight:bold;font-size:14px}
.fund_seeing .seeing_list dl dd dl dd{margin:5px 0px 15px}
.fund_seeing .seeing_answer{border-top:1px solid #c1c4c8;border-bottom:1px solid #c1c4c8;background:url(/img/fmf/seeing_answer_bg.png) repeat-y 0 0}
.fund_seeing .seeing_answer > dl{overflow:hidden;border-top:1px solid #e7eaec}
.fund_seeing .seeing_answer > dl:first-child{border-top:0 none}
.fund_seeing .seeing_answer > dl > dt{float:left;width:196px;padding:33px 0 38px 87px;color:#222;font-size:16px;line-height:24px}
.fund_seeing .seeing_answer > dl > dd{float:left;width:640px;padding:25px 0 25px 25px}
.fund_seeing .seeing_answer > dl > dd ul{overflow:hidden}
.fund_seeing .seeing_answer > dl > dd ul li{float:left;width:320px;margin-bottom:8px}
.fund_seeing .seeing_answer > dl > dd ul li a{display:block;padding-left:8px;line-height:20px;background:url(/img/bul/bul_squ_mid_gray.png) no-repeat 0 9px}
.fund_seeing .seeing_answer > dl > dt.bg_icon01{background:url(/img/fmf/seeing_answer_bul1.png) no-repeat 20px 30px}
.fund_seeing .seeing_answer > dl > dt.bg_icon02{background:url(/img/fmf/seeing_answer_bul2.png) no-repeat 20px 30px}
.fund_seeing .seeing_answer > dl > dt.bg_icon03{background:url(/img/fmf/seeing_answer_bul3.png) no-repeat 20px 30px}
.fund_seeing .seeing_answer > dl > dt.bg_icon04{background:url(/img/fmf/seeing_answer_bul4.png) no-repeat 20px 30px}
.fund_seeing .seeing_answer > dl > dt.bg_icon05{background:url(/img/fmf/seeing_answer_bul5.png) no-repeat 20px 30px}
.fund_seeing .seeing_answer > dl > dt.bg_icon06{background:url(/img/fmf/seeing_answer_bul6.png) no-repeat 20px 30px}
.fund_seeing .seeing_answer > dl > dt.bg_icon07{background:url(/img/fmf/seeing_answer_bul7.png) no-repeat 20px 30px}
.fund_seeing .seeing_list > dl > dt a .bt-open{display:block;position:absolute;top:15px;right:20px;width:14px;height:14px;background:url(/img/btn/btn_slide_arrow.png) -17px -15px no-repeat;z-index:5;text-indent:-9999px}
.fund_seeing .seeing_list > dl.on > dt a .bt-open{background-position:-17px -68px}

/* 2016.11.16 펀드뉴스 */
.fundNews .fundNews-box-wrap{position:relative; width:100%; width:950px;}
.fundNews .fundNews-box-wrap .fundNews-box li {float:left; width:190px; height:160px; border:1px solid #d8dadd; box-sizing:border-box; border-left:none;}
.fundNews .fundNews-box-wrap .fundNews-box li.first{border-left:1px solid #d8dadd !important;}
.fundNews .fundNews-box-wrap .fundNews-box .info {margin:15px 15px 20px 15px; }
.fundNews .fundNews-box-wrap .fundNews-box .title {color:#222;}
.fundNews .fundNews-box-wrap .fundNews-box p.fund_weather {margin-bottom:12px;}
.fundNews i.bar {display:inline-block; border-right:1px solid #e4e4e4; margin:0 5px; height:11px; vertical-align:middle;}
.fundNews .fundNews-box li.active {height:160px; width:190px!important; background-color:#324663; border:none !important;}
.fundNews .fundNews-box li.active dt a.title {color:#fff!important; font-weight:bold; text-decoration:none;}
.fundNews .fundNews-box li.active dd {color:#fff;}
.fundNews-box li dt a {font-size:16px; line-height:22px;}
.fundNews-box li dd {position:absolute; bottom:15px;}
.fundNews-box li .cont-add-area{color:#888;}
.fundNews .fundNews-box-wrap .bx-controls-direction a{position:absolute; top:50%; display:block; width:15px; height:26px; margin-top:-13px;}
.fundNews .fundNews-box-wrap .bx-controls-direction .bx-prev{left:-28px;background:url('/img/fmb/btn_slide_l.gif') no-repeat}
.fundNews .fundNews-box-wrap .bx-controls-direction .bx-next{right:-28px;background:url('/img/fmb/btn_slide_r.gif') no-repeat}

/*뉴스리스트*/
.fundNews {position:relative;}
.fundNews .fundNews-list{position:relative; border-top:3px solid #474a51;}
.fundNews .fundNews-list dd{position:relative; overflow:hidden;}
.fundNews .fundNews-list .main_news .fundNews_excerpt {font-size:15px; line-height:20px; height:60px; word-break:keep-all; text-align:justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.fundNews-list .main_news {position:relative; overflow:hidden; border-bottom:1px solid #e0e1e3; padding:25px 20px;}
.fundNews-list .main_news .fundNews_tit {padding-bottom:10px;}
.fundNews-list .main_news .fundNews_tit a {font-size:26px; color:#222; line-height:32px;}
.fundNews-list .main_news .fundNews_tit a:hover {text-decoration:none;}
.fundNews-list .fundNews_info{font-size:14px;}
.fundNews-list .fundNews_info span.fundNews_date{display:block;float:left; margin-left:50px;}
.fundNews-list .fundNews_info span.fundNews_hit{display:block;float:right; margin-right:40px;}
.fundNews-list .fundNews_info span.fundNews_hit img{padding:4px 5px 0 0;}
.fundNews-list .sub_news {overflow:hidden; border-bottom:1px solid #e7eaec; height:45px; background-color:#f6f7f8;}
.fundNews-list .sub_news .sub_news_tit a:hover{color:#222}
.fundNews-list .sub_news .sub_news_tit {position:relative; font-size:14px; line-height:45px; float:left; margin-left:20px; padding-left:12px; }
.fundNews-list .sub_news .sub_news_tit a:before{content:''; position:absolute;left:0;top:50%; margin-top:-5px; display:block; width:10px;height:10px; border-left:1px solid #adadad; border-bottom:1px solid #adadad}
.fundNews-list .sub_news .sub_news_tit img {margin-top:14px; padding-left:5px;}
.fundNews-list .sub_news .sub_info {float:right; margin-right:20px; color:#888; line-height:44px;}
.fundNews-list .last {border-bottom:1px solid #495159; }
.hash{position:relative; overflow:hidden; border-top:1px solid #e0e1e3; text-align:center; padding:28px 0;}
.hash a{margin:0 5px; text-decoration:none; color:#5579d9;}
.hash a.on{background:#7390df; color:#fff; padding:5px 10px;}
.fund-box-list-wrap2 {border-bottom:1px solid #ccc;padding-bottom:50px;}
.fund-box-list-wrap2 .fund-box-list li {height:193px;}
.fund-box-list-wrap2 a.fund_view {background:url(/img/btn/btn_next_ad.gif) right center no-repeat; padding-right:14px;line-height:50px; text-decoration:none;margin-right:4px}
.fund-box-list-wrap2 .relate-fund li {padding:0; border-top:1px solid #e7eaed;}
.fund-box-list-wrap2 .relate-fund li .lay-cart {position:absolute; left:-1px; bottom:0; height:40px; width:230px;}
.fundNews .btn_box a.news_prev {box-shadow:none; background:url(/img/btn/btn_prev_ad.gif) 20px 10px no-repeat;}
.fundNews .btn_box a.news_prev span{margin-right:-10px}
.fundNews .btn_box a.news_prev:hover {background:url(/img/btn/btn_prev_org.gif) 20px 10px no-repeat;}
.fundNews .btn_box a.news_next {box-shadow:none; background:url(/img/btn/btn_next_ad.gif) 84px 10px no-repeat;}
.fundNews .btn_box a.news_next span{margin-left:-10px}
.fundNews .btn_box a.news_next:hover {background:url(/img/btn/btn_next_org.gif) 84px 10px no-repeat;}
.faq_search {overflow:hidden; margin-bottom:10px;}
.faq_search h2{float:left}
.faq_search fieldset{float:right;background:url(/img/bg/bg_search06.png) no-repeat left bottom; padding:0 10px 6px 10px; margin:15px 0 0 0;}
.faq_search fieldset select{border:0 none}
.faq_search fieldset input[type=	text]{border:0;line-height:18px;width:226px;height:18px }
.faq_search .file{float:right;padding-top:30px}
.faq_search .panel-search {}
.fundNews-list.fundlist .main_news{border-bottom:0}
.fundNews a.btn_newslist {position:relative; background:url(/img/fmg/ico_newslist.gif) no-repeat center 18px;border:1px solid #c1c4c8; padding:50px 18px 12px 18px; margin-top:14px; margin-right:10px;}
.fundNews a.btn_newslist:hover{text-decoration:none; border:1px solid #222}
.fundNews a.btn_newslist span {color:#474a51}


/* 포트폴리오
-------------------------------------------- */
.group{zoom:1;padding:19px 20px 20px 20px ;border:1px solid #d8dadd;margin-bottom:20px}
.group:after{content:" ";display:block;clear:both}
.group .tit{font-weight:bold;color:#222;font-size:16px;margin-left:5px}

.cartp-tit-area {letter-spacing:-1px;}
.cartp-tit-area .cartp-status .sep {margin-left:5px; margin-right:5px; background:none;}
.cartp-tit-area .cartp-status span {color:#666;}
.cartp-tit-area .cartp-status span:last-child {color:#999;}
.cartp-tit-area .cartp-tit.robo {padding-left:26px; background:url(/img/bul/bul_cartptit_robo.png) no-repeat 0 1px;}
.cartp-tit-area .cartp-tit.ifa {padding-left:26px; background:url(/img/bul/bul_cartptit_ifa.png) no-repeat 0 3px;}

.tbl-vtype1.cart {border-top:1px solid #495159; letter-spacing:-1px;}
.tbl-vtype1.cart thead th {border-left-color:#e7eaec; border-bottom:1px solid #495159; background:#fff; height:34px;}
.tbl-vtype1.cart tr td {padding:11px 15px; background:#f7f9fa;}
.tbl-vtype1.cart tr.first td {background:#fff;}
.tbl-vtype1.cart.cartp tr td {background:transparent;}
/*.tbl-vtype1.cart tr:first-child .relative {overflow:hidden;}*/
.tbl-vtype1.cart tr:first-child .relative a.nbtn {float:right; margin-top:-2px;}
/*.tbl-vtype1.cart tr:first-child .relative a:first-child {float:left; margin-left:0; line-height:30px;}*/
.tbl-vtype1.cart tr:first-child .relative a:first-child {line-height:1.7;}
.tbl-vtype1.cart tr:first-child .relative a:hover {color:#134298;}
.tbl-vtype1.cart tr:first-child td {background:#fff;}
.tbl-vtype1.cart td.bsel {background:#fdecec;}
.tbl-vtype1.cart .table-bg {top:45px; width:100%; border:0; border-bottom:1px solid #a4a8ac;}
.tbl-vtype1.cart .table-bg .tbl-arr {bottom:-13px; border-color:#a4a8ac transparent transparent transparent;}
.tbl-vtype1 .type02 {background-image:url(/img/bg/bg_risk02.png);}

/*목록*/
.ifa-search-list.type2 .hgroup_wrap {margin:40px 0 13px;}
.ifa-search-list.type2 .list-container {padding-top:25px; border-top:1px solid #D9DADE;}
.ifa-search-list.type2 .component-preview .badge-level {margin-top:-2px; margin-right:5px;}
.ifa-search-list.type2 .cartp-tit-area .cartp-status .sep {margin:0 5px; background:none;}
.ifa-search-list.type2 .cartp-tit-area .cartp-status span {color:#666;}
.ifa-search-list.type2 .cartp-tit-area .cartp-status span:last-child {color:#999;}
.ifa-search-list.type2  .tbl-vtype1.advisory {margin-top:7px;}

/* IFA추천 포트폴리오 상세 */
.simulation-chart {padding:20px 20px 0 0; border:1px solid #d8dadd; border-bottom:0; height:348px;}
.simulation-chart .fl {margin-top:0px;}
.icon-bar {background:#48596d; height:43px; padding-top:21px; text-align:center; font-weight:bold; font-size:14px; color:#fff;}
.icon-bar .gaph-icon {margin-right:10px;}
.gaph-icon {display:inline-block; width:20px; height:22px; background:url(/img/ico/graph_icons.png) no-repeat; vertical-align:middle; line-height:22px; color:#000; font-size:12px;}
.gaph-icon.total {width:18px; height:22px; background-position:0 0; }
.gaph-icon.a { background-position:-153px 0; }
.gaph-icon.b { background-position:-252px 0; }
.gaph-icon.c { background-position:-350px 0; }
.gaph-icon.d { background-position:-447px 0; }
.gaph-icon.e { background-position:-545px 0; }
.icon-bar span span {vertical-align:middle; margin-right:0}
.icon-bar span {margin-right:60px;}
.txt-box {padding:15px 0;}
.tbl-vtype1.advisory + .txt-box {border-bottom:1px solid #ccc;}

/*IFA추천 포트폴리오 상세보기*/
.mt60 {margin-top:60px !important;}
.sub-tit.advisory {margin-top:-10px; margin-bottom:30px; color:#666; font-size:13px;}
.simulation-chart.advisory {margin:0;}
.section_wrap {overflow:hidden;}
.section_wrap.type1 .section .h3-tit {margin-bottom:10px;}
.section_wrap.type1 .section {float:left; width:550px;}
.section_wrap.type1 .section + .section {float:right; width:400px;}
.graph_wrap .graph_box {width:504px; padding:20px 0; background-color:#fafafa; text-align:center;}
.graph_wrap .graph_guide {overflow:hidden;}
.graph_wrap .graph_guide li {display:inline-block; margin:0 10px; padding-left:20px; background:url('/img/ico/g_opt01.png') 0 center no-repeat; color:#666; font-size:14px;}
.graph_wrap .graph_guide li:first-child + li {background:url('/img/ico/g_opt02.png') 0 center no-repeat;}
.table-default.risk th,
.table-default.risk td {height:65px;}
.table-default.risk th {text-align:left;}
.lay-type1.hNoFix .lay-content {max-height:initial;}
.dl_list_type1 {margin-top:20px;}
.dl_list_type1:first-child {margin-top:0;}
.dl_list_type1 dt {color:#222; font-size:15px; font-weight:bold;}
.dl_list_type1 dd {margin-top:5px; color:#686868; font-size:13px;}



/* 경제전망 따라잡기
-------------------------------------------- */
.economy-cont-area {position:relative; min-height:762px; border:1px solid #dadde1; margin-bottom:40px; font-size:13px; letter-spacing:-1px;}
.economy-cont-area .b-img {position:absolute; left:15px; bottom:0; width:309px; height:356px;}
.economy-menu {position:relative; float:left; width:330px;}
.economy-menu ul  li {width:150px; height:80px; font-size:14px; color:#686868; border-bottom:1px solid #dadde1; letter-spacing:-1px;}
.economy-menu ul  li strong {display:block; font-size:16px; margin-bottom:3px; }
.economy-menu ul  li a {display:block; width:135px; height:65px; padding:15px 0 0 15px;}
.economy-menu ul  li a:hover {text-decoration:underline;}
.economy-menu ul  li.on {margin:-1px 0 0 -1px; width:151px; height:80px;}
.economy-menu ul  li.on a {background:#202d40; color:#fff; width:136px; height:66px;}
.economy-menu ul  li.on .sub-menu {display:block;}
.economy-menu ul  li.on .sub-menu li.on {margin:0;}
.economy-menu ul  li .sub-menu {display:none; position:absolute; top:-1px; left:150px; width:190px; min-height:304px; padding:10px 0; background:#324663; z-index:20;}
.economy-menu ul  li .sub-menu li {width:190px; height:24px; line-height:24px; font-size:13px; color:#b0bcce; border-bottom:0;}
.economy-menu ul  li .sub-menu li a {width:165px; height:24px; padding:0 10px 0 15px; background:#324663; }
.economy-menu ul  li .sub-menu li a span {display:block; width:165px;}
.economy-menu ul  li .sub-menu li a:hover {text-decoration:underline;}
.economy-menu ul  li .sub-menu li.on a { background:#202d40; color:#fff; }
.economy-menu ul  li .sub-menu li.on a span {background:url(/img/bg/bg_arrow.png) center right no-repeat;  }
.economy-cont {float:right; width:609px;}
.economy-cont .sub-tit {padding:15px 20px 15px 30px; margin:0; border-bottom:1px solid #dadde1;}
.economy-cont .sub-tit h3 {font-weight:bold; color:#222; font-size:20px;}
.economy-cont .list-search {border:0;}
.economy-cont .list-search dl dd {display:inline-block; padding-left:11px;}
.economy-cont .list-search dl dd.date {}
.economy-cont .list-search .cate-area dt {display:inline-block;margin-left:30px; background:url(/img/bg/bg_division6.gif) no-repeat right; padding:0 6px !important; line-height:22px;}
.economy-cont .list-search .cate-area dt:first-child {padding-left:20px !important; margin-left:0; margin-right:0;}
.economy-cont .list-search .cate-area .cate {padding:0 11px !important;}
.economy-cont .list-search .cate-area dd.company {width:285px;}
.economy-cont .txt-box {letter-spacing:-1px; padding:20px 20px 20px 30px; border-left:1px solid #dadde1;}
.economy-cont .txt-box .bt-area {margin-top:17px; color:#222; font-size:13px;}
.economy-cont .txt-box .bt-area .rel-txt {margin-left:10px;}
.economy-cont .indicator-area {position:relative; border-left:1px solid #dadde1; border-top:1px solid #dadde1; margin-top:-1px; }
.economy-cont .indicator-area ul {padding:20px 0 0 30px; border-bottom:1px dotted #dadde1; background:#f7f8f9; padding-bottom:10px; min-height:593px;}
.economy-cont .indicator-area li {position:relative; float:left; width:130px; height:130px; margin:0 10px 10px 0;}
.economy-cont .indicator-area li .check {display:none; position:absolute; top:8px; left:58px; width:18px; height:16px; background:url(/img/bg/bg_check.png?cashBuster=20191125) no-repeat; text-indent:-9999px; z-index:10;}
.economy-cont .indicator-area li.on .check {display:block;}
.economy-cont .indicator-area li.mi {background:url(/img/fmg/bg_indicator_m.png) no-repeat;}
.economy-cont .indicator-area li.pl {background:url(/img/fmg/bg_indicator_p.png) no-repeat;}
.economy-cont .indicator-area li.pl.on {background:url(/img/fmg/bg_indicator_on.png) no-repeat;}
.economy-cont .indicator-area li.mi.on {background:url(/img/fmg/bg_indicator_on2.png) no-repeat;}
.economy-cont .indicator-area li.mi .icon-updown.down {color:#2d70e0;}
.economy-cont .indicator-area li.pl .icon-updown.up {color:#df3232;}
.economy-cont .indicator-area li dl {text-align:center; width:130px;}
.economy-cont .indicator-area li dl dt {width:106px; padding:48px 0 0 13px; font-size:14px; color:#222;}
.economy-cont .indicator-area li dl dd.county-img {position:absolute; top:16px; left:42px; width:46px; height:30px; }
.economy-cont .indicator-area li dl dd.num .num-t {font-size:20px;}
.economy-cont .indicator-area li dl dd.num {width:96px; padding-left:19px; font-size:13px; color:#222; font-weight:bold; margin-top:14px; }
.economy-cont .indicator-area li dl dd.num span {margin-left:2px; margin-right:2px;}
.economy-cont .indicator-area .indicatorclear-ex { padding:10px 10px 6px 30px; letter-spacing:-1px;  background:#fff;}
.economy-cont .indicator-area li a.blank {position:absolute; top:0; left:0; display:block; width:130px; height:130px; background:url(/img/fmg/bg_blank.png) repeat; z-index:20; text-indent:-9999px;}
.economy-cont .indicator-area.type02 li dl dt { width:100px; font-size:15px; font-weight:bold; padding:28px 0 0 18px; letter-spacing:-1px; height:40px;}
.economy-cont .indicator-area li .btn-question {position:absolute; top:16px; right:9px; z-index:30}
.economy-cont .indicator-area li.type02 .num-t {display:block;font-size:18px !important; color:#363636; line-height:18px; margin-bottom:2px;}
.economy-cont .list-search.type02 {margin-bottom:0;}
.economy-cont .list-search .input-radio {margin-left:12px; }
.economy-cont .list-search .input-radio:first-child {margin-left:20px;}
.economy-cont .list-search select {margin-top:0; margin-left:29px}
.economy-cont .list-search .btn-white {margin-left:3px; padding:0 10px; height:28px; line-height:28px; box-shadow:none; vertical-align:middle;}
.economy-cont .list-search .btn-white i,
.economy-cont .list-search .btn-white em {height:28px; line-height:28px;}
.economy-cont .list-search .btn-white:hover {border-color:#134298; color:#134298;}
.economy-cont .list-search .btn-white:hover i {color:#134298;}
.indicator-area.type03 li {height:175px; text-align:center;}
.indicator-area.type03 li dl dt {font-size:15px; font-weight:bold; padding-top:25px; letter-spacing:-1px;}
.indicator-area.type03 li dl dd.num {font-size:20px; margin-top:3px; }
.indicator-area.type03 li dl dd.buying {width:100px; padding-left:16px; margin-top:11px;}
.indicator-area.type03 li dl dd .txt {display:block; font-weight:normal; color:#222;  font-size:12px; margin-bottom:-3px; }
.indicator-area.type03 li dl dd.buying .minus, .indicator-area.type03 li dl dd.buying .plus {font-size:15px; font-weight:bold;}
.indicator-area.type03 li dl dd.buying .won {font-size:12px; font-weight:normal;}
.indicator-area.type03 li dl .buying-txt {position:absolute; top:138px; left:22px; font-size:12px; text-align:left;}
.indicator-area.type03 li dl .buying-txt p {line-height:18px;}
.indicator-area.type03 li dl .buying-txt .tit {display:inline-block; width:25px;}
.indicator-area.type03 li dl .buying-txt .mon {display:inline-block; width:66px; text-align:right; color:#222;}
.indicator-area.type03.add li dl dt {padding-top:30px;}
.indicator-area.type03.add li dl dd.num {margin-top:27px;}
.indicator-area.type03.add li dl dd .txt {margin-bottom:0;}
.indicator-area.type03.add li dl .buying-txt {left:10px;}
.indicator-area.type03.add li dl .buying-txt .tit {width:48px;}
.indicator-area.type03.add li.mi dl dd.num .num-t {color:#3b8cd8 !important;}
.indicator-area.type03.add li.pl dl dd.num .num-t {color:#ec5b29 !important;}
.indicator-area dl.noimg dt {width:81px !important; padding:16px 0 0 25px !important; height:66px; }
.indicator-area dl.noimg dd {margin-top:0px !important; }
.economy-cont-area + .cont-box02 {padding:0 0 10px 0}
.chart-graph.type02 + .new-fund-list {margin-top:40px;}
.txt-bar {display:inline-block; background:url(/img/bg/bg_division6.gif) no-repeat right; padding-right:10px; margin-right:10px; vertical-align:middle;}
.cont-box02 {padding:40px 0 10px 0; border-bottom:2px solid #495159; font-size:13px;}
.cont-box02 .input-text {margin-right:0; height:28px; border:1px solid #dce1e6; border-radius:3px; line-height:29px; background:#fff; font-size:13px; letter-spacing:-1px;}
.cont-box02 select {margin-top:0;height:30px !important; border:1px solid #dce1e6; border-radius:3px; background:#fff; line-height:normal !important; font-size:13px; letter-spacing:-1px; vertical-align:middle;}
.cont-box02 a {vertical-align:middle}
.cont-box02 .btn-white {margin-left:3px; padding:0 10px; height:28px; line-height:28px; box-shadow:none; vertical-align:middle;}
.cont-box02 .btn-white i,
.cont-box02 .btn-white em {height:28px; line-height:28px;}
.cont-box02 .btn-white:hover {border-color:#134298; color:#134298;}
.cont-box02 .btn-white:hover i {color:#134298;}
.chart-graph.type02 {margin:40px 0 0 0}



/* 펀드기준으로 포트폴리오 찾기
-------------------------------------------- */
.risk-area {position:relative;height:121px;border:1px solid #cccfd2;z-index:10;}
.risk-area ul li {position:relative;float:left;width:101px;z-index:1;}
.risk-area ul li:first-child a {background:none;}
.risk-area ul li a {display:block;padding-top:15px;height:90px;background:url(/img/fmu/cart_risk_line.png) no-repeat 0 15px;text-align:center;}
.risk-area ul li em {display:block;text-align:center;}
.risk-area ul li .icon-risk {margin-top:5px;background-image:url('/img/bul/icon_fmm_sort_disable.png');}
.risk-area ul li .tit {display:inline-block;margin-top:15px;}
.risk-area ul li.on {margin-right:-1px;padding-bottom:6px;background:url(/img/fmm/theme_list_arr.png?cashBuster=20191202) no-repeat center 121px;border-top:none;z-index:999;}
.risk-area ul li.on div {height:115px;margin-top:-1px;border:4px solid #1f5dbe;}
.risk-area ul li.on a {background:none;color:#1f5dbe;}
.risk-area ul li.on .icon-risk {background-image:url('/img/bul/icon_fmm_sort.png');}
.fund-box-list-wrap {width:710px;margin-top:20px;}
.fund-box-list-wrap .fund-box-list {width:720px;margin-right:-10px;}
.fund-box-list-wrap .fund-box-list li {margin-right:10px;height:193px;}
.fund-box-list-wrap .fund-box-list li .info dt .btn-fund_del {display:inline-block;margin:-3px 0 0 2px;width:15px;height:15px;background:url(/img/btn/btn_cart_del.png) no-repeat 0 0;vertical-align:middle;}
.fund-box-list-wrap .fund-box-list li .lay-cart { position:absolute; bottom:0; height:81px; width:230px; display:none; background:#3f3f3f;}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt {display:block;}
.fund-box-list-wrap .fund-box-list li .lay-cart .buy-area .bt-img-txt {padding:21px 0;width:75px;height:39px;border-right:1px solid #a4a4a4;}
.fund-box-list-wrap .fund-box-list li .lay-cart .folio-area {width:154px;}
.fund-box-list-wrap .fund-box-list li .lay-cart .folio-area .bt-img-txt:first-child {border-bottom:1px solid #a4a4a4;}
.fund-box-list-wrap .fund-box-list li .lay-cart .folio-area .bt-img-txt {height:29px;padding-top:11px;/*line-height:14px;*/}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-icon.buy {display:block;padding-top:10px;width:20px;background-position:-25px -40px;}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-icon.add {padding-left:20px;}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-icon.updown {padding-left:17px;}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt:focus .bt-icon.buy,
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt:hover .bt-icon.buy {background-position:-145px -40px;}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt:focus .bt-icon.add,
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt:hover .bt-icon.add {background-position:-186px -598px;}
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt:focus .bt-icon.updown,
.fund-box-list-wrap .fund-box-list li .lay-cart .bt-img-txt:hover .bt-icon.updown {background-position:-188px -641px;}
.fund-box-list-wrap .fund-box-list li:hover .lay-cart,
.fund-box-list-wrap .fund-box-list li .info dt a:focus .lay-cart { display:block }
.fund-box-list-wrap .fund-box-list li .lay-cart02 {display:none; position:absolute; left:-1px; bottom:-1px; width:230px; height:40px; line-height:40px; background:#3f3f3f; text-align:center; color:#fff;}
.fund-box-list-wrap .fund-box-list li .lay-cart02 label {cursor:pointer;}
.fund-box-list-wrap .fund-box-list li .lay-cart02 input {margin-right:8px; vertical-align:middle;}
.fund-box-list-wrap .fund-box-list li:hover .lay-cart02 {display:block;}
.fund-box-list-wrap .fund-box-list li .lay-cart02 .bt-img-txt  button {height:40px; line-height:40px;}
.fund-box-list-wrap .fund-box-list li .lay-cart02 .bt-img-txt  button:hover {color:#134298;}

.pop-search {width:100%; }
.pop-search fieldset {width:418px; border:1px solid #959ca6; height:32px; margin-left:145px;}
.pop-search fieldset input[type=text] {border:0; line-height:32px; width:390px; height:32px; padding-left:5px; }
.pop-search .file {float:right; padding-top:30px;}




/* 금융북마크 */
.bookmark-list {padding-top:25px;}
.bookmark-list table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #c1c4c8;}
.bookmark-list table th {padding:25px 20px 25px 80px; background-color:#f7f9fa; border-bottom:1px solid #dce1e6; text-align:left; vertical-align:top;}
.bookmark-list table th .desc {letter-spacing:-1px;}
.bookmark-list table td {padding:20px 0 20px 40px; border-bottom:1px solid #dce1e6;}
.bookmark-list h3 {position:relative; padding:3px 0; font-size:16px; font-family:'NanumGothicBold'; color:#222;}
.bookmark-list .desc {font-size:13px; font-weight:normal;}
.bookmark-list .list {overflow:hidden;}
.bookmark-list .list li {float:left; width:198px; padding:4px 0 4px 10px; font-size:13px; letter-spacing:-1px; background:url(/img/bul/bul_squ_gray.gif) no-repeat 0 50%;}
.bookmark-list .list li a:hover {font-family:'NanumGothicBold'; color:#134298;}
.bookmark-list tr h3:before {content:''; position:absolute; left:-60px; top:0; display:block; width:45px; height:45px; background:url(/img/comm/bookmark_ico.png) no-repeat;}
.bookmark-list .group01 h3:before {background-position:0 0px;}
.bookmark-list .group02 h3:before {background-position:0 -50px;}
.bookmark-list .group03 h3:before {background-position:0 -100px;}
.bookmark-list .group04 h3:before {background-position:0 -150px;}
.bookmark-list .group05 h3:before {background-position:0 -200px;}
.bookmark-list .group06 h3:before {background-position:0 -250px;}
.bookmark-list .group07 h3:before {background-position:0 -300px;}
.bookmark-list .group08 h3:before {background-position:0 -350px;}
.bookmark-list .group09 h3:before {background-position:0 -400px;}
.bookmark-list .group10 h3:before {background-position:0 -450px;}


/* 이벤트
-------------------------------------------- */
.pointmallevent-heading {overflow:hidden; margin-bottom:20px;}
.pointmallevent-heading h2 {display:inline-block; float:left; margin-top:0; margin-bottom:0; font-size:32px; line-height:38px;}
.pointmallevent-heading .input-search input[type=text] {height:32px; line-height:32px;}
.event-list {margin-top:20px;}
.event-list > ul {}
.event-list > ul > li {padding:20px 20px 20px 0; border-bottom:1px solid #e7eaec;}
.event-list > ul > li > a {display:block;}
.event-list > ul > li .item {display:table;width:100%; cursor:pointer;}
.event-list > ul > li .item-container {display:table-cell; vertical-align:top;}
.event-list > ul > li .item-aside {display:table-cell; padding:0 0 0 20px; vertical-align:middle; text-align:right;}
.event-list > ul > li .item-thumb {float:left; overflow:hidden; width:350px; height:100px;}
.event-list > ul > li .item-thumb img {width:100%;}
.event-list > ul > li .item-cont {padding:10px 0 0 380px;}
.event-list > ul > li .item-title {min-height:55px; color:#222; font-size:18px; font-weight:bold; line-height:20px;}
.event-list > ul > li .item-date {margin-top:5px; color:#999; font-size:12px;}
.event-list > ul > li .item-dday {display:inline-block; overflow:hidden; width:90px; height:90px; line-height:90px; border:1px solid #ccc; border-radius:50%; color:#4a4a4a; font-size:23px; font-weight:bold; white-space:nowrap; letter-spacing:-2px; text-align:center; box-sizing:border-box;}
.event-list > ul > li .item-dday.end {border:1px solid #1f5dbe; color:#fff; background:#1f5dbe; line-height:24px; padding:20px 0 0 0;}
.event-list > ul > li .item-dday.end em {display:block; color:#fff; font-size:13px;}
.event-view.service-review-view {}
.event-view.service-review-view .bul_list {}
.event-view.service-review-view .header {padding-top:15px; padding-bottom:10px; min-height:0;}
.event-view.service-review-view .header .info {overflow:visible; margin-top:10px;}
.event-view.service-review-view .header .info:after {content:''; display:table; clear:both;}
.event-view.service-review-view .header .info .viewInfo_wrap {overflow:visible;}
.event-view.service-review-view .header .info .viewInfo_wrap .bul_list {overflow:visible;}
.event-view.service-review-view .header .title {padding-right:0;}
.event-view.service-review-view .bul_list li {position:relative;}
.event-view.service-review-view .bul_list li .lay-simple.send-sns {right:auto !important; left:0; width:200px;}
.event-view.service-review-view .bul_list .eventdate {color:#666; font-size:13px;}
.event-view.service-review-view .bul_list .eventdate strong {color:#aaa; padding-right:5px; font-weight:normal;}
/* 이벤트 당첨자 보기 레이어팝업 */
.view-winner-wrap{width:550px}
.view-winner-wrap .img img{width:550px}
.view-winner-wrap .tbl-vtype3{margin:7px 0 0}
.view-winner-wrap .list-radio{padding:12px 0 0;overflow:hidden}
.view-winner-wrap .list-radio li{float:left;padding:0 0 0 40px}
.view-winner-wrap .list-radio li:first-child{padding:0}
.view-winner-wrap .list-radio li .input-check{margin:0 4px 0 0}

.view-foot{margin-top:30px; overflow:hidden;border-top:1px solid #c1c4c8;border-bottom:1px solid #c1c4c8}
.view-foot dl{float:left;width:50%;line-height:52px;background:url(../../img/bul/bul_arrow.png) no-repeat 100% -53px}
.view-foot dt{float:right;height:53px;padding-right:37px;padding-left:12px;margin-left:10px;color:#222;background:url(../../img/bul/bul_line_gray.png) no-repeat 0 50%}
.view-foot dd{float:right;height:53px}
.view-foot dd a{display:block;overflow:hidden;width:350px;color:#444;text-align:right;white-space:nowrap;text-overflow:ellipsis}
.view-foot dl:first-child{background:url(../../img/bul/bul_arrow.png) no-repeat 0 0}
.view-foot dl:first-child dt{float:left;padding-left:37px;padding-right:12px;margin-right:10px;margin-left:0;background:url(../../img/bul/bul_line_gray.png) no-repeat 100% 50%}
.view-foot dl:first-child dd{float:left}
.view-foot dl:first-child dd a{text-align:left}

/* 럭키룰렛 */
.lucky-header {position:relative; display:table; margin-bottom:30px; box-sizing:border-box; width:100%; padding:30px 0; border:1px solid #ddd; border-radius:5px 5px;}
.lucky-header .message {display:table-cell; padding:0 30px; height:70px; vertical-align:middle;}
.lucky-header .message .subcopy { line-height:1; color:#666;}
.lucky-header .message .maincopy {margin-top:10px; font-size:22px; font-family:'NanumGothicBold'; color:#222;}
.lucky-header .message .login-please {margin-top:15px; line-height:1;  color:#666;}
.lucky-header .my-point {display:table-cell; width:210px; border-left:1px solid #ddd; text-align:center; vertical-align:middle;}
.lucky-header .my-point .tit {color:#868686;}
.lucky-header .my-point .lucky-point {margin:10px 0; font-size:24px; color:#222; letter-spacing:-1px;}
.lucky-header .my-point .lucky-point em {font-size:30px; color:#f73240;}

.lucky-header .error-message {padding:130px 0;text-align:center;}
.lucky-header .error-message:before {content:'';display:block;margin:0 auto;width:98px;height:98px;background:url(/img/roulette/error_ico.png) no-repeat 50% 50%;}
.lucky-header .error-message .title {margin-top:20px;padding:15px 0;font-size:28px;color:#333;}
.lucky-header .error-message .go-main {margin-top:40px;}

.lucky-header .login-btn {display:table-cell; padding:0 30px; width:110px; text-align:right; vertical-align:middle;}
.lucky-roulette {position:relative; padding:60px 0; background:#ff6061 url(/img/roulette/contents_bg.png) repeat-x 0 0;}
.lucky-title {text-align:center;}
.lucky-roulette .section-tit {padding:10px 0; font-size:24px; line-height:1.5; font-family:'NanumGothicBold'; text-align:center; color:#fff;}
.lucky-roulette .guide-txt {float:right; margin-top:-32px}
.lucky-roulette .guide-txt a {padding-left:18px; line-height:14px; color:#fff; background:url(/img/roulette/step_guide_ico.png) no-repeat 0 50%;}
.lucky-roulette .section-roulette {padding:40px 0 75px; background:url(/img/roulette/roulette_bg.png) no-repeat 50% 50%;}
.lucky-roulette .section-step {padding:0 80px; margin-bottom:85px;}
.lucky-roulette .step-box {padding:30px 0 25px; background:#fff; border-radius:5px;-webkit-border-radius:5px; }
.lucky-roulette .step-box ol {overflow:hidden;}
.lucky-roulette .step-box li {position:relative;float:left;width:25%;height:135px;text-align:center;}
.lucky-roulette .step-box span {display:inline-block; padding:0 10px; background-color:#ffe2e0; border-radius:11px 11px; line-height:22px; color:#e32431;}
.lucky-roulette .step-box p {margin-top:5px; color:#222;}
.lucky-roulette .step-box li +li:before {content:''; display:inline-block; position:absolute; top:10px; left:-6px; width:12px; height:21px; background:url(/img/roulette/step_arr.png) no-repeat 50% 50%;}
.lucky-roulette .step-box li.step1 {background:url(/img/roulette/step1_ico.png) no-repeat 50% 100%;}
.lucky-roulette .step-box li.step2 {background:url(/img/roulette/step2_ico.png) no-repeat 50% 100%;}
.lucky-roulette .step-box li.step3 {background:url(/img/roulette/step3_ico.png) no-repeat 50% 100%;}
.lucky-roulette .step-box li.step4 {background:url(/img/roulette/step4_ico.png) no-repeat 50% 100%;}
.lucky-roulette .section-present {padding:0 80px;}
.lucky-notice {padding:30px;background-color:#f3f6f8;}
.lucky-notice .tit {font-size:15px; color:#222;}
.lucky-notice .tit:before {content:''; display:inline-block; margin-right:5px; width:18px; height:19px; background:url(/img/roulette/notice_ico.png) no-repeat 50% 50%; vertical-align:-4px;}
.lucky-notice .tit:after {content:''; display:block; margin:10px 0; border-top:1px solid #e8ebed;}
.lucky-notice .link {text-decoration:underline;}
#roulette {position:relative;width:546px;height:546px;margin:0 auto;padding:2px;}
#roulette:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/img/roulette/cover.png) no-repeat 50% 50%;z-index:1;}
#roulette .panel {position:relative; width:542px;height:542px;}
#roulette .button-start {position:absolute; left:210px; top:210px; width:130px; height:130px; font-size:34px; font-family:'NanumGothicBold'; color:#fff; background-color:transparent; cursor:pointer; z-index:2;}
#roulette .button-start span {display:block;margin-top:5px;font-size:14px;color:#f1aaad;}
#roulette .thumb {width:160px; height:160px; margin:0 auto 5px; background-image:none;}
#roulette .present-layer {display:none; width:560px; height:560px; box-sizing:border-box; padding:200px 80px 0; position:absolute; left:-7px; top:-7px; background:url(/img/roulette/present_bg.png) no-repeat 50% 50%; z-index:3;}
#roulette .present-layer .present-item {font-size:30px;line-height:1.25;color:#222; text-align:center;}
#roulette .present-layer .present-item span {font-family:'NanumGothicBold';color:#f43446;}
#roulette .present-layer .notice-txt {position:absolute; bottom:60px; left:120px; right:120px; text-align:center;}
#roulette .present-layer .notice-txt p {font-size:13px; color:#999;}
#roulette .present-layer .button-close {position:absolute; top:10px; left:200px; width:160px; height:40px; cursor:pointer; background:transparent; text-indent:-9999em;}
.btn-lucky-result {position:absolute; top:678px; right:80px; background:#e32431; border-radius:5px;-webkit-border-radius:5px; height:42px; padding:0 25px; line-height:42px; text-align:center; color:#fff; font-size:16px; font-family:NanumGothicBold;}

/* 미션임파서블 */
.missionWrap {position:relative; margin-top:40px; width:100%; box-sizing:border-box; padding:154px 0 21px; background:url('/img/comm/bg_mission.png') no-repeat center top;}
.missionWrap h3 {position:absolute; top:68px; left:50%; width:366px; height:181px; margin:0 0 0 -183px; background:url('/img/comm/logo_mission.png') no-repeat center center; font-size:0;}
.missionWrap > .section {position:relative; box-sizing:border-box; height:246px; margin:0 61px 0 51px;}
.missionWrap > .section.mission1 {height:357px;}
.missionWrap > .section.missionLast {height:137px;}
.missionWrap > .mission1.success {background:url('/img/comm/bg_mission_suc500.png') no-repeat right bottom;}
.missionWrap > .mission2.success {background:url('/img/comm/bg_mission_suc1000.png') no-repeat left bottom;}
.missionWrap > .mission3.success {background:url('/img/comm/bg_mission_suc1500.png') no-repeat right bottom;}
.missionWrap > .mission4.success {background:url('/img/comm/bg_mission_suc2000.png') no-repeat left bottom;}
.missionWrap > .mission5.success {background:url('/img/comm/bg_mission_suc2500.png') no-repeat right bottom;}
.missionWrap > .section a {position:absolute; display:block; width:90px; height:86px; bottom:80px; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition:opacity 100ms; transition:opacity 100ms;}

.missionWrap > .mission1 a {background:url(/img/comm/btn_mission1_stamp.png) no-repeat 0 0;}
.missionWrap > .mission2 a {background:url(/img/comm/btn_mission2_stamp.png) no-repeat 0 0;}
.missionWrap > .mission3 a {background:url(/img/comm/btn_mission3_stamp.png) no-repeat 0 0;}
.missionWrap > .mission4 a {background:url(/img/comm/btn_mission4_stamp.png) no-repeat 0 0;}
.missionWrap > .mission5 a {background:url(/img/comm/btn_mission5_stamp.png) no-repeat 0 0;}
.missionWrap > .section a:hover {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.missionWrap > .section a.success {opacity:1; cursor:default; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.missionWrap > .section a.mi_step1 {left:134px; font-size:0;}
.missionWrap > .section a.mi_step2 {left:245px; font-size:0;}
.missionWrap > .section a.mi_step3 {left:370px; font-size:0;}
.missionWrap > .section a.mi_step4 {left:494px; font-size:0;}
.missionWrap > .section a.mi_step5 {left:613px; font-size:0;}

.missionWrap > .section.mission2 a.mi_step1,
.missionWrap > .section.mission4 a.mi_step1 {left:613px;}
.missionWrap > .section.mission2 a.mi_step2,
.missionWrap > .section.mission4 a.mi_step2 {left:494px;}
.missionWrap > .section.mission2 a.mi_step4,
.missionWrap > .section.mission4 a.mi_step4 {left:245px;}
.missionWrap > .section.mission2 a.mi_step5,
.missionWrap > .section.mission4 a.mi_step5 {left:134px;}

.missionWrap > .section a.mi_step1:hover {background-position:0 -120px;}
.missionWrap > .section a.mi_step2:hover {background-position:-120px -120px;}
.missionWrap > .section a.mi_step3:hover {background-position:-240px -120px;}
.missionWrap > .section a.mi_step4:hover {background-position:-360px -120px;}
.missionWrap > .section a.mi_step5:hover {background-position:-480px -120px;}
.missionWrap > .section a.mi_step1.success {background-position:0 -240px;}
.missionWrap > .section a.mi_step2.success {background-position:-120px -240px;}
.missionWrap > .section a.mi_step3.success {background-position:-240px -240px;}
.missionWrap > .section a.mi_step4.success {background-position:-360px -240px;}
.missionWrap > .section a.mi_step5.success {background-position:-480px -240px;}
.missionWrap > .section .mi_compl {position:absolute; display:block; width:80px; height:25px; bottom:5px; line-height:25px;}
.missionWrap > .section .mi_compl {color:#fff; background-color:transparent; line-height:25px; font-size:12px; color:#fff; text-align:center;}
.missionWrap > .section button.mi_compl {cursor:pointer;}
.missionWrap > .section button.mi_compl:after {content:''; display:inline-block; width:12px; height:12px; margin-left:4px; background:url(/img/comm/mission_btn_arr.png) no-repeat 50% 50%; vertical-align:middle;}
.missionWrap > .mission1 .mi_compl {right:40px;}
.missionWrap > .mission2 .mi_compl {left:35px;}
.missionWrap > .mission3 .mi_compl {right:40px;}
.missionWrap > .mission4 .mi_compl {left:35px;}
.missionWrap > .mission5 .mi_compl {right:40px;}
.missionWrap .compl_layer {display:none; overflow:hidden; position:fixed; left:50%; top:120px; box-sizing:border-box; margin-left:-230px; width:460px; border:1px solid #4292ed; border-radius:30px; background-color:#fff; text-align:center;}
.missionWrap .compl_layer .mi_point {display:inline-block; width:81px; height:81px; text-indent:-9999em; vertical-align:middle;}
.missionWrap .compl_layer .mi_point.point-500 {background:url(/img/comm/mission_point500.png) no-repeat 50% 50%;}
.missionWrap .compl_layer .mi_point.point-1000 {background:url(/img/comm/mission_point1000.png) no-repeat 50% 50%;}
.missionWrap .compl_layer .mi_point.point-1500 {background:url(/img/comm/mission_point1500.png) no-repeat 50% 50%;}
.missionWrap .compl_layer .mi_point.point-2000 {background:url(/img/comm/mission_point2000.png) no-repeat 50% 50%;}
.missionWrap .compl_layer .mi_point.point-2500 {background:url(/img/comm/mission_point2500.png) no-repeat 50% 50%;}
.missionWrap .compl_layer .visual {height:215px; background-color:#f5f9ff;}
.missionWrap .compl_layer .visual p {padding-top:120px;  font-size:14px; color:#444; background:url(/img/comm/mission_layer_top_bg.png) no-repeat 50% 80px; text-transform:uppercase; letter-spacing:2px;}
.missionWrap .compl_layer .visual .reward {position:absolute; left:0; right:0; top:175px;}
.missionWrap .compl_layer .message {padding:70px 0 35px; line-height:1.5; letter-spacing:-1px}
.missionWrap .compl_layer .message .maincopy {font-size:28px; color:#222;}
.missionWrap .compl_layer .message .maincopy .num {font-weight:bold; text-transform:capitalize;}
.missionWrap .compl_layer .message .subcopy {margin-top:10px; font-size:16px; color:#222;}
.missionWrap .compl_layer .message .desc { font-size:16px; color:#222; }
.missionWrap .compl_layer .and {display:inline-block; margin:0 4px; width:14px; height:14px; background:url(/img/comm/mission_award_plus_bul.png) no-repeat 50% 50%; vertical-align:middle;}
.missionWrap .compl_layer .compl_layer_close {position:absolute; top:0; left:50%; margin-left:-119px; width:239px; height:37px; background:url(/img/comm/mission_layer_btn_bg.png) no-repeat 0 50%; font-size:0; cursor:pointer;}

.missionNotice .notice {margin:0; padding:40px; border:0 none; background-color:#f3f6f8;}
.missionNotice .notice ul {margin-top:20px;}

/* POPUP :미션보기 */
.mission-detail-pop .h3-tit {margin-bottom:15px;}
.mission-detail-pop th {font-family:'NanumGothicBold';}
.mission-detail-pop .mission-count i {display:inline-block; width:18px; height:18px; line-height:18px; font-size:10px; text-align:center; border-radius:50% 50%; background-color:#ddd; color:#fff;}
.mission-detail-pop .mission-count i.compl {background-color:#f7ae00;}


/* POPUP :포인트적립 안내 */
.pop-lucky-point .method {overflow:hidden; margin:5px 0; padding:15px; background-color:#f3f6f8;}
.pop-lucky-point .method li {float:left; min-width:42%;}

/* 포인트샵 */
.pointshop-content {position:relative;}
.pointshop-content .my-points {position:absolute; right:0; top:-50px; height:32px; padding:0 15px; border-radius:20px; line-height:32px; border:3px solid #dce1e6; font-size:14px; color:#666;}
.pointshop-content .my-points .tit {display:inline-block; margin-right:10px;}
.pointshop-content .my-points .points strong {color:#1f5dbe;}

/*등업가이드*/
#LevelGuide .h3-tit {font-weight:normal; font-family:'NanumGothic';}
.explain {color:#666; font-size:13px;}

.memLevel_list {overflow:hidden; padding-top:4px; background:url('/img/bg/bg_memLevel.png') 0 0 no-repeat;}
.memLevel_list li {float:left; width:20%;}
.memLevel_list li .inner {position:relative; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.memLevel_list li:first-child .inner {border-left:1px solid #ddd;}
.memLevel_list li .inner dl dt {padding:35px 0 20px 0; text-align:center;}
.memLevel_list li .inner dl dd .badge-level {border:0; background-color:transparent;}
.memLevel_list li .inner dl dd.level {padding:12px 0 10px; background-color:#f5f8f9; text-align:center;}
.memLevel_list li .inner dl dd.level .tit {display:block; font-size:14px; font-family:'NanumGothicBold'; color:#222;}
.memLevel_list li .inner dl dd.level span {color:#666;}
.memLevel_list li .inner dl dd.point {position:absolute; left:10px; top:8px; margin-left:0; padding:0; color:#666; background:none; font-size:13px; font-weight:bold;}
.memLevel_list li .inner dl dd.to {position:absolute; right:10px; top:14px; font-family:'Roboto'; font-size:11px; font-weight:bold;}
.memLevel_list table {width:100%;}
.memLevel_list table th {font-weight:normal; font-family:'NanumGothic'; text-align:center;}
.memLevel_list table thead th {border-top:1px solid #495159; border-bottom:1px solid #495159; font-size:13px; line-height:42px; color:#222; vertical-align:middle;}
.memLevel_list table thead .points:before {content:''; display:inline-block; float:left; height:42px; border-left:1px solid #e7eaec ;}
.memLevel_list table tbody th {width:50px; border-top:1px solid #e7eaec;}
.memLevel_list table tbody td {padding:8px; border-top:1px solid #e7eaec; border-left:1px solid #e7eaec; text-align:right;}

.memGuide_wrap {margin-top:30px; background-color:#f5f8f9;}
.memGuide_list {overflow:hidden; padding:30px;}
.memGuide_list li {float:left; box-sizing:border-box; width:250px; letter-spacing:-1px;}
.memGuide_list .grade {width:300px;}
.memGuide_list .points {float:right;}
.memGuide_list li dl {color:#666; font-size:13px;}
.memGuide_list li dl dt {margin-bottom:15px; font-size:14px; font-family:'NanumGothicBold'; color:#222;}
.memGuide_list li dl dt:before {content:''; display:inline-block; margin-right:7px; width:23px; height:22px; background:url(/img/comm/level_guide_memeber_guide_ico.png) no-repeat; vertical-align:-6px;}
.memGuide_list .grade dt:before {background-position:0 50%;}
.memGuide_list .level dt:before {background-position:-100px 50%;}
.memGuide_list .points dt:before {background-position:-200px 50%;}

.memFast_list {overflow:hidden; margin-top:30px; margin-left:-70px;}
.memFast_list li {float:left; width:440px; margin-left:70px;}
.memFast_list li .inner  {position:relative; height:170px; border-top:1px solid #222222;}
.memFast_list li .inner dl {padding-top:17px;}
.memFast_list li .inner dl dt {float:left; width:36%; color:#222222; font-size:18px; line-height:24px;}
.memFast_list li .inner dl dd {float:left; width:64%; color:#666; font-size:13px; line-height:20px;}
.memFast_list li .inner > a {position:absolute; left:0; bottom:60px;}

.memPoint_list {overflow:hidden; margin-top:20px;}
.memPoint_list li {float:left; /*width:300px;*/ margin-left:10px;}
.memPoint_list li:first-child {margin-left:0;}
.memPoint_list li .inner {overflow:hidden; width:300px; height:200px; border-radius:5px; background:url('/img/bg/bg_dart.png') right bottom no-repeat;}
.memPoint_list li:first-child .inner {background-color:#f4bc4c;}
.memPoint_list li:first-child + li .inner {background-color:#ff715e;}
.memPoint_list li:first-child + li + li .inner {background-color:#69a2d2;}
.memPoint_list li .inner dl {padding:20px 25px; color:#ffffff;}
.memPoint_list li .inner dl dt {font-family:'NanumGothicBold'; font-size:22px; line-height:30px;}
.memPoint_list li .inner dl dd {margin-top:7px; font-size:13px;}


/* 뱃지도감 */
#BadgeGuide .mybadgestorage-rare-list > ul {margin-left:-13px;}
#BadgeGuide .mybadgestorage-rare-list > ul > li {padding-left:13px;}
.badge-topdesc {position:relative; margin-top:25px; padding:30px 30px; border:1px solid #ddd; border-radius:5px;}
.badge-topdesc .subdesc {margin-bottom:5px; font-size:13px; font-family:'NanumGothicBold';}
.badge-topdesc .title {margin-bottom:10px; font-size:22px; font-family:'NanumGothicBold'; color:#222;}
.badge-topdesc .txt {font-size:13px;}
.mybadgestorage .badge-list {margin-top:40px;}
.mybadgestorage .badge-list >ul {overflow:hidden; margin:-13px 0 0 -13px;}
.mybadgestorage .badge-list .badge-item {float:left; margin:13px 0 0 13px; box-sizing:border-box; width:308px; padding:17px 25px; border:1px solid #ddd; border-radius:5px;}
.mybadgestorage .badge-list .badge-item dl {float:left; width:185px;}
.mybadgestorage .badge-list .badge-item .title {font-size:15px; line-height:1.5; font-family:'NanumGothicBold'; color:#222;}
.mybadgestorage .badge-list .badge-item .desc {margin-bottom:10px; font-size:13px;}
.mybadgestorage .badge-list .badge-item .condition em {font-size:13px; color:#1f5dbe; letter-spacing:-1px;}
.mybadgestorage .badge-list .badge-item .condition em +em:before {content:''; display:inline-block; margin:6px 7px 0 9px; height:10px; border-left:1px solid #ddd; vertical-align:top;}
.mybadgestorage .badge-list .badge-item .badge-member-title {float:right;}


/* Main */
#containerMain {overflow:hidden; min-width:950px; margin-bottom:100px;}
#containerMain:before,
#containerMain:after {content:''; display:block; clear:both;}
.banner_band {position:relative; width:100%; height:180px; background:#f5f5f5; text-align:center;}
.banner_band .slide-controls .slider-carousel {width:950px !important; position:absolute; top:0; left:50%; padding:20px 0 0 0; margin:0 0 0 -475px; text-align:right; font-size:0; }
.banner_band .slide-controls .slider-carousel.slide-pager a {width:15px; height:15px; margin:0 3px; background:url('/img/bg/slider_carousel3.png') no-repeat 50% -21px}
.banner_band .slide-controls .slider-carousel.slide-pager a:hover,
.banner_band .slide-controls .slider-carousel.slide-pager a.active {background-position:50% 0px;}
.banner_band li.slide a {display:block; height:100%; }

.main-content-title {/*overflow:hidden; */margin-bottom:20px;}
.main-content-title:before,
.main-content-title:after {content:''; display:block; clear:both;}
.main-content-title h3 {float:left; font-size:18px; font-family:'NanumGothicBold'; color:#222;}
.main-content-title h3 a {color:inherit;}
.main-content-title .content_cat {float:right;}
.main-content-title .toggle_wrap {position:absolute; width:950px; height:0; text-align:center;}
.main-content-title .content_toggle {display:inline-block; margin-top:-6px; border:1px solid #727d8f; border-radius:15px; background:#727d8f;}
.main-content-title .content_toggle li {float:left;}
.main-content-title .content_toggle li +li {margin-left:-10px;}
.main-content-title .content_toggle label {overflow:hidden; display:block; padding:0 20px; border-radius:15px; font-size:14px; line-height:28px; color:#fff; cursor:pointer;}
.main-content-title .content_toggle label input {position:absolute; left:-9999px;}
.main-content-title .content_toggle li.on label {background:#fff; color:#222;}
.main-content-title .more {display:inline-block; margin-left:4px; width:20px; height:20px; background:url(/img/ico/ico_more_plus.png) no-repeat 50% 50%; text-indent:-999em;}

.main-inner {width:950px; margin:0 auto;}
.main-inner a.nbtn {padding:0; margin:0 3px 0 0; width:126px; text-align:center;}
.main-inner a.nbtn:nth-child(2) {margin:0}

.main_header {position:relative; height:480px; overflow:hidden; padding:0 0 0 0; box-sizing:border-box; background:#0b304f;}
.main_header h2 {width:500px; height:46px; padding:0 0 0 46px; margin:0 auto; text-align:center; font-family:'NanumGothicBold'; font-size:40px; line-height:46px; color:#fff; background:url('/img/adv/img_main_logo.png') no-repeat left center; background-size:46px 46px;}
.main_header h2 em {display:inline-block; margin:0 10px; font-family:'NanumGothic'}
.main_header ul {display:inline-block; position:relative; left:50%; width:500px; margin:25px 0 25px -250px !important;}
.main_header ul li {float:left; height:22px; line-height:22px; margin:0 14px;}
.main_header ul li a {color:#647b8e;}
.main_header ul li.active {border-bottom:1px solid #fff;}
.main_header ul li.active a {color:#fff !important;}
.main_header .rolling_dim {position:absolute; width:1425px; height:380px; background:url('/img/adv/bg_rolling.png') no-repeat center center; z-index:999;}
.main_header .slide-controls .slide-controls-direction {width:950px; position:absolute; top:50%; left:50%; /*height:45px;*/ margin:-22.5px 0 0 -475px;}
.main_header .slide-controls .slide-controls-direction a {position:absolute; top:50%; width:45px; height:75px; /*margin:-37px 0 0 0;*/ font-size:0; z-index:99999;}
.main_header .slide-controls .slide-controls-direction a.slide-prev {left:-94px; background:url('/img/btn/btn_rolling_prev.png') no-repeat left center; filter:alpha(opacity=40); opacity:0.4;}
.main_header .slide-controls .slide-controls-direction a.slide-next {right:-94px; background:url('/img/btn/btn_rolling_next.png') no-repeat right center; filter:alpha(opacity=40); opacity:0.4;}
.main_header .slide-controls .slide-controls-direction a:hover.slide-prev {background:url('/img/btn/btn_rolling_prev.png') no-repeat left center; filter:alpha(opacity=100); opacity:1; }
.main_header .slide-controls .slide-controls-direction a:hover.slide-next {background:url('/img/btn/btn_rolling_next.png') no-repeat right center; filter:alpha(opacity=100); opacity:1;}
.main_header .slide-controls .slider-carousel {width:950px; position:absolute; top:0px; left:50%; margin:0 0 0 -475px; text-align:right; font-size:0; z-index:9999}
.main_header .slide-controls .slider-carousel.slide-pager a {width:15px; height:15px; margin:0 3px; background:url('/img/bg/slider_carousel3.png') no-repeat 50% -21px}
.main_header .slide-controls .slider-carousel.slide-pager a:hover,
.main_header .slide-controls .slider-carousel.slide-pager a.active {background-position:50% 0px;}
.main_header .slide-wrapper {height:100%}
.main_header .slide-wrapper .viewport {height:100% !important; overflow:hidden;}
.main_header .slide-wrapper .viewport .mainSlide {height:480px; overflow:hidden;}
/*.main_header .slider-inner li {}*/
.main_header .slider-inner .battle {background:url(/img/comm/main_visual_section1_bg.jpg) no-repeat 50% 0; background-size:cover;}
.main_header .slider-inner .fundmaster {display:none; background:url(/img/comm/main_visual_section2_bg.jpg) no-repeat 50% 0; background-size:cover;}
/* .main_header .slider-inner .fundfollow {display:none; background:url(/img/comm/main_visual_section5_bg.jpg) no-repeat 50% 0; background-size:cover;}
.main_header .slider-inner .fundfollow:nth-child(2) {display:none; background:url(/img/comm/main_visual_section3_bg.jpg) no-repeat 50% 0; background-size:cover;} */
.main_header .slider-inner .fundfollow {display:none; background:url(/img/comm/main_visual_section3_bg.jpg) no-repeat 50% 0; background-size:cover;}
.main_header .slider-inner .fundfollow:nth-child(2) {display:none; background:url(/img/comm/main_visual_section4_bg.jpg) no-repeat 50% 0; background-size:cover;}
.main_header .slider-inner .fundfollow:nth-child(1) .slideCont .tit ,
.main_header .slider-inner .fundfollow:nth-child(2) .slideCont .tit {padding:0 0 0 308px; text-align:left;}

.main_header .slideCont {position:relative; margin:0 auto; width:950px; height:480px; text-align:center;}
.main_header .slideCont .cat-title {display:inline-block; margin-bottom:25px; padding-top:60px; font-size:14px; color:#1f5dbe;}
.main_header .slideCont .cat-title span {display:block; padding:4px 9px;}
.main_header .slideCont .cat-title:before,
.main_header .slideCont .cat-title:after {content:''; display:block; border-top:1px solid #1f5dbe;}
.main_header .slideCont .tit {min-height:100px; font-size:42px; line-height:1.23; color:#fff; letter-spacing:-2px;}
.main_header .slideCont .tit .txt_point {color:#ffd650; font-family:'NanumGothicBold';}
.main_header .slideCont .tit .txt_point .percent {font-family:'NanumGothic';}
.main_header .slideCont .tit .txt_highlight {background-color:#000;}
.main_header .slideCont .tit .txt_highlight .txt_point {color:#1f5dbe;}
.main_header .slideCont .tit2 {line-height:1.23; color:#fff; letter-spacing:-2px;}
.main_header .slideCont .tit2 .txt_point {font-size:56px; color:#ffd650; font-family:'NanumGothicBold';}
.main_header .slideCont .tit2 .txt_small {display:block; margin:11px 0 0 0; color:#fff; font-size:18px; line-height:25px; letter-spacing:-0.5px}
.main_header .slideCont .more {display:inline-block; box-sizing:border-box; margin-top:30px; /*padding:2px 0;*/ width:120px; /*height:32px;*/ border:1px solid #fff; border-radius:20px; font-size:15px; line-height:34px; color:#Fff; letter-spacing:-1px;}

.main_header .slider-inner .fundmaster .tit {min-height:inherit;}
.main_header .slider-inner .battle .tit {min-height:140px; margin:0 100px;}

.main_header .battle .tit  {position:relative; z-index:1;}
.main_header .battle-status {position:relative;}
.main_header .battle-status p {margin:-15px auto 0; width:568px;}
.main_header .battle-status p a {display:block; height:130px; background:url(/img/comm/main_battle_status.png) no-repeat 50% 0; font-size:0; color:transparent; text-indent:-999em;}
.main_header .battle-status .same a {background-position:0 0;}
.main_header .battle-status .uy a {background-position:0 -200px;}
.main_header .battle-status .un a {background-position:0 -400px;}
.main_header .popularTag_wrap {margin-top:15px;}
.main_header .popularTag_wrap .tag {box-sizing:border-box;}

.main_header .fundmaster .topdesc {margin-top:5px; font-size:26px; color:#fff; line-height:1;}
.main_header .fundmaster .tit {margin:6px 0 10px; font-size:58px;}
.main_header .fundmaster .subdesc {font-size:36px; color:#fff; line-height:1;}

/*퀵메뉴*/
.main_guickmenu {position:relative; margin-top:-100px; z-index:99999;}
.main_guickmenu ul {overflow:hidden; background-color:#fff;}
.main_guickmenu li {float:left; width:12.5%;}
.main_guickmenu li a {display:block; box-sizing:border-box; padding-top:68px; height:100px; font-size:14px; line-height:1; background:url(/img/comm/main_quickmenu_ico.png) no-repeat; text-align:center; border-left:1px solid #eee; color:#686868; letter-spacing:-1px;}
.main_guickmenu li a:hover {background-image:url(/img/comm/main_quickmenu_ico_hover.png); color:#444;}
.main_guickmenu .fundmaster {background-position:50% 0px;}
.main_guickmenu .battle {background-position:50% -100px;}
.main_guickmenu .news {background-position:50% -200px;}
.main_guickmenu .guide {background-position:50% -300px;}
.main_guickmenu .choice {background-position:50% -400px;}
.main_guickmenu .circle {background-position:50% -500px;}
.main_guickmenu .issue {background-position:50% -600px;}
.main_guickmenu .knowledge {background-position:50% -700px;}
/*실전!고수따라하기*/
.main_masterfollow {padding:60px 0; background-color:#f2f6f9; height:360px;}
.main_masterfollow .master-ranking {position:relative; margin-bottom:15px;}
.main_masterfollow .master-ranking .slider-inner {overflow:hidden;}
.main_masterfollow ol {width:990px; height:285px; overflow:hidden;}
.main_masterfollow ol li.slide {float:left; width:220px; height:285px; margin-right:23px;}
.main_masterfollow .ranking-item {float:left; position:relative; box-sizing:border-box; padding:0 20px 20px; width:220px; height:285px; border:1px solid #eee; border-radius:5px; background-color:#fff; color:#8b8b8a; cursor:pointer}
.main_masterfollow .ranking-item .rank {margin-bottom:15px; height:47px;}
.main_masterfollow .ranking-item .rank .count {display:inline-block; box-sizing:border-box; padding-top:18px; width:44px; height:47px; font-size:15px; background:url(/img/ico/best_ranking_count_bg.png) no-repeat 50% 0; text-align:center;}
.main_masterfollow .ranking-item .rank .fluctuation {display:inline-block; padding-left:12px; height:20px; font-size:16px; color:#a6a6a6; background:url(/img/comm/main_masterfollow_fluctuation.png) no-repeat 0 0; vertical-align:middle;}
.main_masterfollow .ranking-item .rank .fluctuation.up {color:#f73240; background-position:0 -30px;}
.main_masterfollow .ranking-item .rank .fluctuation.down {background-position:0 -60px; color:#2d70e0}
.main_masterfollow .ranking-item .rank .fluctuation.none {background:none;}
.main_masterfollow .ranking-item .rank .fluctuation i {display:inline-block; text-indent:-999em; background:#000; vertical-align:top;}
.main_masterfollow .ranking-item .thumb {overflow:hidden; margin:0 auto 15px; display:block; width:100px; height:100px; border-radius:50%;}
.main_masterfollow .ranking-item .master {margin-bottom:10px; text-align:center;}
.main_masterfollow .ranking-item .master p {}
.main_masterfollow .ranking-item .master .name {display:block; font-size:16px; font-family:'NanumGothicBold'; color:#222;}
.main_masterfollow .ranking-item .master .flag {position:absolute; top:18px; right:20px; display:block; width:55px; background-color:#ff6f28; border-radius:13px; font-size:12px; line-height:26px; color:#fff; text-align:center;}
.main_masterfollow .ranking-item .rate {text-align:center;}
.main_masterfollow .ranking-item .rate .percent {display:block; font-size:26px; line-height:1; letter-spacing:-2px;}
.main_masterfollow .ranking-item .rate .percent strong {font-family:'NanumGothicBold'; font-size:40px;}
.main_masterfollow .ranking-item.rank1 {}
.main_masterfollow .ranking-item.rank1 .count {background-position:0 -50px; color:#f73240;}
/*.main_masterfollow .ranking-item.rank1 .percent {color:#f73240;}*/
.main_masterfollow .ranking-item.rank2 {}
.main_masterfollow .ranking-item.rank2 .count {background-position:0 -100px; color:#ef7021;}
/*.main_masterfollow .ranking-item.rank2 .percent {color:#ef7021;}*/
.main_masterfollow .ranking-item.rank3 {}
.main_masterfollow .ranking-item.rank3 .count {background-position:0 -150px; color:#f6a41a;}
/*.main_masterfollow .ranking-item.rank3 .percent {color:#f6a41a;}*/
/*커뮤니티 활동순위*/
.main_my {padding:60px 0;}
.main_my .ranking {}
.main_my .ranking ol {overflow:hidden;}
.main_my .ranking li {float:left; width:310px; cursor:pointer;}
.main_my .ranking .thumb {position:relative; overflow:hidden; float:left; margin-right:20px; width:100px; height:100px; border-radius:50% 50%; z-index:3;}
.main_my .ranking .thumb img {width:100%;}
.main_my .ranking p {overflow:hidden; padding-top:15px;}
.main_my .ranking .rank {font-size:22px;}
.main_my .ranking .rank:before {content:''; display:inline-block; margin-right:10px; width:12px; height:16px; background:url(/img/comm/main_ranking_medal.png); vertical-align:-2px;}
.main_my .ranking .name {display:block; margin:10px 0 2px; font-size:16px; height:21px; line-height:21px;}
.main_my .ranking .name span {float:left;}
.main_my .ranking .name span.nm {display:inline-block; height:21px; line-height:21px;}
.main_my .ranking [class^="point_"] {font-size:16px;}
.main_my .ranking .my .thumb:before {content:'me'; position:absolute; left:0; right:0; bottom:0; height:25px; background-color:#1f5dbe; font-family:'NanumGothic'; font-size:14px; color:#fff; text-align:center;}
.main_my .ranking .my .thumb:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #1f5dbe; border-radius:50%; z-index:1;}
.main_my .ranking .my * {font-family:'NanumGothicBold'; color:#222;}
.main_my .ranking .my .rank {color:#1f5dbe;}
.main_my .ranking .my .rank:before {background-position:0 -30px;}
/*남다르게 뭉쳐라!써클*/
.main_circle {margin:0 0 60px;}
/*메인하단콘텐츠*/
.main_info_contents {margin-top:50px;}
.main_info_contents:before,
.main_info_contents:after {content:''; display:block; clear:both;}
.main_info_contents .section_list {float:left; position:relative; width:590px;}
.main_info_contents .section_list .news {position:relative; height:279px;}
.main_info_contents .section_list .title,
.main_info_contents .section_list .txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_info_contents .section_list .title {max-height:2.6em; font-size:26px; line-height:1.3em;}
.main_info_contents .section_list .title a {color:#222;}
.main_info_contents .section_list .txt {margin:20px 0; max-height:3em; font-size:14px; line-height:1.5em;}
.main_info_contents .section_list .info {font-size:13px; color:#999;}
.main_info_contents .section_list .info .date {margin-left:10px;}
.main_info_contents .section_list .preview {overflow:hidden; position:absolute; bottom:0; left:0; right:0; padding:8px 0; border-top:1px dotted #dbdbdb; border-bottom:1px solid #dbdbdb;}
.main_info_contents .section_list .preview li {overflow:hidden; padding:10px 0; height:20px;}
.main_info_contents .section_list .preview .tit {overflow:hidden; float:left; width:500px; text-overflow:ellipsis; font-size:14px; line-height:20px; white-space:nowrap; color:#222;}
.main_info_contents .section_list .preview .date {float:right; line-height:20px;}
.main_info_contents .section_list .preview .date span.name {margin-right:10px}
.main_info_contents .section_card {float:right; position:relative; width:310px;}
.main_info_contents .section_card .card-item span {display:block;}
.main_info_contents .section_card .card-item .cont {position:relative; box-sizing:border-box; padding:15px 25px; height:110px;}
.main_info_contents .section_card .card-item .category,
.main_info_contents .section_card .card-item .date {font-size:13px; color:#999;}
.main_info_contents .section_card .card-item .date {position:absolute; right:25px; top:15px;}
.main_info_contents .section_card .card-item .title {overflow:hidden;margin:8px 0;max-height: 4.5em;font-size:15px;line-height: 1.5em;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/*펀드뉴스*/
.main_info_contents .main_news {height:320px;}
/*.main_info_contents .main_news .main-content-title {margin-bottom:20px;}*/
.main_info_contents .main_news .txt {max-height:4.5em; -webkit-line-clamp:3;}
.main_info_contents .main_news .info {position:relative; margin-top:30px;}
.main_info_contents .main_news .info .fund_more {position:absolute; top:-4px; right:0; display:inline-block; padding:5px 15px; background-color:#727d8f; border-radius:5px 5px; font-size:13px; color:#fff;}
.main_info_contents .main_news .preview .tit {width:360px;}
.main_info_contents .main_news .preview {padding:0 30px 0 0; height:40px; border-top-style:solid;}
.main_info_contents .main_news .preview .ico_good,
.main_info_contents .main_news .preview .ico_bad {float:left;display:inline-block;margin:-2px 10px 0 12px; width:20px;height:26px;}
.main_info_contents .main_news .preview .ico_good {background:url(/img/main/ico_up.png) no-repeat 0 0;}
.main_info_contents .main_news .preview .ico_bad {background:url(/img/main/ico_down.png) no-repeat 0 0;}
.main_info_contents .main_news .preview_btns {position:absolute; top:0; right:5px;}
.main_info_contents .main_news .preview_btns .prev,
.main_info_contents .main_news .preview_btns .next {display:block; width:20px; height:20px; background:url(/img/ico/ico_slider_arrow_9x6_v.png) no-repeat;}
.main_info_contents .main_news .preview_btns .prev {background-position:50% 10px;}
.main_info_contents .main_news .preview_btns .next {background-position:50% -20px;}
/*투자가이드*/
.main_info_contents .main_guide {margin-top:60px; /*height:347px;*/}
/*.main_info_contents .main_guide .main-content-title {margin-bottom:27px;}*/
.main_info_contents .main_guide .card-item {overflow:hidden; display:block; width:310px; height:300px; background-color:#efefef; border-radius:5px;}
.main_info_contents .main_guide .card-item .thumb {overflow:hidden; height:172px;}
.main_info_contents .main_guide .card-item .thumb img {width:100%;}
.main_info_contents .main_guide .slider-carousel {position:absolute; right:0; top:-34px; padding:0; width:auto;}
.main_info_contents .main_guide .slide-pager a {width:10px; height:8px; background:url(/img/bul/carousel_8x8.png?cashBuster=20201125) no-repeat 0 0;}
.main_info_contents .main_guide .slide-pager a.active {background-position:0 100%;}
/*성공투자길라잡이*/
.main_info_contents .main_follow {clear:both; margin-top:60px; height:338px;}
.main_info_contents .main_follow .title {position:relative; /*padding-left:50px;*/}
.main_info_contents .main_follow .title .ico_weather {position:absolute; left:0; top:5px;}
/*우리투자증권지식in*/
.main_info_contents .main_knowledge {/*margin-top:55px;*/ height:320px;}
.main_info_contents .main_knowledge .visual {box-sizing:border-box; padding:22px 25px; height:150px; background:#21b6b2 url(/img/comm/main_knowledge_bg.png) no-repeat 0 0; border-radius:5px 5px 0 0;}
.main_info_contents .main_knowledge .visual .maincopy {font-size:28px; line-height:1.2em; color:#fff;}
.main_info_contents .main_knowledge .visual .subcopy {margin-top:15px; padding-right:24px; font-size:14px; color:#222;}
/*.main_info_contents .main_knowledge .visual .subcopy:after {content:''; display:inline-block; margin-left:4px; width:17px; height:17px; background:url(/img/ico/ico_more_17x17.png) no-repeat 50% 50%; vertical-align:-4px;}*/
.main_info_contents .main_knowledge .sliderBox {overflow:hidden; height:129px; border-radius:0 0 5px 5px; background-color:#f4f5f8;}
.main_info_contents .main_knowledge .sliderBox li.slide-empty {height:129px; line-height:129px; text-align:center; font-size:14px;}
.main_info_contents .main_knowledge .card-item {display:block; width:310px; height:129px;}
.main_info_contents .main_knowledge .slide-controls-direction {position:absolute; right:20px; bottom:15px; width:36px; height:23px;}
.main_info_contents .main_knowledge .slide-prev,
.main_info_contents .main_knowledge .slide-next {top:0; margin:0; width:18px; height:23px; background:url(/img/ico/ico_slider_arrow_6x9_h.png) no-repeat;}
.main_info_contents .main_knowledge .slide-prev {left:0; background-position:5px 50%;}
.main_info_contents .main_knowledge .slide-next {right:0; background-position:-17px 50%;}

.main_promotion {margin-top:60px;}
.main_promotion .main-inner {overflow:hidden;}
.main_promotion a {float:left;}
.main_promotion a +a {margin-left:10px;}

/* 서비스이용안내 */
.service-guide-box {padding-top:0px;}
/*.service-guide-box h3 {margin-bottom:60px; font-size:24px; font-family:'NanumGothicBold'; color:#222; text-align:center;}*/
.service-guide-box h4 {margin-top:40px; margin-bottom:20px; font-size:18px; color:#222; font-weight:normal; font-family:'NanumGothicBold'}
.service-guide-box h5 {margin-top:20px; margin-bottom:10px; font-size:16px; color:#222; font-weight:normal;}
.service-guide-box h4 +h5 {margin-top:0;}
.service-guide-box .text-box p {padding-left:30px; margin-bottom:5px;}
.service-guide-box .text-box .bul {display:inline-block; float:left; width:15px; margin-left:-15px; /*text-align:center;*/}
.service-guide-box .text-box .bul-list {padding-left:15px; padding-bottom:10px;}
.service-guide-box .text-box .bul-list li {padding-left:35px; margin-bottom:3px;}
.service-guide-box .text-box .bul-list .bul {width:20px; margin-left:-20px;}


/* 메인 공지사항 추가 */
#containerMain .minW  {width:950px; margin:0 auto;}
#containerMain .news_st {position:relative;height:50px; border-bottom: 1px solid #eee;}
#containerMain .news_st.on {height:auto}
#containerMain .news_st .minW  {position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:50px; padding-left:128px; padding-right:40px}
#containerMain .news_st .minW > .tx_ti {position:absolute;left:0;top:50%;margin-top:-25px;padding-left:22px;line-height:50px;font-size:15px;color:#222;background: url('/img/main/ico_plus.gif') left center no-repeat;}
#containerMain .news_st .slider a {display:block; height:50px}
#containerMain .news_st .slider a * {display:inline-block; *display:inline; *zoom:1; line-height:50px; vertical-align:middle}
#containerMain .news_st .slider a .tx_date {width:98px; text-align:center}
#containerMain .news_st.on .slider {transform:none!important; }
#containerMain .news_st.on .slider a {height:auto}
#containerMain .news_st.on .slider a img {height:100%}
#containerMain .news_st.on .slider * {line-height:26px; }
#containerMain .news_st .bx-controls-direction {position:absolute; right:0; top:0; width:40px; z-index:51}
#containerMain .news_st .bx-controls-direction a {display:block; width:100%; height:25px}
#containerMain .news_st .bx-controls-direction .bx-prev {background:url('/img/main/btn_ar_t.png') center center no-repeat}
#containerMain .news_st .bx-controls-direction .bx-next {background:url('/img/main/btn_ar_b.png') center center no-repeat}
#containerMain .news_st .btn_open {display:block;width:50px;position:absolute;right:0;top:0;bottom:0;background: url('/img/main/btn_ar_b.png') 23px center no-repeat;}
#containerMain .news_st.on .btn_open {background:url('/img/main/btn_ar_t.png') 23px center no-repeat}
#containerMain .pressFOK .minW > .tx_ti {line-height:18px;font-size:12px;padding-top:7px;background: url('/img/main/ico_plus2.gif') left center no-repeat}
#containerMain .pressFOK .minW > .tx_ti span {font-size:15px; }
#containerMain .pressFOK .slider a  {position:relative; padding-left:120px}
#containerMain .pressFOK .slider a img,
#containerMain .pressFOK .slider a .tx_com  {position:absolute; left:0; top:0}
#containerMain .pressFOK .slider a .tx_com,
#containerMain .pressFOK.on .slider a img {display:none}
#containerMain .pressFOK.on .slider a .tx_com {display:block; margin-left:10px; }
#containerMain .news_st .slider a .tx_ti {font-size:14px; width:554px}
#containerMain .news_st .slider a .tx_ti2 {font-size:14px; width:680px}


/* 2018 07 윤영실 추가 - 맞춤컨텐츠 팝업*/
.welcome_pop {position:absolute;top:250px;left:50%;margin-left:-249px; width:498px;padding-bottom:51px;background:#fff;border:1px solid #000;box-shadow:0px 3px 3px 0px  rgba(188,188,188,0.46);z-index:55;}
.welcome_pop .welcome_pop_con {padding:20px 40px 30px 40px;}
.welcome_pop .welcome_pop_con:before {content:'';display:block;width:163px;height:109px;position:absolute;top:-35px;right:0;background:url(../../img/main/welcome_pop_img.png) no-repeat 0 0;}
.welcome_pop .welcome_pop_con dt {color:#222;font-size:13px;line-height:22px;border-bottom:1px solid #f0f0f0;padding-bottom:10px;}
.welcome_pop .welcome_pop_con dd {text-align:center;}
.welcome_pop .welcome_pop_con dd ul {margin:20px 0 0 0;text-align:left;}
.welcome_pop .welcome_pop_con dd ul li {margin-top:10px;line-height:28px;position:relative;}
.welcome_pop .welcome_pop_con dd ul li:first-child {margin-top:0;}
.welcome_pop .welcome_pop_con dd ul li input[type="radio"] {display:none;}
.welcome_pop .welcome_pop_con dd ul li input[type="radio"] + label span {display:inline-block;height:28px;line-height:28px;padding-left:35px;vertical-align:middle;background:url(../../img/ico/ico_check_red_02_l.png?cashBuster=20201118) left bottom no-repeat;cursor:pointer; font-size:14px;color:#222;}
.welcome_pop .welcome_pop_con dd ul li input[type="radio"]:checked + label span {background:url(../../img/ico/ico_check_red_02_l.png?cashBuster=20201118) left top no-repeat;}
.welcome_pop .btnarea:after {position:relative}
.welcome_pop .btnarea .wel_popclose {position:absolute;bottom:0;left:0; display:block;width:149px;height:51px;line-height:51px;background:#4a4b4f;font-size:16px;color:#fff;}
.welcome_pop .btnarea .wel_con_btn {position:absolute;bottom:0;right:0;display:block;background:#1f5dbe;width:349px;line-height:51px;height:51px;font-size:16px;color:#fff;}

.th-center th {padding: 0 15px 0 15px;text-align: center;}
