@charset "utf-8";
/********************************************
프로젝트명 : Sales 강화 및 온라인 채널 개선
타이틀 : common( reset, 공통사항 )
작성자 : 천명기, 박준민
최초작성일 : 2016-05-13
수정일 : 2016-05-13

sales 강화 및 온라인 채널 개선 프로젝트 전용 입니다.
추후 수정이 필요할 수 있습니다.
********************************************/

/* reset */
.sales_wrapper {position:relative; z-index:2;}
.sales_wrapper *:focus {outline: 1px dotted #666;}
.sales_wrapper ul {margin-bottom:0; margin-top:0; margin-left:0; margin-right:0;}
.sales_wrapper fieldset {-webkit-margin-start:0; -webkit-margin-end:0; -webkit-padding-before:0; -webkit-padding-start:0; -webkit-padding-end:0; -webkit-padding-after:0;}
.sales_wrapper legend {-webkit-padding-start:0; -webkit-padding-end:0;}
.sales_wrapper button, .sales_wrapper a, .sales_wrapper label {cursor:pointer;}
/*.sales_wrapper body, .sales_wrapper div, .sales_wrapper dl, .sales_wrapper dt, .sales_wrapper dd, .sales_wrapper ul, .sales_wrapper ol, .sales_wrapper li, .sales_wrapper h1, .sales_wrapper h2, .sales_wrapper h3, .sales_wrapper h4, .sales_wrapper h5, .sales_wrapper h6, .sales_wrapper pre, .sales_wrapper form, .sales_wrapper p, .sales_wrapper blockquote, .sales_wrapper th, .sales_wrapper td, .sales_wrapper label {font-size:14px;}*/
.sales_wrapper select:focus {outline:none;}
.sales_wrappe caption {display: block; height:1px;}
#soIframe, #loginIframe, #soClickLogIframe {display:none;}

/*타이틀*/
.sales_wrapper .tit_section {margin-top:30px;margin-bottom:20px;font-size:18px;color:#333;line-height:21px;}
.sales_wrapper .tit_section.first {margin-top:0;}
.sales_wrapper .tit_02 {margin-top:30px;margin-bottom:15px;font-size:18px;color:#666;line-height:21px;}
.sales_wrapper .tit_02.first {margin-top:0;}

/* 줄바꿈 - br태그는 쓰지 않는다. */
span.txtbr {display: block;}

/*조회된 데이터 없을시*/
.sales_wrapper .no_data {margin:0;padding-top:50px;padding-right:0;padding-bottom:50px;padding-left:0;min-height:auto;text-align:center;color:#18abeb;font-size:16px;border-top:1px solid #e1e6e9;border-bottom:1px solid #e1e6e9;}

/*공통 - 텍스트*/
.sales_wrapper .txt_info {margin:0;padding-bottom:25px;font-size:20px;color:#333;line-height:23px;text-align:center;}
.sales_wrapper .point_blue {color:#0099ff;}
.sales_wrapper .point_blue_dotum {color:#0099ff;}
p.txt_sales_base {margin:0;font-size:13px;color:#666;line-height:21px;}
p.txt_sales_top {margin-bottom:25px;font-size:18px;color:#333;line-height:26px;text-align:center;}

/* 텍스트 박스 */
div.desc_box {padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; background: #f8fafc; line-height: 1.4; font-size: 12px; margin-bottom: 20px;}
div.desc_box span, div.desc_box strong, div.desc_box em, div.desc_box i {font-size: 12px;}

/* 접근성 대응 - 타이틀 표시 */
.ir{overflow:hidden;position:absolute;left:-9999px !important;top:0;width:1px;height:1px; line-height:0;}

/* bxslider 초기화 */
.sales_wrapper .bx-controls-auto .bx-controls-auto-item a.active {display:none;}

/* bxslider */
.bx-wrapper {position:relative;}
.bx-wrapper a, .bx-wrapper a:hover {text-decoration:none;}

/* 상품 상세 버튼 그룹 */
.btn_group.wide {width: 100%; min-width: 999px; text-align: center; padding-top: 20px; padding-bottom: 20px; background: #eaeff3; font-size: 0;}
.btn_group.wide .btn {width: auto; display: inline-block; float: none; color: #fff; font-size: 20px; font-weight: bold; border:0; border-radius: 6px; line-height: 60px; padding-left: 80px; padding-right: 20px; margin-left: 10px;}
.btn_group.wide .btn:first-child {margin-left: 0;}
.btn_group.wide .btn.join {background: url(../images/kr/base/ico_pencil_bar.png) 0 50% no-repeat #18abeb;}
.btn_group.wide .btn.counselling {background: url(../images/kr/base/ico_call_bar.png) 0 50% no-repeat #0ac5ca;}
.btn_group.wide .btn.banking {background: url(../images/kr/base/ico_bag_bar.png) 0 50% no-repeat #1cb47d;}

/* 버튼 - 랭킹리스트 */
.btn_group .btn {display:block; width:114px; float: left; border:1px solid #e4e4e4; line-height:22px; padding-left:5px; padding-right:5px; color:#666; letter-spacing:-1px; background:url('../images/kr/base/btn_arrow.png') 101px 50% no-repeat; font-size:12px;}
.btn_group .btn:hover {text-decoration:none;}
.btn_group .btn.type01 {background-color: #f8f8f8;}
.btn_group .btn.type02 {background-color: #f5fcff;}
.btn_group .btn.download {background: none; margin-left: 4px; width: inherit;}
.btn_group .btn.download:first-child {margin-left: 0;}
.btn_group .btn.download span {padding-right: 17px; background: url(../images/kr/base/ico_download.png) 100% 50% no-repeat; margin-left: 4px;}
.btn_group .btn_search {display:inline-block; width:120px; line-height:40px; background:#bac0c3; color:#fff; font-size:18px; font-weight:bold; border:0; border-radius:5px;}
.btn_group .btn_search:hover, .btn_group .btn_search:focus {background:#0085d4;}
.btn_group .btn_do_search {display:inline-block; width:120px; line-height:40px; background:#0085d4; color:#fff; font-size:18px; font-weight:bold; border:0; border-radius:5px;}
.btn_group .btn_init {display:inline-block; width:120px; line-height:40px; background:#bac0c3; color:#fff; font-size:18px; font-weight:bold; border:0; border-radius:5px;}
.btn_group .btn_more_list {display:inline-block; border:1px solid #ccc; background: #f5f5f5; line-height:48px; color:#666; font-size: 16px; padding-left:18px; padding-right:18px; border-radius: 5px;}
.btn_group .btn_more_list span {padding-right:22px; background:url(../images/kr/base/btn_more.png) 100% 50% no-repeat;}

/* 버튼 - hashtag */
.btn_hash {border:1px solid #999; background:#fff; font-size:16px; color:#999; height:40px; line-height:38px; padding-left:20px; padding-right:23px; border-radius:20px;}
.btn_hash.active, .btn_hash:hover {border:2px solid #0085d4; color:#0085d4; line-height:36px; padding-left:19px; padding-right:22px;}

/*버튼 - 스타일*/
div.btn_center_area {margin-top:30px;text-align:center;font-size:0;}
.btn_center_area button[type="button"] {margin-left:10px;}
.btn_center_area button[type="button"]:first-child {margin-left:0;}
.btn_center_area a {margin-left:10px;}
.btn_center_area a:first-child {margin-left:0;}

.btn_st_round {height:56px;padding-top:0;padding-right:25px;padding-bottom:0;padding-left:25px;line-height:56px;font-size:17px;color:#fff;border-radius:5px;border:none;display:inline-block;}
.btn_st_round:hover {color:#fff;}
.btn_st_round.blue {background-color:#17abeb;}
.btn_st_round.dim_blue {background-color:#0099cc;}
.btn_st_round.mint {background-color:#18c5cb;}
.btn_st_round.green {background-color:#49c295;}

.btn_st_round2 {width:145px;padding-top:10px;padding-bottom:10px;line-height:19px;font-size:16px;color:#fff;border-radius:5px;border:none;display:inline-block;}
.btn_st_round2 span.f_small {font-size:13px;}
.btn_st_round2.blue {background-color:#0099ff;}

a.btn_ico_round, button.btn_ico_round {display:inline-block; width:100%;height:32px;padding:0;line-height:32px;text-align:center;background:none;font-size:15px;border-radius:5px;color:#fff;box-sizing:content-box;}
a.btn_ico_round:hover, button.btn_ico_round:hover {color:#0085d2;background-color:#fff;}
a.btn_ico_round:hover span, button.btn_ico_round:hover span {text-decoration:underline;background-position:0 -50px;}
a.btn_ico_round span, button.btn_ico_round span {padding-left:28px;display:inline-block;}
.btn_ico_round.shield {border:1px solid #80c2e9;}
.btn_ico_round.shield span {background:url(../images/kr/base/ico_shield.png) no-repeat 0 6px;}

/* 체크박스 - hashtag */
.chk_hash {border:1px solid #999; background:#fff; font-size:16px; color:#999; height:38px; line-height:36px; padding-left:20px; padding-right:23px; border-radius:20px;box-sizing:content-box;vertical-align:middle;}
.chk_hash.active, .chk_hash:hover {border:2px solid #0085d4; color:#0085d4; height:36px; line-height:34px; padding-left:19px; padding-right:22px;}
.chk_hash input[type=checkbox] {display: block; width: 0px; height: 0px; position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: -1;}

/* checkbox 기본스타일 - label > input:c; */
label.fake_checkbox {font-size:18px; color:#999; padding-left:25px; background:url('../images/kr/base/sp_checkbox.png') 0 1px no-repeat; line-height:1;}
label.fake_checkbox.active {background-position:0 -83px;}
label.fake_checkbox input[type=checkbox] {display:block; width:0px; height:0px; position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:-1;}

/*셀렉트 커스텀*/
.select_box {width:100%;height:44px;display:inline-block;border:1px solid #ccc;box-sizing:content-box;position:relative;background:url(../images/kr/base/ico_select_arrow.png) 100% 50% no-repeat;vertical-align:middle;}
.select_box label {margin:0;font-size:13px;color:#333;text-align:left;display:block;position:absolute;top:0;left:14px;line-height:44px;}
.select_box select {width:100%;height:44px;padding-left:14px;margin:0;opacity:0;filter:alpha(opacity=0);padding:0;border:0;}

/* 서브메인 section title */
.sales_wrapper .tit {display:block; text-align:center; font-size:24px; color:#282828; letter-spacing:-1px; line-height:1.2; margin-bottom:30px;}

/* 탭메뉴 버튼 border 없는 스타일 */
.tab_menu .tab_btns {position:relative; margin-bottom:0;overflow:hidden;}
.tab_menu .tab_btns:after {content:''; clear:both; display:block; height:0;}
.tab_menu.col1 .tab_btns li {width:100%;}/* 2017-01-23 */
.tab_menu.col2 .tab_btns li {width:50%;}
.tab_menu.col3 .tab_btns li {width:33.33%;}
.tab_menu.col5 .tab_btns li {width:20%;}
.tab_menu.col4 .tab_btns li {width:25%;}
.tab_menu .tab_btns li {float:left; position:relative; z-index:20; background:url('../images/kr/base/tabmenu_bar.png') 0 7px no-repeat;}
.tab_menu .tab_btns li:first-child {background:none;}
.tab_menu .tab_btns li a {display:block; padding-bottom:17px; text-align:center; font-size:18px; color:#848484; /* color:#303643; */ border-bottom:1px solid #18abeb;}
.tab_menu .tab_btns li.active a,
.tab_menu .tab_btns li a:hover {/* color:#18abeb; */ color: #333; padding-bottom:13px; border-bottom:5px solid #18abeb; font-weight:bold;}
.tab_menu .tab_btns li a:hover, .product_ranking dt a:focus {text-decoration:none;}
.tab_menu.normal_tab {margin-bottom: 40px; border-bottom: 1px solid #e1e7e9;}
.tab_menu.normal_tab .tab_page .page {padding-top: 28px; padding-bottom: 28px;}

/* 탭메뉴 버튼 박스형 */
.tab_menu02 .tab_btns {padding-bottom:20px;position:relative;margin-bottom:0;overflow:hidden;}
.tab_menu02 .tab_btns:after {content:''; clear:both; display:block; height:0;}
.tab_menu02.col2 .tab_btns > li {width:50%;}
.tab_menu02.col3 .tab_btns > li {width:33.33%;}
.tab_menu02.col4 .tab_btns > li {width:25%;}
.tab_menu02.col5 .tab_btns > li {width:20%; *width:19.9%}
.tab_menu02.col6 .tab_btns > li {width:16.6%;}
.tab_menu02.col7 .tab_btns > li {width:14.28%; *width:14.2%}/* 2017-12-07 */
.tab_menu02.col8 .tab_btns > li {width:12.5%;}
.tab_menu02.col9 .tab_btns > li {width:11.111%;}
.tab_menu02 .tab_btns li {float:left;position:relative; width:10%; z-index:20; background:url('../images/kr/base/tabmenu_bar.png') 0 7px no-repeat;}
.tab_menu02 .tab_btns li:first-child {background:none;}
.tab_menu02 .tab_btns li a {height:55px;display:block;text-align:center;line-height:55px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:16px;color:#666;font-weight:normal;background:#f5f5f5;box-sizing:content-box;}
.tab_menu02 .tab_btns li.multiline a {line-height:1.2; padding-top: 7px; height: 48px;}
.tab_menu02 .tab_btns li.multiline.active a, .tab_menu02 .tab_btns li.multiline a:hover {height: 44px;}
.tab_menu02 .tab_btns li:first-child a {border-left:1px solid #ccc;}
.tab_menu02 .tab_btns li.active a,
.tab_menu02 .tab_btns li a:hover {height:51px;color:#333;border-bottom:5px solid #18abeb;background:#fff;text-decoration:none;}
.tab_menu02 .tab_btns.prb li.active a, .tab_menu02 .tab_btns.prb li a:hover{border-bottom-color:#2ba235}
.tab_menu02.mvds .tab_btns li.active a, .tab_menu02.mvds .tab_btns li a:hover {font-size:18px; color:#18abeb;}
.tab_menu02 .tab_btns li.bb a {line-height:normal; padding-top:5px; height:50px; word-break:keep-all;}
.tab_menu02 .tab_btns li.bb.active a,
.tab_menu02 .tab_btns li.bb a:hover {height:46px;}

/* 탭메뉴 검색하기 */
.tab_menu02.search {position:relative;}
.tab_menu02.search .tab_btns {padding-bottom:0;}
.tab_menu02.search .tab_btns {margin-right:57px;}
.tab_menu02.col9.search .tab_btns > li {width:11.111%;}
.tab_menu02.search .tab_search .search_open {display:block; width:58px; height:57px; background:url('../images/kr/base/ico_zoom.png') 50% 50% no-repeat #18abeb; position:absolute; top:0; right:0;}
.tab_menu02.search .tab_search dl {margin:0;}
.tab_menu02.search .tab_search dd {display:none;}
.tab_menu02.search .tab_search.active dd {display:block;}
.tab_search .search_condition {width:100%; background:#fff; border-bottom:1px solid #ccc;}
.tab_search .search_condition .search_check {margin-top:30px;}
.tab_search .search_condition .search_check table {width:100%; border-collapse:collapse; margin-bottom: 0;}
.tab_search .search_condition .search_check table th {padding:18px 0 18px 0; font-weight:bold; font-size: 18px; color:#666; background: #f8fafc; border-top:1px solid #d9d9d9;}
.tab_search .search_condition .search_check table th:first-child {border-left:1px solid #d9d9d9;}
.tab_search .search_condition .search_check table th,
.tab_search .search_condition .search_check table td {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.tab_search .search_condition .search_check table td {text-align:left; padding:30px;}
.tab_search .search_condition .search_check table tr td:first-child {border-left:1px solid #d9d9d9;}
.tab_search .search_condition ul li {margin-top:15px;}
.tab_search .search_condition ul li:first-child {margin-top: 0;}
.tab_search .search_condition .tab_search_input {overflow:hidden; position: absolute; top:0; left:0; z-index: 30;}
.tab_search .search_condition .label_title {width:106px; display:block; float:left; box-sizing:content-box; background:#18abeb; font-size:18px; line-height:57px;text-align:center; color:#fff;}
.tab_search .search_condition .list_search_area {width:819px; display:block; float:left; background:#fff;}
.tab_search .search_condition .list_search_area label {height:57px; line-height:57px;}
.tab_search .search_condition .list_search_area .search_input {height:55px; display:block;}
.tab_search .search_condition .btn_group {text-align:center; padding-bottom:30px;}
.tab_search .search_condition .btn_group button {margin:0 4px;}
.tab_search .search_condition .btn_close {width:57px; height:57px; border-radius:0; border:0; position:absolute; top:0; right:0; z-index: 30; background:url('../images/kr/base/ico_close.png') 50% 50% no-repeat #18abeb;}

/* 탭메뉴 페이지(공통) */
.tab_btns_select > a {display:none;}
.tab_menu .tab_page .page,
.tab_menu02 .tab_page .page {display:none;width:100%;}
.tab_menu .tab_page .page.active,
.tab_menu02 .tab_page .page.active {display:block;}

/* 기존 탭메뉴 스타일 수정 */
.inpage-links.no_line .row {border-bottom:none;padding-bottom:0;}
.inpage-links.no_line .tabs {margin:0;}

/* 리스트 필터 버튼 */
.filter_group {border-bottom: 1px solid #ccc;}
.filter_group:after {content: ''; display: block; clear: both;}
.filter_group .btn_list {float: left; padding-top: 14px; padding-bottom: 14px;}
.filter_group .list_count {float: right; border-bottom:0;}
.filter_group ul:after {content:''; display: block; clear: both;}
.filter_group ul li {float: left; margin-left: 7px;}
.filter_group ul li:first-child {margin-left: 0;}
.filter_group ul li .btn_filter {display: block; height: 26px; border: 1px solid #d4d4d4; font-size: 13px; color: #333; line-height: 26px; padding-left: 9px; padding-right: 9px;}
.filter_group ul li .btn_filter span {padding-right: 17px;}
.filter_group ul li.down .btn_filter.order span {background: url(../images/kr/base/ico_arrow_down_gray.png) 100% 50% no-repeat;}
.filter_group ul li.up .btn_filter.order span {background: url(../images/kr/base/ico_arrow_up_gray.png) 100% 50% no-repeat;}
.filter_group ul li .btn_filter.check span {background: url(../images/kr/base/ico_check_gray.png) 100% 50% no-repeat;}
.filter_group ul li.active .btn_filter.check {border: 1px solid #18abeb; color: #18abeb;}
.filter_group ul li.active .btn_filter.check span {background: url(../images/kr/base/ico_check_blue.png) 100% 50% no-repeat;}

/*페이지 네비게이션*/
div.page_navigation {margin-top:30px;margin-bottom:30px;font-size:0;text-align:center;}
.page_navigation .page_num {margin-right:20px;margin-left:20px;display:inline-block;vertical-align:middle;}
.page_navigation .page_num a {margin-left:3px;}
.page_navigation .page_num a:first-child {margin-left:0;}
.page_navigation a {width:28px;height:28px;display:inline-block;font-size:11px;color:#999;border:1px solid #ccc;text-align:center;line-height:28px;vertical-align:middle;background-position:50% 50%;background-repeat:no-repeat;box-sizing:content-box;}
.page_navigation a.active {background-color:#666;border-color:#666;color:#fff;}
.page_navigation a.first {margin-right:2px;background-image:url(../images/kr/base/ico_pagenavi_first.png);}
.page_navigation a.prev {background-image:url(../images/kr/base/ico_pagenavi_prev.png);}
.page_navigation a.next {background-image:url(../images/kr/base/ico_pagenavi_next.png);}
.page_navigation a.last {margin-left:2px;background-image:url(../images/kr/base/ico_pagenavi_last.png);}

/*검색바*/
.list_search_area {width:100%;padding-right:58px;padding-left:14px;position:relative;border:1px solid #18abeb;display:inline-block;vertical-align:middle;text-align:left;box-sizing:content-box;}
.list_search_area .search_input {width:100%;height:44px;margin:0;padding:0;line-height:44px;border-radius:0;font-size:13px;color:#18abeb;box-sizing:content-box;border:none;box-shadow:none;}
.list_search_area .search_input:focus {box-shadow:none;background:none;}
.list_search_area label {height:44px;margin:0;padding-left:14px;position:absolute;top:0;left:0;line-height:44px;font-size:13px;color:#18abeb;}
.list_search_area .btn_search {width:44px;height:44px;padding:0;background:#18abeb url(../images/kr/base/ico_search5.png) 50% 50% no-repeat;border:none;position:absolute;top:0;right:0;box-sizing:content-box;}

/* 추신 */
p.warn {font-size: 13px; color: #999; padding-left:10px; margin-top:17px; margin-bottom:30px; background:url(../images/kr/base/bul_dot_3x3.png) 0 7px no-repeat;}

/*공통 - 테이블 게시판*/
.sales_wrapper table tbody tr:nth-child(even) {background:none;}
.sales_wrapper table caption{overflow:hidden;position:absolute;left:-9999px !important;top:0;width:1px;height:1px;text-indent:-9999px; line-height:0;}
.table_board {width:100%;border-top:1px solid #999;border-bottom:1px solid #999;border-collapse:collapse;}
.table_board .tal {text-align:left;}
.table_board thead th {padding-top:20px;padding-bottom:20px;font-size:14px;color:#666;border-bottom:1px solid #999;line-height:18px;}
.table_board tbody td {padding-top:20px;padding-bottom:20px;font-size:14px;color:#333;border-top:1px solid #e4e4e4;line-height:18px;vertical-align:middle;}
.table_board tbody tr:first-child td {border-top:none;}
.table_board tbody td a {font-size:14px;color:#333;line-height:18px;}
.table_board tbody td span.data {font-size:13px;color:#999;}

/* 다중 테이블 */
.multi_table {}
.multi_table:after {content: ''; clear: both; display: block;}
.multi_table table {width: 49.9%; table-layout: fixed; border-collapse: collapse; float: left; margin-bottom: 0;}

/* 아이콘 링크 리스트 */
.icon_link_list_area {margin-left:15px;}
.icon_link_list_area:first-child {margin-left: 0; margin-left: 0;}
.icon_link_list_area dd > ul > li {margin-top:15px;background-position:0 0;background-repeat:no-repeat;background-color:transparent;position:relative;}
.icon_link_list_area dd > ul > li:first-child {margin-top:0;}
.icon_link_list_area dd > ul > li a {padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:65px;display:block;border:1px solid #e4e4e4;box-sizing:content-box;}
.icon_link_list_area dd > ul > li a:hover {text-decoration:none;}
.icon_link_list_area dd > ul > li a > strong {padding-bottom:5px;font-size:16px;color:#333;line-height:18px;display:block;}
.icon_link_list_area dd > ul > li a > p {margin:0;font-size:12px;color:#999;line-height:17px;}
.icon_link_list_area dd > ul > li a .txt_detailview {font-size:13px;color:#666;display:block;text-align: right; position:absolute; bottom:15px; right:20px;}
.icon_link_list_area dd > ul > li a:hover .txt_detailview {text-decoration:underline;}

/* 오름차순, 내림차순 버튼 */
.sort_btn {display: inline-block; vertical-align: middle; margin-left: 10px;}
.sort_btn a {display: block; width: 11px; height: 6px;}
.sort_btn a:first-child {margin-bottom: 7px;}
.sort_btn .up {background: url(../images/kr/base/sort_arrow_up_gray.png) 0 0 no-repeat;}
.sort_btn .up.active {background: url(../images/kr/base/sort_arrow_up_blue.png) 0 0 no-repeat;}
.sort_btn .down {background: url(../images/kr/base/sort_arrow_down_gray.png) 0 0 no-repeat;}
.sort_btn .down.active {background: url(../images/kr/base/sort_arrow_down_blue.png) 0 0 no-repeat;}

/* 탭 셀렉트 */
.tab_btns_to_select {display: none;}

/* Hidden Text */
.txt-hidden{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}

/* 2017-05-15 서브탭 */
.sub_tab{padding-top:5px; font-size:0;}
.sub_tab > li{display:inline-block; min-width:118px; padding-top:5px; margin-right:1px; *display:inline; *zoom:1;}
.sub_tab > li.active a{background-color:#18abeb; color:#fff;}
.sub_tab > li > a {display:block; padding:8px 11px; text-align:center; line-height:16px; font-size:13px; color:#5e5e5e; font-weight:normal; background:#d1d3d6;}
.sub_tab > li a:hover{text-decoration:none; background-color:#18abeb; color:#fff;}

/* 2018-07-23 상품공시실 탭 width */
.tab_menu02.tab_ann.col9 .tab_btns > li {width:10.9%;}
.tab_menu02.tab_ann.col9 .tab_btns > li#main_tab9,
.tab_menu02.tab_ann.col9 .tab_btns > li.last {width:12.8%;}

/* 2018-10-26 BILL 버튼 */
.btn_group.wide .btn.ico_pc {background: url(../images/kr/base/ico_pc.png) 0 50% no-repeat #1cb47d;}
.btn_group.wide .btn.ico_m {background: url(../images/kr/base/ico_mobile.png) 0 50% no-repeat #1cb47d;}
.btn_group .layer_qr {display:none; position:absolute; top:2px; left:50%; margin-left:265px;}

/* 2022-06-20 온라인미스터리쇼핑 */
.fst-fund dl:first-child {margin-bottom:25px;}
.fst-fund dt {font-size:14px; color:#222; margin-bottom:7px;}
.fst-fund dd ul,
.fst-fund dd ol {margin:5px 0 0 0; padding:0;}
.fst-fund dd ul li {text-indent:-10px; padding-left:10px;}
.fst-fund dd ol li {text-indent:-15px; padding-left:15px;}
.fst-fund .fst-gragh {overflow:hidden; margin:5px 0 0 15px;}
.fst-fund .fst-gragh .img-gragh {float:left; width:13%;}
.fst-fund .fst-gragh .img-gragh img {width:100px;}
.fst-fund .fst-gragh .lst-gragh {float:left; width:85%; margin-top:15px;}
.fst-fund .fst-gragh .lst-gragh li {text-indent:-17px; padding-left:17px;}
.fst-fund .fst-gragh .lst-gragh li span {overflow:hidden; width:10px;height:10px;text-indent:-9999px !important; font-size:0 !important; line-height:0 !important; margin:2px 5px 0 0;}
.fst-fund .fst-gragh .lst-gragh li.g1 span {background-color:#00a9f3; display:inline-block;}
.fst-fund .fst-gragh .lst-gragh li.g2 span {background-color:#2772c7; display:inline-block;}
.fst-fund .fst-gragh .lst-gragh li.g3 span {background-color:#00bcd3; display:inline-block;}
.fst-fund .txt-dsc {margin:20px 0;}
.fd-syn {margin-top:15px;}
.fd-syn li {text-indent:-10px; padding-left:10px; color:#555 !important;}

/* 2022-08-16 펀드 속성 태그 */
.badge_group {margin-top:5px;}
.badge_group > a {display:inline-block;}
.badge_group > .tag-box {display:inline-block; margin:2px 0 0 10px; vertical-align:top;}
.badge_group .tag-box em.lv1{color:#8a63c9;}
.badge_group .tag-box em.lv2{color:#2489ef;}
.badge_group .tag-box em.lv3{color:#41ad68;}
.badge_group .tag-box em.lv4{color:#f8a81c;}
.badge_group .tag-box em.lv5{color:#ff750a;}
.badge_group .tag-box em.lv6{color:#ef3233;}
.badge_group .tag1{color:#e55c2d;}
.badge_group .tag2{color:#0f7aed;}
.badge_group .tag3{color:#1f8845;}