form{background-image:url(../../Images/Common/bg-searchbar.png);background-position:center center;background-size:100% 100%}
.search-area{height:200px}
.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;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}
div.hot-area{margin:0px auto 100px auto;max-width:940px;}
.result-area.hide ~ div.hot-area{margin:52px auto 100px auto}
div.hot-area.large{max-width:1420px}

.hot-title{margin-top:40px;display:flex}
.tags{margin-top:12px}
.tag-can-delete .delete-btn{margin-left:8px;vertical-align:middle}
.tag-can-delete .delete-btn .delete-icon{content:url('../../Images/Icon/icon-close-tag.svg');width:16px;height:16px}
.tag-can-delete:hover .delete-btn .delete-icon{content:url('../../Images/Icon/icon-close.svg')}
.result-area{margin:48px 0 48px 0}
.result-desc{margin:24px 0 16px 0}
.stock-table{border-top:2px solid #d9dde3;table-layout:unset}
.stock-table tbody td:nth-of-type(1){width:60px}
.stock-table tbody td:nth-of-type(2){padding-left:0}
.stock-table tbody td:nth-of-type(2) .td-item1{min-width:58px;width:58px;display:-webkit-inline-box}
.stock-table tbody td:nth-of-type(3) div{float:right;max-width:100%}
.tw{width:16px;min-width:16px;height:16px;margin-right:0}
.usa{width:16px;min-width:16px;height:16px;margin-right:0}
.topic-table{border-top:2px solid #d9dde3;table-layout:unset}
.topic-table tbody td:nth-of-type(2){width:160px}
.topic-table tbody td:nth-of-type(1){white-space:unset}
.topic-table tbody td:nth-of-type(1) .td-item2{margin-left:0;text-overflow:unset;overflow:unset;white-space:unset;margin-top:4px}
.topic-table img{width:120px;height:68px;border-radius:1.7px;background-color:#d8d8d8}
.empty-area{border-radius:4px;background-color:#f2f5fa;width:100%;height:194px}
.empty-area .center{width:100%;height:100%;flex-direction:column}
.empty-area .center img{width:68px;height:68px}
.no-result-text {padding-top:16px;color: #9fadc3;}

/****** RWD Setting ******/
@media screen and (max-width:767px){
form{background-image:unset;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(207, 213, 225, 0.5)), linear-gradient(to bottom, #f2f5fa, #f2f5fa)}
.tab-header{justify-content:center}
.search-area{height:82px;padding-left:20px;padding-right:20px}
.search-bar{width:100%}
.search-bar-text{height:44px;width:291px;font-size: 14px;font-weight: normal;line-height: 1.71;width:100%}
.search-bar .search{height:44px;width:44px}
.search-bar .search img{height:24px;width:24px}
.deco{height:12px}
div.hot-area{margin-bottom:50px;padding-left:16px}
.result-area.hide ~ div.hot-area{margin-top:24px}
.hot-title{margin-top:24px;display:flex}
.tags{margin-top:8px}
.result-area{margin:24px 0 32px 0}
.result-desc{margin:20px 0 13px 0}
.stock-table thead tr{visibility:collapse}
.stock-table tbody td:nth-of-type(1){width:40px}
.stock-table tbody td:nth-of-type(3){width:55%}
.stock-table tbody td:nth-of-type(2){padding:8px 8px 7.5px 0}
.stock-table tbody td:nth-of-type(2) .td-item1{display:block;width:100%}
.stock-table tbody td:nth-of-type(2) .td-item2{width:100%;font-size:12px;font-weight:400}
.stock-table tbody td:nth-of-type(3){padding:8px 8px 7.5px 0}
.stock-table tbody td:nth-of-type(3) div{float:right;max-width:100%}
.topic-table thead td:nth-of-type(2){width:0}
.topic-table tbody td:nth-of-type(2){display:none}
.topic-table tbody td:nth-of-type(1) .td-item2{margin-top:4px}
.empty-area{height:136px}
.empty-area img{width:48px;height:48px}
.no-result-text {padding-top:12px;}
}