@charset "utf-8";

/*-------------------------------------------------------------------
                                SPECIAL AREA
--------------------------------------------------------------------*/
.special_area {
    width: 100%;
    text-align: center;
    background: #333
}
.special_area .special_banner {
    position: relative;
    width: 1080px;
    margin: 0 auto
}
.special_area .special_banner .btn_close a {
    position: absolute;
    top: 0;
    right: -30px;
    width: 25px;
    height: 25px;
    font-size: 0;
}
.special_area .special_banner .btn_close a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -440px -110px
}

/*special_show 추가*/
.special_area .special_show {
    position: relative;
    width: 1080px;
    /* height:200px; */
    margin: 0 auto
}
.special_area .special_show .btn_close a {
    position: absolute;
    top: 0;
    right: -30px;
    width: 25px;
    height: 25px;
    font-size: 0;
}
.special_area .special_show .btn_close a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -440px -110px
}

/*-------------------------------------------------------------------
                                BANNER
--------------------------------------------------------------------*/
.banner_300x100 {
    text-align: center
}
.ad_600_100 {
    overflow: hidden;
    width: 600px;
    height: 100px;
    margin: 0 auto
}
.ad_600_100 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.boxbanner_250x250 {
    display: inline-block;
    *display: inline;
    width: 300px;
    height: 300px;
    padding: 25px;
    box-sizing: border-box;
    background: #f8f8f8;
    zoom: 1
}
.out_right_ad.main_ad_wing,
.out_right_ad.read_ad_wing {
    position: fixed;
    top: 238px;
    right: 50%;
    margin-right: -720px;
    z-index: 499
}
.out_right_gg.main_gg_wing,
.out_right_gg.read_gg_wing {
    position: fixed;
    top: 238px;
    right: 50%;
    margin-right: -720px;
    z-index: 610
}
.out_left_ad {
    position: absolute;
    top: 1px;
    left: -140px
}
.out_left_ad {
    position: absolute;
    top: 1px;
    left: -140px
}

/********** 2021선거 배너 *********/
.vote_banner {
    text-align: right
}
.vote_banner img {
    width: 203px;
}
.vote_banner {
    display: none;
    position: relative;
    top: 0px;
    right: 20px;
    float: right;
    height: 40px;
    margin: 0 0 0 10px;
    font-size: 0;
}
.sticky-wrapper.is-sticky .vote_banner {
    display: inline-block;
}

/*-------------------------------------------------------------------
                                HEADER
--------------------------------------------------------------------*/
.sub_gnb {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    font-size: 13px;
}
.sub_gnb:after {
    content: "";
    display: block;
    clear: both
}
.securities {
    overflow: hidden;
    float: left;
    width: 250px;
    height: 17px;
    margin: 0 0 0 60px !important;
    font-size: 13px;
    color: #666
}
.securities>div>div>b {
    padding: 0 5px 0 0;
    color: #333
}
.arrow_up {
    position: relative;
    padding: 0 0 0 17px;
}
.arrow_up:after {
    content: "▲";
    position: absolute;
    top: -1px;
    left: 3px;
    font-size: 11px;
    color: #e60012
}
.arrow_up,
.arrow_up>em {
    color: #e60012
}
.arrow_down {
    position: relative;
    padding: 0 0 0 17px;
}
.arrow_down:after {
    content: "▼";
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 11px;
    color: #009df7
}
.arrow_down,
.arrow_down>em {
    color: #009df7
}
.login_boxs ul li {
    float: left;
    padding: 0 0 0 15px;
    font-size: 13px;
}
.login_boxs ul li:last-child a {
    color: #e60012
}

/********** GNB **********/
#logo_h1 a {
    float: left;
    width: 362px;
    height: 40px;
    margin: 10px 0 0 10px;
    font-size: 0;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -19px -250px;
}
#logo_h1.sticky_logo {
    display: none;
    position: relative;
    top: 6px;
    float: left;
    height: 40px;
    margin: 0 0 0 10px;
    font-size: 0;
}
#logo_h1.sticky_logo a {
    width: 97px;
    height: 22px;
    margin: 0 0 0 10px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -683px -107px;
}
.sticky-wrapper.is-sticky #logo_h1.sticky_logo {
    display: inline-block;
}

/* 날씨 */
.weather_box {
    position: absolute;
    top: -65px;
    left: 193px;
}
.weather {
    overflow: hidden;
    width: 130px;
    height: 22px;
    margin: -4px 0 0 0;
    padding: 0 0 0 10px;
    line-height: 22px;
}
.securities .slick-next,
.securities .slick-prev {
    display: none !important
}
.weather .w_icon {
    position: relative;
    display: inline-block;
    margin: 0 0 0 7px;
    color: #fff;
}
.weather .w_icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
}
.weather .w_icon.sunny:after {
    width: 22px;
    height: 21px;
    background-position: -488px -24px;
}
.weather .w_icon.rainy:after {
    width: 22px;
    height: 21px;
    background-position: -530px -24px;
}
.weather .w_icon.cloudy:after {
    width: 22px;
    height: 21px;
    background-position: -572px -24px;
}
.weather .w_icon.snowy:after {
    width: 22px;
    height: 21px;
    background-position: -614px -24px;
}
.weather .w_icon.windy:after {
    width: 22px;
    height: 21px;
    background-position: -656px -24px;
}
.weather .w_icon.lightning:after {
    width: 22px;
    height: 21px;
    background-position: -698px -24px;
}

/* SNS */
.sns_area ul li {
    position: relative;
    float: left;
    font-size: 0;
    margin: 0 15px 0 0
}
.sns_area ul li a:hover {
    opacity: 0.5
}
.sns_area ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    text-indent: -9999px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
}
.sns_area ul li.sns_naver {
    width: 13px;
    height: 18px;
}
.sns_area ul li.sns_naver a:after {
    width: 13px;
    height: 18px;
    background-position: -553px -56px
}
.sns_area ul li.sns_facebook {
    width: 10px;
    height: 18px;
}
.sns_area ul li.sns_facebook a:after {
    width: 10px;
    height: 18px;
    background-position: -378px -56px
}
.sns_area ul li.sns_twitter {
    width: 17px;
    height: 18px;
}
.sns_area ul li.sns_twitter a:after {
    width: 17px;
    height: 18px;
    background-position: -407px -56px
}
.sns_area ul li.sns_youtube {
    width: 19px;
    height: 18px;
}
.sns_area ul li.sns_youtube a:after {
    width: 19px;
    height: 18px;
    background-position: -444px -56px
}
.sns_area ul li.sns_rss {
    width: 12px;
    height: 18px;
}
.sns_area ul li.sns_rss a:after {
    width: 12px;
    height: 18px;
    background-position: -483px -56px
}
.sns_area ul li.sns_email {
    width: 18px;
    height: 18px;
}
.sns_area ul li.sns_email a:after {
    width: 18px;
    height: 18px;
    background-position: -515px -56px
}

/* menu */
.menu_area {
    font-family: Noto Sans KR;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    border-top: 1px solid #333;
    border-bottom: 4px solid #333;
    background: #fff;
    letter-spacing: -0.05rem;
}
.menu_area:after {
    content: "";
    display: block;
    clear: both
}

/* 스위치 */
.switch_wraps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 530px;
    margin:20px auto 0 auto;
}
.switch_srea {
    display: flex;
    align-items: center;
    gap: 10px;
}
.aisearch_txt {
    font-size: 16px;
}
.aisearch_txt strong {
    color:#4d6bfe
}
.switching {
    position: relative;
    display: inline-block;
    width: 31px;
    height: 18px;
}
.switching input {
    display: none;
}
.sliding {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    border-radius: 34px;
}
.sliding::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}
input:checked+.sliding {
    background-color: #4d6bfe;
}
input:checked+.sliding::before {
    transform: translateX(12px);
}
.by_perplexity {
    display: none;
}
.by_perplexity.ai {
    display: flex;
    white-space: nowrap;
    gap: 5px;
    width:112px;
    margin-right: 13px;
    color:#999
}
.by_perplexity > *:last-child {
    margin-top: 3px
}
.search_resultarea.ai input {
    border-bottom: 3px solid #4d6bfe;
}
.search_article_ai{
    display: none;
}
.search_article_ai.show{
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.search_article_base{
    display: none;
}
.search_article_base.show{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.search_article_ai input, 
.search_article_base input {
    width: 600px;
    height: 50px;
    border: 0;
    color:#fff;
    font-size: 20px;
    text-indent: 15px;
    border-bottom: 2px solid #fff;
    outline: none;
    background:none
}
.search_article_ai input::placeholder {
    color: #fff!important;
}
.search_article_base {
    display: none;
}
.search_article_base input {
    color:#333;
    border-bottom: 2px solid #333;
}
.btn_allmenu {
    float: left;
    width: 21px;
    height: 21px;
    font-size: 0;
    cursor: pointer;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -276px -108px
}
.btn_allmenu.open {
    width: 21px;
    height: 21px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -317px -107px
}
.allmenu_box {
    display: none;
    position: absolute;
    top: 64px;
    left: -5%;
    width: 110%;
    padding: 0 30px 30px 30px;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
    background: #fff;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: slidein;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    z-index: 11
}
.allmenu_box:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 54px;
    width: 1080px;
    height: 1px;
    background: #333
}
.allmenu_box.open {
    display: block;
}
.allmenu_box dl {
    float: left;
    width: 14.2%;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.allmenu_box dl dt {
    margin: 30px 0 0 0;
    font-weight: 600;
    font-size: 16px;
}
.allmenu_box dl dd {
    margin: 15px 0 0 0;
}
.allmenu_box dl dd:nth-child(2) {
    margin: 20px 0 0 0;
}
.allmenu_box dl dd a {
    font-size: 15px;
    color: #999
}
.allmenu_box dl dd a:hover {
    text-decoration: underline;
    color: #333
}
.menu_articlearea {
    display: flex;
    align-items: center;
    gap: 20px;
}
.btn_aichatwraps {
    display: inline-flex;
}
.icon_aichat {
    width: 27px;
    height: 21px;
    background: none
}
.btn_aichatwraps_tex {
    display: flex;
    align-items: center;
    height: 25px;
    color:#fff!important;
    padding: 0 15px;
    letter-spacing: -0.1rem;
    font-weight:600;
    /* border-radius: 50px; */
    background: #4d6bfe;
    transition: all .5s ease;
}
.btn_aichatwraps_tex:hover {
    background: #114d92;
    transition: all .5s ease;
}
.btn_search {
    display: flex;
    width: 21px;
    height: 21px;
    font-size: 0;
    cursor: pointer;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -358px -108px
}
.btn_search.open {
    width: 21px;
    height: 21px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -317px -107px
}
.search_box {
    display: none;
}
.search_box.open {
    position: absolute;
    top: 169px;
    left: 0;
    display: block;
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #333;
    background: #fff;
    z-index: 500
}
.search_box.open::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1080px;
    height: 1px;
    background: #333
    
    
}
.search_box.ai.open {
    background: rgb(77 107 254 / 100%);
}
.sticky-wrapper.is-sticky .search_box.open {
    top: 207px
}
.ai_search_area {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    z-index:2
}
.search_taps {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.search_taps .btn {
    position: relative;
    display: flex;
    align-items:center;
    justify-content: center;
    width:76px;
    height: 30px;
    font-weight: 600;
    color: #333;
}
.search_taps .btn:hover {
    opacity: .8;
    transition:all .5s ease
}
.btn.ai.active {
    color:#4d6bfe;
    background: #fff
}
.btn.base {
    color:#fff;
}
.btn.base.active {
    color:#fff;
    background: #333
}
.btn.ai.active::after, 
.btn.base.active::after {
    content:"";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -10px;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-right: 5px solid transparent;
}
.btn.base.active::after {
    border-left: 5px solid #333;
}

.icon_only {
    position: absolute;
    top: 0;
    left: 0;
    font-size:0;
    z-index: 5
}
.icon_only, 
.icon_only::after {
    width: 96px!important;
    height: 30px;
}
.icon_only.sm, 
.icon_only.sm::after {
    width: 61px!important;
    height: 19px;
}
.icon_only::after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://image.edaily.co.kr/images/content/mark_only.png') no-repeat;
    background-size: contain;
}
.icon_only.big {
    position:relative;
    display: inline-block;
    top:-12px;
    left:0;
    margin-right: 20px;
}
.icon_only.big, 
.icon_only.big::after {
    width: 115px!important;
    height: 38px;
}
.icon_only.big::after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://image.edaily.co.kr/images/content/mark_only_b.png') no-repeat;
    background-size: contain;
}
.icon_only.main {
    left: unset;
    top: 0;
    right: 0
}
.icon_only.main, 
.icon_only.main::after {
    width: 64px!important;
    height: 64px;
}
.icon_only.main::after {
    background: url('https://image.edaily.co.kr/images/content/mark_only_main.png') no-repeat;
}
.icon_only.span {
    position: relative;
    display: inline-block;
    top: 3px;
    left: 0;
    right: 0;
    margin-right: 10px;
}
.icon_only.mini {
    position: relative;
    display: inline-block;
    top: 3px;
    left: 0;
    right: 0;
    margin-right: 10px;
}
.icon_only.mini, 
.icon_only.mini::after {
    width: 61px !important;
    height: 19px;
}

.logo_pharm {
    position: relative;
    font-size: 0;
}
.logo_pharm::after {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 169px;
    height: 17px;
    background: url('https://image.edaily.co.kr/images/content/logo_pharm.png') no-repeat
}
.title_md {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
    word-wrap: break-word;
    text-overflow:ellipsis;
    font-size: 18px;
    line-height: 24px;
}
.title_h1 {
    font-family: Noto Sans KR;
    font-size: 34px;
    font-weight: 600;
    margin-top: -5px;
}
.title_lg {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
    word-wrap: break-word;
    text-overflow:ellipsis;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600
}
.sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    word-wrap: break-word;
    text-overflow:ellipsis;
    font-size: 14px;
    line-height: 20px;
}
.aichat_videosize {
    position: relative;
    display: none;
    width: 100%;
    height: 110px;
    object-fit: cover;
    opacity: .2;
    transition: all .5s ease;
}
.aichat_videosize.show {
    display: block;
}
.ai_search_area>div {
    text-align: center;
}
.placeholde_off {
    width: 530px;
    height: 50px;
    padding-right: 60px;
    border: 0;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: -1px;
    text-indent: 20px;
    outline: none;
    background: none;
    border-bottom: 3px solid #fff!important;
}
.ai_search_area input::placeholder {
    color: #333;
    font-size: 20px
}
.ai_search_area label {
    position: relative;
    left: -10px;
    top: -40px;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 0;
    cursor: pointer;
}
.search_article_ai .btn_detailsearch:after, 
.search_article_base .btn_detailsearch:after {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Cpath d='M29 0C13 0 0 13 0 29s13 29 29 29 12.6-2.2 17.5-5.8l4.7 4.7c1.6 1.6 4.1 1.6 5.7 0 1.6-1.6 1.6-4.1 0-5.7l-4.7-4.7c3.7-4.9 5.9-10.9 5.9-17.5C58 13 45 0 29 0Zm0 8c11.6 0 21 9.4 21 21s-9.4 21-21 21S8 40.6 8 29 17.4 8 29 8Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.search_article_base .btn_detailsearch:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Cpath d='M29 0C13 0 0 13 0 29s13 29 29 29 12.6-2.2 17.5-5.8l4.7 4.7c1.6 1.6 4.1 1.6 5.7 0 1.6-1.6 1.6-4.1 0-5.7l-4.7-4.7c3.7-4.9 5.9-10.9 5.9-17.5C58 13 45 0 29 0Zm0 8c11.6 0 21 9.4 21 21s-9.4 21-21 21S8 40.6 8 29 17.4 8 29 8Z' style='fill:%23333'/%3E%3C/svg%3E");
}
.ai_search_area .by_intro {
    position: absolute;
    bottom:0;
    font-size:9px;
    color:#fff;
    font-weight: 300;
    letter-spacing:0
}
.searchterm {
    margin: 80px 0 0 0;
}
.searchterm dt {
    margin: 0 15px 20px 15px;
    text-align: left;
    font-size: 18px;
    font-weight: 600
}
.searchterm dd {
    float: left;
    padding: 0 15px 20px 15px;
    font-size: 17px
}
.searchterm dd a {
    color: #e60012
}
.searchterm dt em {
    color: #e60012
}
.menus {
    position: relative;
    display: flex;
    align-items: center;
}
.menus li {
    float: left;
    margin: 0 0 0 17px
}
.menus li.on a {
    position: relative;
    color: #e60012
}
.menus li.on a:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e60012;
}
.menus li.on a:hover {
    text-decoration: none !important
}
.menus li:first-child {
    margin: 0 0 0 0
}
.menus li a {
    font-size: 16px;
    font-weight: 500
}
.menus li.global a {
    color: #b6403e;
}
.menus li a:hover {
    text-decoration: underline
}
.etc_content {
    position: relative;
    width: 203px;
    float: right
}
.etc_content li,
.etc_content li a {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    font-size: 0
}
.etc_content li:last-child,
.etc_content li:last-child a {
    margin: 0 0 0 0;
}
.etc_content li.icon_newsroom,
.etc_content li.icon_newsroom a {
    font-size: 0;
    width: 91px;
    height: 19px;
}
.etc_content li.icon_newsroom a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 91px;
    height: 19px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -261px -344px
}
.etc_content li.icon_sanptime,
.etc_content li.icon_sanptime a {
    width: 72px;
    height: 19px;
    font-size: 0
}
.etc_content li.icon_sanptime a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 19px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -82px -344px
}
.etc_content li a:hover {
    opacity: 0.5
}
.etc_content02 {
    position: relative;
    display: flex;
    gap: 17px;
    margin-left: auto;
}
.etc_content02:after {
    content: "";
    position: absolute;
    top: 0;
    left: -31px;
    /* width:1px; */
    height: 20px;
    background: #ddd
}
.etc_content02>li>a {
    font-size: 16px;
    font-weight: bold
}
.etc_content02>li>a:hover {
    text-decoration: underline
}
.color_pharm {
    color: #b6403e
}
.color_snap {
    color: #e60012
}

/********** sticky **********/
.sticky-wrapper.is-sticky .gnb {
    background: #fff;
    z-index: 500 !important
}
.sticky-wrapper.is-sticky .gnb .sticky_none {
    display: none
}
.sticky-wrapper.is-sticky .gnb .menu_area {
    border-bottom: 3px solid #333
}
.sticky-wrapper.is-sticky .gnb .etc_content:after {
    content: "";
    display: none
}

/* 20231226_GNB 속보 추가 */
.tnb_2023 {
    display: flex;
    justify-content: space-between
}
.quickpace {
    display: flex;
    column-gap: 20px;
    align-items: center;
    max-width: 700px;
    font-size: 13px;
}
.quickpace>p {
    white-space: nowrap;
    font-weight: 600
}
.quickpace .topSokbo span {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
    top: 2px
}
.quickpace .topSokbo span::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 4px;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 32 56'%3E%3Cpath d='M5.5 55.1 31 28 5.5.9 1.1 5.1 22.8 28 1.1 50.9z' style='fill:%23e60012'/%3E%3C/svg%3E");
}
.topSokbo {
    width: 100%;
    height: 21px;
    overflow: hidden;
}
.topSokbo .slick-slide {
    height: 21px !important;
}
.icon_gnbonlyed {
    opacity: 1;
    transition: all .5s ease
}
.icon_gnbonlyed:hover {
    opacity: .7;
    transition: all .5s ease
}
/* GNB Sticky 실시간뉴스 추가 */
.sticky-wrapper .sticky_livenews .quickpace {
    top: -200px
}
.sticky-wrapper.is-sticky .sticky_livenews .quickpace {
    top: 7px
}
.sticky_livenews {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 20px
}
.sticky_livenews .quickpace {
    position: absolute;
    left: 150px;
    top: 5px
}
.sticky-wrapper.is-sticky .quickpace .topSokbo span {
    max-width: 380px;
}

/* GNB Sticky 구독 로그인추가 */
.sticky-wrapper .loginarea_sticky {
    position: absolute;
    top: 500px;
    right: 0;
}
.sticky-wrapper.is-sticky .loginarea_sticky {
    top: 10px;
}
.default_height {
    overflow: hidden;
    height: 102px;
}
.sticky-wrapper.is-sticky .default_height {
    height: auto
}

/*-------------------------------------------------------------------
                                FOTTER
--------------------------------------------------------------------*/
#footers {
    width: 100%
}
#footers .notice {
    float: left;
    display: inline-block;
    width: 400px;
    margin: 0 0 0 20px
}
#footers .notice>div {
    word-wrap: break-word;
    overflow: hidden;
    display: inline-block;
    width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis
}
#footers input[id="input_email"] {
    position: relative;
    top: -10px;
    width: 280px;
    height: 34px;
    margin: 0 0 0 20px;
    text-indent: 20px;
}
input[id="input_email"]::-webkit-input-placeholder {
    color: #ddd;
    font-size: 13px;
}
input[id="input_email"]::-ms-input-placeholder {
    color: #ddd;
    font-size: 13px;
}
#footers label[for="input_email"] {
    position: relative;
    top: -8px;
    left: -5px;
    display: inline-block;
    width: 45px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: #333;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #footers label[for="input_email"] {
        position: relative;
        top: -9px;
        left: -5px;
        display: inline-block;
        width: 45px;
        height: 34px;
        line-height: 34px;
        font-size: 13px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        background: #333;
    }
}
.f_3section {
    margin: 50px 0
}
.f_3section:after {
    content: "";
    display: block;
    clear: both
}
.f_3section ul li {
    width: 340px;
    float: left;
    margin: 0 30px 0 0
}
.f_3section ul li:last-child {
    margin: 0 0 0 0
}
.f_3section ul li ul li a {
    overflow: hidden;
    display: inline-block;
    width: 340px;
    margin: 0 0 7px 0;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #999
}
.f_3section ul li ul li a:hover {
    color: #333;
    text-decoration: underline
}
.f_3section ul li ul li:last-child {
    margin: 0 0 0 0
}
.f_3section ul li.box div {
    width: 340px;
    margin: -10px 0 0 0;
}
.f_3section ul li.box div span a {
    float: left;
    height: 32px;
    line-height: 30px;
    padding: 0 8px;
    margin: 10px 10px 0 0;
    border: 1px solid #333;
    text-align: center;
}
.f_3section ul li.box div span a:hover {
    color: #fff;
    background: #333;
    border: 1px solid #333;
    text-align: center;
}
.f_3section ul li.box div span:last-child {
    margin-right: 0
}
#footers .f_logo {
    position: relative;
    float: left;
    font-size: 0;
    width: 117px;
    height: 27px;
}
#footers .f_logo a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 117px;
    height: 27px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -548px -104px
}
#footers .contact {
    float: left;
    margin: 0 0 0 45px;
}
#footers .contact p {
    font-size: 14px;
    margin: 0 0 10px 0
}
#footers .contact p em {
    padding: 0 10px;
    color: #ddd
}
#footers select {
    display: block;
    width: 190px;
    height: 40px;
    border: 0;
    border-bottom: 1px solid #333;
}
#footers .reserved {
    position: absolute;
    right: 0;
    bottom: -50px;
    font-size: 12px;
    color: #999
}
select::-ms-expand {
    display: none;
    /* 화살표 없애기 for IE10, 11*/
}
.f_navigation {
    overflow: hidden;
    width: 100%;
    margin: 70px 0 0 0;
    background: #333;
}
.f_navigation ul li a {
    float: left;
    width: 80px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    letter-spacing: -2px
}
.f_navigation ul li a:hover {
    background: #292929
}
.e_title {
    padding-left: 5px;
    font-size: 19px;
    line-height: 19px;
    font-weight: 600
}
.title_thebelt {
    display:flex;
    justify-content: space-between;
    align-items: end;
}
.title_thebelt img {
    width: 89px;
    height: 20px;;
}

/*-------------------------------------------------------------------
                                특별페이지
--------------------------------------------------------------------*/
.btn_special {
    overflow: hidden;
    position: absolute;
    top: 67px;
    left: 49%;
    width: 166px;
    height: 50px;
    margin-left: 93px;
    /* background: url('https://image.edaily.co.kr/images/content/icon_special_bg.png') no-repeat; */
    z-index: 3
}
.btn_special:hover {
    cursor: pointer;
}

.btn_special .slick-slide {
    width: 91px;
    margin: 30px 0 0 32px
}

.btn_special.slick-slider {
    position: absolute
}

.btn_special .slick-arrow {
    display: none !important
}

.mark_mousehover {
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 49.1%;
    width: auto;
    max-width: 225px;
    margin-left: 90px;
    padding: 3px 14px;
    font-size: 13px;
    color: #FFF;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #333333;
    z-index: 2
}

/*.is-sticky .mark_mousehover{
    position: absolute;
    top: 118px;
    left: 60%;
    margin-left: 90px;
    z-index: 4;
    width: auto;
    max-width: 225px;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}*/

.is-sticky .btn_special {
    top: 102px;
}

.is-sticky .special_box {
    top: 204px;
}

.btn_go {
    position: absolute;
    top: -15px;
    left: -30px;
    overflow: hidden;
    float: left;
    width: 30px;
    height: 190px;
    display: inline-block;
}
.special_box {
    display: none;
    position: absolute;
    top: 167px;
    left: 0;
    /* margin-left: -100px; */
    width: 100%;
    height: 580px;
    background: #333333;
    padding: 30px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #333;
    z-index: 99;
}
.special_box:active {
    display: block;
}
.special_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.special_box.show {
    display: block;
}
.special_box:after {
    display: none;
    content: "";
    position: absolute;
    bottom: -19px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1280px;
    height: 19px;
    background: url('https://image.edaily.co.kr/images/content/boxshadow.png') no-repeat;
    z-index: 5;
}
.sp_maintitle {
    position: relative;
    width: 140px;
    height: 160px;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    background: #fff;
    z-index: 1
}
.sp_maintitle>dl {
    display: table;
    height: 160px;
    margin-left: 15px
}
.sp_maintitle>dl>a {
    display: table-cell;
    vertical-align: middle;
}
.sp_maintitle>dl>a>dt {
    width: 91px;
    height: 84px;
    margin: 0 auto
}
.sp_maintitle>dl>a>dt,
.sp_maintitle>dl>a>dd {
    text-align: center
}
.sp_maintitle>dl>a>dd {
    margin-top: 10px;
}
.sp_mainnews {
    position: relative;
    left: -60px;
    width: 620px;
}
.sp_mainnews>dl>dt {
    overflow: hidden;
    float: left;
    width: 250px;
    height: 160px;
    margin-right: 20px;
}
.sp_mainnews>dl>dd {
    float: left;
    display: table;
    width: 350px;
    height: 160px
}
.sp_mainnews>dl>dd>ul {
    display: table-cell;
    vertical-align: middle;
}
.sp_mainnews>dl>dd>ul>a>li:first-child {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 25px
}
.sp_mainnews>dl>dd>ul>a>li:last-child {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}
.sp_subnews {
    width: 320px;
}
.sp_subnews>ul>li {
    position: relative;
    float: left;
    width: 150px;
    height: 160px;
}
.sp_subnews>ul>li:first-child {
    margin-right: 20px;
}
.sp_subnews>ul>li>a>div {
    overflow: hidden;
    width: 100%;
    height: 160px;
}
.sp_subnews>ul>li>a>p {
    position: absolute;
    bottom: 0;
    padding: 10px;
    z-index: 1
}
.sp_subnews>ul>li>a>p>span {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}
.sp_subnews>ul>li>a>p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000, transparent);
    z-index: -1
}
.btn_special span img {
    float: left;
    width: 166px;
    margin-left: -5px;
    margin-top: 1px;
}

/* 메인 공모주 영역 */
.stocks_area {
    position: relative;
    width: 100%;
    height: 54px;
    z-index: 9;
}
.stocks_hov {
    position: absolute;
    top: 20px;
    left: -15px;
    width: 110px;
    height: 58px;
}
.stocks_area h1 {
    float: left;
    margin-left: 113px;
    color: #FFF;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
}
.stocks_area .stocks_btn {
    position: absolute;
    top: 0px;
    right: 24px;
    width: 72px;
    height: 29px;
    border-radius: 2px;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #FFF;
    background: #cc0000;
}
.stocks_area .stocks_btn a {
    width: 72px;
    height: 39px;
    color: #FFF;
    cursor: pointer;
}
.stocks_part {
    width: 100%;
    height: 422px;
}
.stocks_part .stocks_part_l {
    float: left;
    width: 750px;
    height: 422px;
    overflow: hidden;
}
.stocks_part .stocks_part_r {
    float: right;
    width: 298px;
    height: 422px;
    border: 1px solid #e0e0e0;
}
.btn_xx {
    cursor: pointer;
}
.btn_xx img {
    width: 36px;
    height: 39px;
    position: absolute;
    right: -29px;
    top: -48px;
    z-index: 9999999;
}

/* Main 이유TV */
.tv_mark {
    position: absolute;
    top: -10px;
    right: 135px;
    width: 49px;
    height: 49px;
    cursor:
        pointer;
}
.tv_mark img {
    border-radius: 100px;
}
.bell_icon {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 19px;
    cursor: pointer;
    height: 19px;
}
.tv_area {
    position: relative;
    float: left;
    width: 284px;
    height: 65px;
    margin: 18px 0 20px 0;
}
.tv_img {
    float: left;
    width: 118px;
    height: 65px;
    margin-right: 16px;
    background: gray;
}
.tv_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tv_txt {
    float: left;
    width: 150px;
    max-height: 60px;
    text-align: left;
    padding: 4px 0;
}
.tv_txt .tv_tit {
    float: left;
    width: 150px;
    height: auto;
    max-height: 36px;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
}
.tv_txt .tv_tit span {
    color: #cc0000;
}
.tv_txt p.tv_date {
    float: left;
    margin-top: 10px;
    font-size: 11px;
    color: #ccc;
    letter-spacing: -0.5px;
}
.container_tv {
    position: relative;
    width: 1830px;
    margin: 0 auto;
    font-size: 14px;
}
ul.tv_tabs {
    float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #333;
    width: 355px;
    padding-left: 30px;
    margin-right: 0px;
    width: 1104px;
}
ul.tv_tabs li {
    color: #FFF;
    display: block;
    height: 103px;
    width: 320px;
    cursor: pointer;
    border-bottom: 1px solid #000;
}
ul.tv_tabs li:hover {
    background: #222;
    float: left;
    width: 100%;
    margin-left: -30px;
    padding-left: 30px;
}
ul.tv_tabs li:last-child {
    border-bottom: none;
}
.tab-content {
    display: none;
    background: #000;
    height: 407px;
    width: 725px;
    margin-top: 3px;
    z-index: 1;
    overflow: hidden;
}
.tab-content img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tab-content.current {
    display: inherit;
}

/*** 20240912_추석로고 ***/
.chuseok_logo {
    position: absolute;
    top: 20px;
    left: calc(50% - 660px);
}
.is-sticky .chuseok_logo {
    top: 100px;
    left: calc(50% - 640px);
}
.is-sticky .chuseok_logo img {
    width: 80%;
}