@charset "utf-8";
/* CSS Document */
#page_description_area .description-container .description:after { width: 365px; height: 396px; background: url(../../../images/sub/toptier/description.png); top: 40px; }

/* 탑티어 소개영상 */
#container .content .content-area .content-content .intro-video .video-type-select { height: 50px; width: 320px; display: block; margin: 0 auto 40px; }
#container .content .content-area .content-content .intro-video .video-type-select ul { display: block; height: 100%; }
#container .content .content-area .content-content .intro-video .video-type-select ul:after { content: ''; clear: both; height: 0; display: block; }
#container .content .content-area .content-content .intro-video .video-type-select ul li { float: left; height: 100%; width: 50%; }
#container .content .content-area .content-content .intro-video .video-type-select ul li a { font-size: 15px; text-align: center; display: block; height: 100%; background: #fff; border: 1px solid #dcdcdc; line-height: 48px; color: #9d9d9d; }
#container .content .content-area .content-content .intro-video .video-type-select ul li.select a { background: #5283e0; color: #fff; border-color: #5283e0; }
#container .content .content-area .content-content .intro-video .video-area { height: 420px; cursor: pointer; }
#container .content .content-area .content-content .intro-video.employment .video-area { background: url(../../../images/sub/toptier/intro_video_bg_01.png); background-repeat: no-repeat; background-size: cover; }
#container .content .content-area .content-content .intro-video.exam .video-area { background: url(../../../images/sub/toptier/intro_video_bg_02.png); background-repeat: no-repeat; background-size: cover; }
#container .content .content-area .content-content .intro-video .video-area video { outline: 0; width: 100%; height: 100%; }

#container .content .content-area .content-content .intro-video .area-list-wrap { margin-top: 35px; }
#container .content .content-area .content-content .intro-video .area-list-wrap:after { height: 0; clear: both; content: ''; display: block; }
#container .content .content-area .content-content .intro-video .area-list-wrap .employment-field { float: left; }
#container .content .content-area .content-content .intro-video .area-list-wrap .exam-field { float: right; }
#container .content .content-area .content-content .intro-video .area-list-wrap>div { width: 340px; border-radius: 5px; overflow: hidden; box-shadow: 25px 25px 40px -15px rgba(0,0,0,0.15); }
#container .content .content-area .content-content .intro-video .area-list-wrap>div h3 { background: #dcdcdc; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; }
#container .content .content-area .content-content .intro-video .area-list-wrap>div ul { height: 255px; background: #fff; padding: 25px 30px; }
#container .content .content-area .content-content .intro-video .area-list-wrap>div ul li { display: block; font-size: 17px; color: #dcdcdc; font-weight: bold; line-height: 48px; border-bottom: 1px solid #eaeaea; padding-left: 27px; position: relative; }
#container .content .content-area .content-content .intro-video .area-list-wrap>div ul li:before { position: absolute; width: 17px; height: 12px; background: url(../../../images/sub/toptier/check_ico.png); content: ''; left: 0; top: 18px; background-position: 0 0; }
#container .content .content-area .content-content .intro-video.employment .area-list-wrap>div.employment-field h3,
#container .content .content-area .content-content .intro-video.exam .area-list-wrap>div.exam-field h3 { background: #5283e0; }
#container .content .content-area .content-content .intro-video.employment .area-list-wrap>div.employment-field ul li,
#container .content .content-area .content-content .intro-video.exam .area-list-wrap>div.exam-field ul li { color: #555; }
#container .content .content-area .content-content .intro-video.employment .area-list-wrap>div.employment-field ul li:before,
#container .content .content-area .content-content .intro-video.exam .area-list-wrap>div.exam-field ul li:before { position: absolute; width: 17px; height: 12px; background: url(../../../images/sub/toptier/check_ico.png); content: ''; left: 0; top: 18px; background-position: 0 -12px; }

/* 에디터 프로필 */
#container .content .content-area .content-content .editor-profile { margin-top: 30px; }
#container .content .content-area .content-content .editor-profile .editor-select .medal-info { display: block; line-height: 18px; font-size: 13px; font-weight: bold; line-height: 18px; margin-bottom: 25px; }
#container .content .content-area .content-content .editor-profile .editor-select .medal-info .medal-ico { width: 15px; height: 18px; display: inline-block; vertical-align: top; margin-right: 5px; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list { position: relative; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul { display: block; width: 590px; margin: 0 auto; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul:after { clear: both; height: 0; content: ''; display: block; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li { float: left; width: 25%; position: relative; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a { display: block; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a .img-area { width: 100%; height: 170px; overflow: hidden; position: relative; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a .img-area img { width: 100%; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a .txt-area { text-align: center; margin-top: 17px; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a .txt-area .name { font-size: 17px; font-weight: bold; margin-bottom: 3px; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a .txt-area .field { font-size: 14px; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a:hover .img-area:after,
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li.select a .img-area:after { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; border: 3px solid #5283e0; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a:hover .txt-area .name,
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li a:hover .txt-area .field,
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li.select a .txt-area .name,
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li.select a .txt-area .field { color: #5283e0; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list ul li.veteran:before { width: 30px; height: 36px; position: absolute; z-index: 1; content: ''; background: url(../../../images/sub/toptier/medal.svg); left: 9px; top: 10px; }

#container .content .content-area .content-content .editor-profile .editor-select .editor-list .navi-btn { background: none; outline: 0; border: none; width: 25px; height: 48px; position: absolute; top: 65px; cursor: pointer; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list .navi-btn:hover { opacity: 0.6; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list .navi-btn.left { left: 0; }
#container .content .content-area .content-content .editor-profile .editor-select .editor-list .navi-btn.right { right: 0; }

#container .content .content-area .content-content .editor-profile .select-editor-info { margin-top: 35px; }
#container .content .content-area .content-content .editor-profile .select-editor-info:after { content: ''; height: 0; clear: both; display: block; }
#container .content .content-area .content-content .editor-profile .select-editor-info .img-area { width: 190px; float: left; text-align: center; }
#container .content .content-area .content-content .editor-profile .select-editor-info .img-area .img-box { width: 100%; height: 245px; border: 1px solid #dcdcdc; background: #fff; overflow: hidden; position: relative; }
#container .content .content-area .content-content .editor-profile .select-editor-info .img-area .img-box:before { width: 30px; height: 36px; position: absolute; z-index: 1; content: ''; background: url(../../../images/sub/toptier/medal.svg); left: 9px; top: 10px; }
#container .content .content-area .content-content .editor-profile .select-editor-info .img-area .img-box img { width: 100%; }
#container .content .content-area .content-content .editor-profile .select-editor-info .img-area .name { font-size: 25px; display: block; margin-top: 20px; font-weight: bold; color: #555; }
#container .content .content-area .content-content .editor-profile .select-editor-info .img-area .comment { background: #E8E8E8; padding: 15px; margin-top: 20px; border-radius: 5px; font-weight: bold; line-height: 20px; }

#container .content .content-area .content-content .editor-profile .select-editor-info .txt-area { width: 525px; background: #fff; border: 1px solid #dcdcdc; padding: 35px 40px; float: right; }
#container .content .content-area .content-content .editor-profile .select-editor-info .txt-area h4 { font-size: 19px; color: #555; margin-bottom: 30px; }
#container .content .content-area .content-content .editor-profile .select-editor-info .txt-area table { font-size: 16px; color: #555; }
#container .content .content-area .content-content .editor-profile .select-editor-info .txt-area table tbody tr { border-bottom: 15px solid #fff; }
#container .content .content-area .content-content .editor-profile .select-editor-info .txt-area table tbody tr th { vertical-align: top; font-weight: bold; width: 50px; text-align: left; }
#container .content .content-area .content-content .editor-profile .select-editor-info .txt-area table tbody tr td .imp { color: #5283e0; }

/* 탑티어 퀄리티 */
#container .content .content-area .content-content .quality-wrap { margin-top: 60px; text-align: center; }
#container .content .content-area .content-content .quality-wrap h3 { font-size: 28px; color: #2d2d2d; margin-bottom: 22px; }
#container .content .content-area .content-content .quality-wrap p { font-size: 15px; line-height: 25px; font-weight: bold; }
#container .content .content-area .content-content .quality-wrap p .imp { color: #5283e0; }
#container .content .content-area .content-content .quality-wrap img { margin-top: 30px; }
#container .content .content-area .content-content .quality-wrap .view-sample-btn { height: 40px; display: inline-block; line-height: 40px; background: #5BA8A8; color: #fff; padding: 0 20px; float: left; }

/* 첨삭후기 */
#container .content .content-area .content-content .review-wrap .review-type-select { height: 50px; width: 480px; display: block; margin: 0 auto 40px; }
#container .content .content-area .content-content .review-wrap .review-type-select ul { display: block; height: 100%; }
#container .content .content-area .content-content .review-wrap .review-type-select ul:after { content: ''; clear: both; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .review-type-select ul li { float: left; height: 100%; width: 33.3333%; }
#container .content .content-area .content-content .review-wrap .review-type-select ul li a { font-size: 15px; text-align: center; display: block; height: 100%; background: #fff; border: 1px solid #dcdcdc; border-right: none; line-height: 48px; color: #9d9d9d; }
#container .content .content-area .content-content .review-wrap .review-type-select ul li:last-child a { border-right: 1px solid #dcdcdc; }
#container .content .content-area .content-content .review-wrap .review-type-select ul li.select a { background: #5283e0; color: #fff; border-color: #5283e0; }
#container .content .content-area .content-content .review-wrap .video-area { height: 420px; cursor: pointer; }
#container .content .content-area .content-content .review-wrap .search-box { background: #fff; border: 1px solid #e5e7e9; height: 48px; border-radius: 3px; position: relative; box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.1); }
#container .content .content-area .content-content .review-wrap .search-box input[type=text] { height: 100%; width: 100%; padding-left: 17px; padding-right: 62px; line-height: 46px; }
#container .content .content-area .content-content .review-wrap .search-box .search-btn { background: #5283e0; border: none; height: 27px; line-height: 27px; font-size: 13px; color: #fff; width: 44px; border-radius: 3px; position: absolute; top: 9px; right: 9px; cursor: pointer; outline: 0; z-index: 2; }

#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer { position: absolute; z-index: 2; top: 47px; background: #fff; left: 0; width: 100%; border-left: 1px solid #e5e7e9; border-right: 1px solid #e5e7e9; border-bottom: 1px solid #e5e7e9; box-shadow: 0 20px 20px -15px rgba(0,0,0,0.1); height: 300px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .discovered-comp { float: left; width: 200px; border-right: 1px solid #eee; height: 100%; padding: 5px 0; overflow-y: auto; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .discovered-comp .comp { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 3px 10px; cursor: pointer; font-size: 13px; color: #2d2d2d; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .discovered-comp .comp .auto-border { color: #E80000; font-weight: normal; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .discovered-comp .comp:hover { background: #f8f8f8; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area { float: right; width: 535px; height: 100%; padding: 30px; overflow-y: auto; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .logo-area { width: 145px; height: 100px; border: 1px solid #dcdcdc; text-align: center; float: left; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .logo-area img { margin-top: 25px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area { float: right; width: 285px;  }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .comp-name { font-size: 16px; font-weight: bold; color: #2d2d2d; display: block; margin-bottom: 5px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .comp-scale,
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .comp-ksic { font-size: 13px; font-weight: bold; display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .review-count-area { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e5e5; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .review-count-area .review-count { float: left; width: 33.3333%; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .review-count-area .review-count .head { font-size: 12px; font-weight: bold; color: #ababab; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .comp-info-top .info-area .review-count-area .review-count .count { font-size: 16px; font-weight: bold; }

#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list { padding-top: 20px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li { display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review { border-bottom: 1px solid #e5e5e5; padding: 15px 0; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li:last-child .review { border-bottom: none; padding-bottom: 0; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .img { float: left; width: 50px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .img img { width: 50px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-info { float: left; width: 100px; margin-left: 15px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-review { float: right; width: 285px; }

#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-info span { display: block; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-info .info-name { font-weight: bold; font-size: 13px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-info .info-type { color: #aaa; font-size: 12px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-info .info-satisfy { color: #5283e0; font-size: 12px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-review { font-size: 13px; }
#container .content .content-area .content-content .review-wrap .search-box .detail-search-layer .comp-info-area .review-list ul li .review .desc-review .review-date { color: #999; font-size: 12px; }

#container .content .content-area .content-content .review-wrap .comp-info-box { width: 100%; height: 100%; padding: 60px; overflow-y: auto; background: #fff; border: 1px solid #dcdcdc; margin-top: 25px; }
#container .content .content-area .content-content .review-wrap .comp-info-box:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .logo-area { width: 250px; height: 150px; border: 1px solid #dcdcdc; text-align: center; float: left; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .logo-area img { margin-top: 50px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area { float: right; width: 320px;  }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .comp-name { font-size: 17px; font-weight: bold; color: #2d2d2d; display: block; margin-bottom: 5px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .comp-scale,
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .comp-ksic { font-size: 14px; font-weight: bold; display: block; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .review-count-area { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e5e5; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .review-count-area .review-count { float: left; width: 33.3333%; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .review-count-area .review-count .head { font-size: 13px; font-weight: bold; color: #ababab; }
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-top .info-area .review-count-area .review-count .count { font-size: 18px; font-weight: bold; }

#container .content .content-area .content-content .review-wrap .comp-info-box .review-list { padding-top: 50px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li { display: block; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review:after { clear: both; content: ''; height: 0; display: block; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review { border-bottom: 1px solid #e5e5e5; padding: 15px 0; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li:last-child .review { border-bottom: none; padding-bottom: 0; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .img { float: left; width: 70px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .img img { width: 70px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-info { float: left; width: 100px; margin-left: 15px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-review { float: right; width: 400px; }

#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-info span { display: block; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-info .info-name { font-weight: bold; font-size: 14px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-info .info-type { color: #aaa; font-size: 13px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-info .info-satisfy { color: #5283e0; font-size: 13px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-review { font-size: 14px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .review-list ul li .review .desc-review .review-date { color: #999; font-size: 13px; margin-top: 5px; }

/* 기업추천 디폴트 */
#container .content .content-area .content-content .review-wrap .comp-info-box .comp-info-title { font-size: 20px; font-weight: bold; color: #5283E0; margin-bottom: 20px; display: block; border-bottom: 1px solid #EBEEF3; padding-bottom: 15px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top { padding: 30px 0; border-bottom: 1px solid #EBEEF3; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top:first-child { padding-top: 0; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top .logo-area { position: relative; overflow: hidden; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top .logo-area .view-btn-layer { position: absolute; z-index: 2; left: 0; top: 0; background: rgba(0,0,0,0.2); width: 100%; height: 100%; opacity: 0; transition: opacity .25s ease; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top .logo-area .view-btn { background: #285BFF; color: #fff; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 100px; border-radius: 3px; font-size: 13px; position: absolute; left: 50%; margin-left: -50px; top: 150%; margin-top: -15px; z-index: 3; transition: background .25s ease, top .25s ease; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top .logo-area .view-btn:hover { background: #194BEF; top: 50%; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top:hover .logo-area .view-btn-layer { opacity: 1; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .comp-info-top:hover .logo-area .view-btn { top: 50%; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .more-view-btn { width: 100%; height: 45px; background: #E8ECF4; border: none; outline: 0; color: #999; font-size: 14px; font-weight: bold; cursor: pointer; line-height: 45px; margin-top: 20px; }
#container .content .content-area .content-content .review-wrap .comp-info-box .recommendation-list .more-view-btn img { width: 20px; vertical-align: top; opacity: .3; margin-top: 11px; margin-left: 10px; }

/* 유사기업 후기 */
.smlr-match-list { position: relative; margin-top: 60px; }
.smlr-match-list a.arrow { position: absolute; display: block; top: 115px; height: 26px; width: 13px; }
.smlr-match-list a.arrow img { height: 100%; }
.smlr-match-list a.arrow.prev { left: -33px; }
.smlr-match-list a.arrow.next { right: -33px; }
.smlr-match-list ul li { float: left; width: 111px; margin-right: 15px; cursor: pointer; }
.smlr-match-list ul li:nth-child(5n) { margin-right: 0; }
.smlr-match-list ul li .logo-area { width: 100%; height: 80px; border: 1px solid #dcdcdc; text-align: center; overflow: hidden; position: relative; }
.smlr-match-list ul li .logo-area img { margin-top: 20px; max-width: 100%; }
.smlr-match-list ul li .logo-area .view-btn-layer { position: absolute; z-index: 2; left: 0; top: 0; background: rgba(0,0,0,0.2); width: 100%; height: 100%; opacity: 0; transition: opacity .25s ease; }
.smlr-match-list ul li .logo-area .view-btn { background: #285BFF; color: #fff; display: inline-block; height: 23px; line-height: 23px; text-align: center; width: 80px; border-radius: 3px; font-size: 12px; position: absolute; left: 50%; margin-left: -40px; top: 150%; margin-top: -12px; z-index: 3; transition: background .25s ease, top .25s ease; }
.smlr-match-list ul li .logo-area .view-btn:hover { background: #194BEF; top: 50%; }
.smlr-match-list ul li:hover .logo-area .view-btn-layer { opacity: 1; }
.smlr-match-list ul li:hover .logo-area .view-btn { top: 50%; }
.smlr-match-list ul li .comp-name { text-align: center; font-size: 12.5px; font-weight: 600; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px;}
.smlr-match-list ul li .count { text-align: center; font-size: 12px; font-weight: 800; color: #9e9e9e; }