.search-area{background-image:url('../../Images/Common/banner-stock-w.png');height:200px;max-width:unset !important}
.search-bar{display:flex;position:relative;box-shadow:0 0 15px 0 rgba(23,36,57,0.25)}
.search-bar-text{height:60px;width:560px;padding:15px 0 15px 20px;border:0;color:#8a919c;font-size:20px;font-weight:normal;line-height:1.5}
.search-bar .search{height:60px;width:60px}
.search-bar .search img{height:32px;width:32px}
.region-area{margin-top:64px}
.region-header{position:relative;border-bottom:2px solid #3f5372}
.region-header .tab-header-item{width:140px;height:46px;padding:0 15px 0 15px}
.region-header .tab-header-item .tw{width:16px;height:16px}
.region-header .tab-header-item .usa{width:16px;height:16px}
.filter-area{margin-top:24px;display:flex;position:relative}
.filter-header{width:calc(100% - 130px);overflow-x:scroll;display:flex;position:relative}
.filter-header::-webkit-scrollbar{display:none}
.filter-header .tab-header-right:before,.filter-header .tab-header-left:before{height:24px;width:24px;background-size:24px 24px}
.filter-select-btn{text-align:center;padding:10px 20px;border:solid 1px #d9dde3;height:50px;margin-right:8px;white-space:nowrap}
.filter-select-btn.selected{color:#FFF;background-color:#3f5372}
.filter-select-btn .lock{content:'';background-image:url(../../Images/Icon/icon-lock-soild.svg);background-size:20px 20px;width:20px;height:20px;display:inline-block;vertical-align:text-top}
.filter-select-btn.custom{margin-right:0;width:110px;float:right;display:inherit}
.filter-select-btn.custom:after{content:attr(wContent)}
.icon-filter{content:url(../../Images/Icon/icon-filter.svg);margin-right:8px;width:24px;height:24px}
.selected .icon-filter{content:url(../../Images/Icon/icon-filter-white.svg)}
.row-count{margin-top:24px}
.result-area{position:relative;margin-bottom:100px;}
.result-area-1{margin-top:16px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.result-table{table-layout:unset}
.result-table thead tr th{min-width:70px}
.result-table tr th:nth-of-type(1),.result-table tr td:nth-of-type(1){min-width:65px;max-width:65px;position:-webkit-sticky;position:sticky;left:0;z-index:1}
.result-table tr th:nth-of-type(2),.result-table tr td:nth-of-type(2){min-width:300px;max-width:300px;position:-webkit-sticky;position:sticky;left:65px;z-index:1}
.result-table tr th:nth-of-type(3),.result-table tr td:nth-of-type(3){min-width:100px;max-width:500px;}
.result-table tr td:nth-of-type(3){font-weight:400}
.result-table.hide-rank tr th:nth-of-type(2),.result-table.hide-rank tr td:nth-of-type(2){left:0px}
.result-table tr th:last-of-type,.result-table tr td:last-of-type{min-width:100px;max-width:100px;position:-webkit-sticky;position:sticky;Right:0;z-index:1}
.result-table tbody tr td:nth-of-type(2)>div{display:flex}
.result-table tbody tr td:nth-of-type(2) .td-item1{width:100px;min-width:100px}
.result-table tbody tr td:nth-of-type(2) .td-item2{margin-left:20px;width:180px}
.result-table ~ .shadow-start-div-web{left:355px}
.result-table.hide-rank ~ .shadow-start-div-web{left:290px}
.result-table ~ .shadow-end-div-web{right:100px}
.buy-btn{width:60px;height:36px;float:right}
.buy-btn:after{content:attr(wContent)}
.bottom-area{margin-top:39.5px;margin-bottom:100.5px;display:flex;justify-content:center;position:relative}
.bottom-area>span{height:60px;width:300px;padding:15px 0 15px 0;display:flex;justify-content:center}
.custom-filter-table{border-top:solid 2px #d9dde3;text-align:left}
.custom-filter-table tr>th{width:21.5%;font-weight:bold}
.custom-filter-table tr>td{font-weight:bold;padding:14px 20px 14px 20px;position:relative;white-space:nowrap;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical}
.custom-filter-table tr>td.td-checkbox{white-space:normal}
.custom-filter-table tr>td.checked{background-color:#fbf6ef}
.custom-filter-table tr:nth-child(n+5)>td{padding-top:12px;padding-bottom:12px}
.custom-filter-table .checkbox:not(:last-child){margin-right:10px}
.custom-filter-table .checkbox>input[type=checkbox]+.checkicon{padding-left:32px;min-width:135px}
.custom-filter-table .icon-info-a img{vertical-align:text-top;margin-left:4px}
.custom-filter-table .checkbox-list.has-more .checkbox:nth-child(n+5){display:none}
.custom-filter-table .checkbox-list .more-btn{padding-right:20px;text-align:right;display:none}
.custom-filter-table .checkbox-list.has-more .checkbox:nth-child(n+5) ~ .more-btn{display:inline-block}
.Notice-loading{width:100%;display:flex;justify-content:center;margin-top:30px}
.Notice-loading-img{content:'';background-image:url(../../Images/Icon/icon-loading.png);background-size:40px 40px;height:40px;width:40px;-webkit-animation:loading-animation 1s infinite linear;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.Notice-loading .run{-webkit-animation:loading-animation 1s infinite linear}

/****** RWD Setting ******/
@media screen and (max-width:820px){
.custom-filter-table tr>td{white-space:normal}
.custom-filter-table .checkbox.five-years{margin-right:unset;position:absolute;top:4px;right:12px}
.custom-filter-table .checkbox:not(:last-child){margin-right:5px}
.custom-filter-table .checkbox>input[type=checkbox]+.checkicon{padding-left:28px;min-width:90px;margin-top:8px}
.custom-filter-table .checkbox-list.has-more .checkbox:nth-child(n+5){display:unset}
.custom-filter-table .checkbox-list.has-more .checkbox:nth-child(n+6){display:none}
#MsgCustumFilter .msgbox-button-area {width:unset;left:16px;right:16px}
#MsgCustumFilter .msgbox-button-area .btn{width:50%;height:44px;margin:0;border-radius:0}
#MsgCustumFilter .msgbox-button-area .msgbox-button-cancel{border:0}
}
@media screen and (max-width:767px){
.search-bar-text{font-size:14px;font-weight:normal;line-height:1.71}
.region-area{margin-top:44px}
.region-header .tab-header-item{width:96px;height:36px}
.region-header .tab-header-item.tw:before{margin-right:4px}
.region-header .tab-header-item.usa:before{margin-right:4px}
.filter-header{width:calc(100% - 48px);overflow-x:scroll}
.filter-select-btn{padding:6px 12px;height:36px}
.filter-select-btn .lock{background-size:18px 18px;width:18px;height:18px}
.filter-select-btn.custom{height:36px;width:36px;right:16px}
.filter-select-btn.custom:after{content:attr(mContent)}
.row-count{margin-top:12px}
.result-area{margin-bottom:52px;}
.result-area-1{margin-top:12px}
.result-table{table-layout:unset}
.result-table tr th:nth-of-type(2),.result-table tr td:nth-of-type(2){min-width:100px;max-width:100px;position:-webkit-sticky;position:sticky;left:0;z-index:1}
.result-table tr td:nth-of-type(2){padding: 8px 0 7.5px 8px;}
.result-table tr th:nth-of-type(3),.result-table tr td:nth-of-type(3){max-width:110px}
.result-table tr th:last-of-type,.result-table tr td:last-of-type{min-width:40px;max-width:40px;position:-webkit-sticky;position:sticky;Right:0;z-index:1}
.result-table tbody tr td:nth-of-type(2)>div{display:block}
.result-table tbody tr td:nth-of-type(2) .td-item1{width:100px}
.result-table tbody tr td:nth-of-type(2) .td-item2{width:100px;font-size:12px;font-weight:normal;line-height:1.5;margin-left:unset}
.result-table ~ .shadow-start-div-web{left:90px}
.result-table.hide-rank ~ .shadow-start-div-web{left:90px}
.result-table ~ .shadow-end-div-web{right:40px}
.buy-btn{width:24px;height:24px;float:right}
.buy-btn:after{content:attr(mContent)}
.bottom-area{margin-top:24px;margin-bottom:52px;display:flex;justify-content:center;position:relative}
.bottom-area>span{height:48px;width:240px;padding:10px 0 10px 0;display:flex;justify-content:center}
}