@charset "UTF-8";

/* 한경 입법 익스플로러 M UI
 * 2024.07
 */
 
/* skip nav */
.skip-navi {position:relative; z-index:9999}
.skip-navi a {display:block; width:100%; font-size:0; line-height:0}
.skip-navi a:focus {padding:20px 0; font-size:14px; line-height:12px; color:#fff; text-align:center; background:#121212}

/* ad */
.ad-area {position:relative; margin:32px 0; text-align:center}
.ad-area .ad-inner {display:flex; align-items:center; justify-content:center; max-width:300px; min-height:250px; margin:0 auto}
.ad-area .ad-label {margin-bottom:8px; font-size:12px}
.ad-area.bg {padding:16px 0 22px; background:#f7f7f7}

/* common contents */
/* icon */
.i-subscribe::before {content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 7.875V5.1c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.984-.984c-.48-.245-1.11-.245-2.371-.245H6.6c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C3 3.209 3 3.839 3 5.1v7.8c0 1.26 0 1.89.245 2.371.216.424.56.768.984.984.48.245 1.11.245 2.371.245H9m1.5-8.25H6m1.5 3H6m6-6H6m7.5 10.5v-4.5m-2.25 2.25h4.5' style='stroke:%23121212;stroke:color(display-p3 .0706 .0706 .0706);stroke-opacity:1'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.i-blank::before {content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 6.75v-4.5m0 0h-4.5m4.5 0L9 9M7.5 2.25H5.85c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984c-.245.48-.245 1.11-.245 2.371v6.3c0 1.26 0 1.89.245 2.371.216.424.56.768.984.984.48.245 1.11.245 2.371.245h6.3c1.26 0 1.89 0 2.371-.245.424-.216.768-.56.984-.984.245-.48.245-1.11.245-2.371V10.5' style='stroke:%23121212;stroke:color(display-p3 .0706 .0706 .0706);stroke-opacity:1'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}

/* button */
.container .btn-link {display:inline-flex; align-items:center; gap:7px; padding:0 20px; border:1px solid #585858; border-radius:25rem; box-sizing:border-box; font-size:14px; line-height:36px; text-underline-offset:2px}

/* badge */
.badge-positive,
.badge-negative,
.badge-neutral {display:inline-flex; align-items:center; justify-content:center; gap:4px; height:26px; padding:0 10px 0 8px; border-radius:25rem; color:#fff; font-weight:bold; font-size:12px}
.badge-positive:has(>.blind),
.badge-negative:has(>.blind),
.badge-neutral:has(>.blind) {width:26px; padding:0; border-radius:100%}


.badge-positive::before,
.badge-negative::before,
.badge-neutral::before {content:''; flex:0 0 auto; display:inline-block; width:18px; height:18px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain}
.badge-positive {background:#FF2E64}
.badge-positive::before {background-image:url('https://static.hankyung.com/resource/www/legi-explorer/img/icon-positive.svg')}
.badge-negative {background:#0061C5}
.badge-negative::before {background-image:url('https://static.hankyung.com/resource/www/legi-explorer/img/icon-negative.svg')}
.badge-neutral {background:#8C9296}
.badge-neutral::before {background-image:url('https://static.hankyung.com/resource/www/legi-explorer/img/icon-neutral.svg')}

.badge-info {display:inline-flex; align-items:center; padding:0 6px; border:1px solid #ddd; border-radius:4px; background:#fff; font-weight:normal; font-size:14px; line-height:26px; box-sizing:border-box}
.badge-stock {display:inline-flex; align-items:center; padding:0 6px; border:1px solid #F5F5F7; border-radius:4px; background:#F5F5F7; font-size:14px; line-height:26px; box-sizing:border-box}
.badge-stock:hover {background-color:#ededef}

.badge-sm {font-size:12px; line-height:22px}

/* forms */
.inptxt {display:block; width:100%; height:44px; line-height:44px; padding:0 16px; border:1px solid #585858; border-radius:8px; background:#fff; box-sizing:border-box; outline:none; font-size:16px}
.inptxt::placeholder {color:#888}
.inptxt:-ms-input-placeholder {color:#888}
.inptxt:disabled,
.inptxt[readonly] {background:#eee; cursor:not-allowed}
.inptxt[type=search]::-ms-clear,
.inptxt[type=search]::-ms-reveal {display:none; width:0; height:0}
.inptxt[type="search"]::-webkit-search-decoration,
.inptxt[type="search"]::-webkit-search-cancel-button,
.inptxt[type="search"]::-webkit-search-results-button,
.inptxt[type="search"]::-webkit-search-results-decoration {display:none}

textarea::placeholder {color:#888}
textarea:-ms-input-placeholder {color:#888}

.dropdown-layer {position:relative}
.dropdown-layer .dropdown-toggle {display:inline-flex; align-items:center; justify-content:space-between; gap:4px; width:100%; height:32px; line-height:38px; padding:0 8px 0 12px; border:1px solid #585858; border-radius:8px; background:#fff; box-sizing:border-box; outline:none; font-size:14px; text-align:left}
.dropdown-layer .dropdown-toggle .text {display:block; flex:1 1 auto; padding-right:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dropdown-layer .dropdown-toggle::after {content:''; flex:0 0 auto; display:inline-block; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 9 6 6 6-6' style='stroke:%23121212;stroke:color(display-p3 .0706 .0706 .0706);stroke-opacity:1'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;}
.dropdown-layer .dropdown-toggle[data-value=""] .text {color:#888}
.dropdown-layer .dropdown-cont {display:none; position:absolute; left:0; top:32px; z-index:2; width:100%; border:1px solid #585858; border-top:none; border-radius:0 0 8px 8px; background:#fff; box-sizing:border-box}
.dropdown-layer .dropdown-menu {padding:4px 0; font-size:14px}
.dropdown-layer .dropdown-menu a {display:block; padding:8px 12px; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dropdown-layer .dropdown-menu a:hover {background:#F7F7F7}
.dropdown-layer.active {z-index:3}
.dropdown-layer.active .dropdown-toggle {border-bottom-left-radius:0; border-bottom-right-radius:0}
.dropdown-layer.active .dropdown-toggle::after {transform:rotate(180deg)}
.dropdown-layer.active .dropdown-cont {display:block}

/* layout */
.container-inner {padding:24px 20px; word-break:break-all}

/* main */
.section-intro {display:flex; flex-direction:column; gap:12px; padding-bottom:24px}
.section-intro .intro-tit {font-weight:700; font-size:20px}
.section-intro .desc {margin-top:5px; font-size:14px; line-height:1.5}

.intro-tit.logo__legiexplorer {margin-top:-8px}
.intro-tit.logo__legiexplorer::before {width:126px; height:32px}

.legi-search-box {margin:0 -20px 16px; padding:32px 20px; background:#F7F7F9}
.legi-search-box .search-area {display:flex; flex-direction:column; gap:12px}
.legi-search-box .search-area > label {font-weight:700; font-size:16px}
.legi-search-box .search-input {flex:1; position:relative; width:100%}
.legi-search-box .search-input .inptxt {padding:0 81px 0 16px; transition:all ease .25s}
.legi-search-box .search-input .inptxt:focus,
.legi-search-box .search-input .inptxt.on {border-color:#0A2D6B}

.legi-search-box .search-input .btn-legi-search {position:absolute; top:0; right:0; padding:10px 12px 10px 10px}
.legi-search-box .search-input .btn-legi-search::before {content:''; display:inline-block; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m17.5 17.5-5-5m1.667-4.167a5.833 5.833 0 1 1-11.667 0 5.833 5.833 0 0 1 11.667 0Z' style='stroke:%23121212;stroke:color(display-p3 .0706 .0706 .0706);stroke-opacity:1'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.legi-search-box .search-input .btn-inptxt-clear {position:absolute; top:50%; right:50px; padding:12px 6px; transform:translateY(-50%); opacity:0; pointer-events:none}
.legi-search-box .search-input .btn-inptxt-clear::before {content:''; display:inline-block; width:20px; height:20px; border-radius:100%; background-color:#888; background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%); background-size:50% 2px,2px 50%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg); box-sizing:border-box; vertical-align:top}
.legi-search-box .search-input .btn-inptxt-clear.on {opacity:1; pointer-events:auto}
.legi-search-box .search-recommend {margin-top:20px}
.legi-search-box .search-recommend > .tit {font-weight:400; font-size:12px}
.legi-search-box .search-recommend .keyword-list {display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.legi-search-box .search-recommend .keyword {display:inline-flex; align-items:center; padding:0 8px; border-radius:4px; box-sizing:border-box; background:#fff; font-size:14px; line-height:27px; text-underline-offset:2px}

.proposer-info {display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.proposer-info .proposer-name {flex:0 0 auto; font-size:14px}
.proposer-info .badge-group {/*flex:1;*/ display:inline-flex; flex-wrap:wrap; gap:4px}
.affected-stocks {display:flex; flex-wrap:wrap; gap:6px; align-items:center}

.star-grade-warp {width:80px; height:12px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%23CCC' d='M5.699.187a.336.336 0 0 1 .602 0l1.594 3.23c.049.1.143.168.253.184l3.564.518c.276.04.386.378.186.572L9.32 7.205a.336.336 0 0 0-.097.297l.61 3.55a.336.336 0 0 1-.488.354L6.156 9.73a.336.336 0 0 0-.312 0l-3.188 1.676a.336.336 0 0 1-.487-.354l.608-3.55a.336.336 0 0 0-.096-.297L.101 4.691a.336.336 0 0 1 .187-.572L3.852 3.6a.336.336 0 0 0 .253-.184L5.699.187Z'/%3E%3C/svg%3E") repeat-x}
.star-grade-warp .star-grade {height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%2397D200' d='M5.699.187a.336.336 0 0 1 .602 0l1.594 3.23c.049.1.143.168.253.184l3.564.518c.276.04.386.378.186.572L9.32 7.205a.336.336 0 0 0-.097.297l.61 3.55a.336.336 0 0 1-.488.354L6.156 9.73a.336.336 0 0 0-.312 0l-3.188 1.676a.336.336 0 0 1-.487-.354l.608-3.55a.336.336 0 0 0-.096-.297L.101 4.691a.336.336 0 0 1 .187-.572L3.852 3.6a.336.336 0 0 0 .253-.184L5.699.187Z'/%3E%3C/svg%3E") repeat-x}
.star-grade-warp .star-grade[data-grade="a"] {width:100%}
.star-grade-warp .star-grade[data-grade="b"] {width:80%}
.star-grade-warp .star-grade[data-grade="c"] {width:60%}
.star-grade-warp .star-grade[data-grade="d"] {width:40%}
.star-grade-warp .star-grade[data-grade="e"] {width:20%}

.list-filter {display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.list-filter .dropdown-layer .dropdown-toggle,
.list-filter .dropdown-layer .dropdown-menu {font-size:12px}
.list-filter .search-result {font-size:12px}
.legi-list {border-top:1px solid #ccc}
.legi-list .legi-tit,
.legi-list .legi-desc {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; -webkit-box-orient:vertical}
.legi-list .legi-item {position:relative; display:block; padding:28px 0 32px; border-bottom:1px solid #e4e4e4; text-decoration:none; font-size:14px}

.legi-list .legi-item .legi-add-info {display:flex; flex-direction:column; gap:8px}
.legi-list .legi-item .proposer-info > [class^="badge-"] {flex:0 0 auto; display:block; white-space:nowrap; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.legi-list .legi-item .legi-tit {margin-top:12px; font-weight:700; font-size:18px; -webkit-line-clamp:2}
.legi-list .legi-item .legi-desc {margin-top:8px; color:var(--hk-text-secondary); line-height:1.6; -webkit-line-clamp:2}
.legi-list .legi-item .proposer-date {position:absolute; top:28px; right:0; font-size:12px}
.legi-list .legi-item .affected-stocks {margin-top:16px}
.data-mag {padding:64px 0; color:#888; font-weight:400; font-size:18px; text-align:center}
.select-paging {margin-top:24px}

.legi-list .legi-item .legi-add-info.likelihood-info {flex-direction:row; align-items:center; gap:4px; margin-bottom:20px}
.legi-likelihood-mark {display:inline-flex; align-items:center; gap:8px; height:28px; padding:0 12px; border-radius:25rem; box-sizing:border-box; background:#F7F7F9}
.legi-likelihood-mark .tit {font-size:12px}

/* 상세 */
.legi-detail-wrap .detail-head {margin-bottom:20px}
.legi-detail-wrap .detail-head .badge-info {margin-right:6px; vertical-align:2px}
.legi-detail-wrap .detail-head .legi-tit {display:inline; font-weight:700; font-size:18px; line-height:1.5}
.legi-detail-wrap .detail-item > .tit {font-weight:700; font-size:16px}
.legi-detail-wrap .detail-item > .cont {margin-top:8px}
.legi-detail-wrap .detail-data {display:grid; row-gap:16px; column-gap:20px; grid-template-columns:repeat(2, calc(50% - 10px))}
.legi-detail-wrap .detail-data > .item {display:flex; align-items:center}
.legi-detail-wrap .detail-data > .item > dt {flex:0 0 auto; width:60px; font-weight:700; white-space:nowrap}
.legi-detail-wrap .detail-data > .item > dd {flex:1}
.legi-detail-wrap .legi-schedule {display:flex; flex-direction:column; gap:20px; margin:0 -20px; padding:20px 20px 24px; background:#F7F7F9}
.legi-detail-wrap .legi-schedule .detail-item > .cont {padding:12px; border-radius:8px; background:#fff}
.legi-detail-wrap .legi-detail-info > .detail-item {padding:16px 0; border-top:1px solid #eee}
.legi-detail-wrap .legi-detail-info > .detail-item.division {border-top-color:#ddd}
.legi-detail-wrap .legi-detail-info > .detail-item:first-child {border-top:none}
.legi-detail-wrap .legi-detail-info .detail-item > .cont {line-height:1.6}
.legi-detail-wrap .more-detail {display:flex; justify-content:center; margin-top:24px}
.legi-detail-wrap .proposer-info {flex-direction:column; align-items:flex-start}

/* news item */
.cont-module {margin:16px 0; padding:16px; border:1px solid #ddd; border-radius:10px}
.module-tit-wrap {margin-bottom:8px}
.module-tit-wrap .module-tit {font-weight:bold; font-size:16px}

.news-tit,
.lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-wrap:break-word; -webkit-box-orient:vertical}

.thumb {position:relative; overflow:hidden}
.thumb > a {display:block; width:100%; height:100%}
.thumb img {width:100%; height:100%; object-fit:cover; object-position:center top}

.thumb > .thumb-icon {position:absolute; right:15px; bottom:15px; width:50px; height:50px; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; background-size:contain; color:transparent; text-indent:-9999px; pointer-events:none; transform-origin:right bottom}
.thumb-icon.thumb-vod {background-image:url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-video.svg')}
.thumb-icon.thumb-audio {background-image:url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-audio.svg')}
.thumb-icon.thumb-graph {background-image:url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-graph.svg')}
.thumb-icon.thumb-photo {background-image:url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-photo.svg')}
.thumb-icon.thumb-slide {background-image:url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-slide.svg')}

.rel-news {display:flex; flex-direction:column; gap:16px}
.rel-news .news-item {display:flex; align-items:center; gap:16px}
.rel-news .news-item .text-cont {--thumb-width:96px; --thumb-gap:16px; flex:1 1 auto; width:calc(100% - (var(--thumb-width) + var(--thumb-gap)))}
.rel-news .news-item .news-tit {-webkit-line-clamp:2; font-weight:400; font-size:16px; line-height:1.4}
.rel-news .news-item .thumb {flex:0 0 auto; width:96px; height:60px}
.rel-news .news-item .thumb::after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}

/* 문의처 */
.contact-area {display:flex; flex-direction:column; gap:8px; max-width:720px; margin:0 auto; padding:28px 20px; box-sizing:border-box; background:#F7F7F9; font-size:14px}
.contact-area .tit {font-weight:700; font-size:16px}
.contact-area .contact-list {display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.contact-area .item {display:inline-flex; align-items:center; gap:6px; letter-spacing:0}
.contact-area .item-email::before,
.contact-area .item-tel::before {content:''; display:inline-block; width:16px; height:16px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat}
.contact-area .item-email::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.125 4.999 4.448 3.193a.728.728 0 0 0 .854 0L12.875 5M3.5 13.165h9c.828 0 1.5-.696 1.5-1.555V5.388c0-.86-.672-1.556-1.5-1.556h-9c-.828 0-1.5.696-1.5 1.556v6.222c0 .859.672 1.555 1.5 1.555Z' style='stroke:%23444;stroke:color(display-p3 .2667 .2667 .2667);stroke-opacity:1'/%3E%3C/svg%3E")}
.contact-area .item-tel::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.775 13.013s-.773.759-.962.981c-.309.33-.672.485-1.148.485-.046 0-.095 0-.14-.003-.907-.058-1.75-.412-2.382-.713a13.56 13.56 0 0 1-4.506-3.523C3.595 8.988 2.899 7.83 2.438 6.587c-.284-.759-.387-1.35-.342-1.907.03-.357.168-.652.422-.905l1.04-1.04c.15-.14.31-.215.465-.215.192 0 .348.115.446.213l.009.009c.186.174.363.353.55.545.094.098.192.195.29.296l.833.832c.324.323.324.621 0 .944-.089.089-.174.177-.263.262-.256.262-.055.061-.32.299-.006.006-.012.009-.016.015-.262.262-.213.518-.158.692l.009.027c.217.524.522 1.018.986 1.606l.003.003c.843 1.036 1.731 1.843 2.711 2.462.125.08.254.143.376.204.11.055.214.107.302.162.012.006.024.015.037.02a.663.663 0 0 0 .302.077c.253 0 .412-.159.464-.21l.598-.598c.104-.103.27-.228.461-.228.19 0 .345.119.44.222l.006.006 1.682 1.68c.315.31.004.953.004.953Z' style='stroke:%23444;stroke:color(display-p3 .2667 .2667 .2667);stroke-opacity:1'/%3E%3C/svg%3E")}
.contact-area ~ .footer-module {margin-top:0}


@media all and (max-width:359px){
	.legi-detail-wrap .detail-data {column-gap:0; grid-template-columns:repeat(1, 100%)}
    .legi-detail-wrap .detail-data > .item > dt {width:80px}
}
@media all and (max-width:335px){
    .legi-likelihood-mark .tit {display:none}
}

/* dark mode */
@media (prefers-color-scheme: dark) {
    .i-subscribe::before,
    .i-blank::before,
    .legi-search-box .search-input .btn-legi-search::before,
    .dropdown-layer .dropdown-toggle::after {filter:invert() brightness(10)}

    .ad-area.bg {background:#1c1c1e}

    .dropdown-layer .dropdown-toggle,
    .dropdown-layer .dropdown-cont {background:#1c1c1e; border:none} 
    .dropdown-layer .dropdown-cont {border-top:1px solid #323235}
    .legi-list,
    .legi-list .legi-item,
    .legi-detail-wrap .legi-detail-info > .detail-item,
    .legi-detail-wrap .legi-detail-info > .detail-item.division  {border-color:#323235; border-width:.5px}
    .dropdown-layer .dropdown-menu a:hover {background:#555}
    .inptxt,
    .container .btn-link {border:none; background:#1c1c1e}
    .legi-search-box,
    .legi-detail-wrap .legi-schedule {background:#1c1c1e}
    .legi-search-box .search-input .inptxt, 
    .legi-search-box .search-recommend .keyword ,
    .legi-detail-wrap .legi-schedule .detail-item > .cont {background:#000}
    .badge-info {background:#000; border-color:#323235; border-width:.5px}
    .badge-stock,
    .badge-stock:hover {background:#1c1c1e; border-color:#1c1c1e}

    .cont-module {border:none; background:#1c1c1e}

    .contact-area {background:#1c1c1e}
    .contact-area .item-email::before,
    .contact-area .item-tel::before {filter:invert(1)}

    .legi-likelihood-mark {background:#1c1c1e}
}