@charset "utf-8";

/*-------------------------------------------------------------------
                                SPECIAL AREA
--------------------------------------------------------------------*/
.special_area {
    width: 100%;
    text-align: center;
    background: #333
}

.special_area .special_banner {
    position: relative;
    width: 1080px;
    /* height:200px; */
    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: 610
}

.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 {
    /* float:right; */
}

.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 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    background: #fff;
}

.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_resultarea .placeholde_on {
    display: none
}
.search_resultarea.ai .placeholde_on {
    display: inline-block
}
.search_resultarea.ai .placeholde_off {
    display: none;
}



.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
}

/* .btn_allmenu.open:after{
    content:"";
    position:absolute;
    top:29px;
    left:90px;
    width:680px;
    height:25px;
    background:#fff;
} */
.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: 64px;
    left: -5%;
    display: block;
    width: 110%;
    height: auto;
    padding: 50px 0;
    border-bottom: 1px solid #333;
    background: #fff;
    z-index: 11
}

.search_box.open:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 54px;
    width: 1080px;
    height: 1px;
    background: #333
}

.search_area {
    position: relative;
    width: 800px;
    margin: 0 auto
}
.search_area::after {
    content: "";
    position: absolute;
    top: 0;
    right: 201px;
    width: 30px;
    height: 47px;
    background: #FFFFFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.search_area>div {
    text-align: center;
}

.search_area input {
    width: 530px;
    height: 50px;
    padding-right: 60px;
    border: 0;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: -1px;
    text-indent: 20px;
    outline: none;
    border-bottom: 3px solid #333;
}

.search_area input::placeholder {
    color: #333;
    font-size: 20px
}

.search_area label {
    position: relative;
    font-size: 0;
    cursor: pointer;
}

.search_area label.btn_detailsearch:after {
    content: "";
    position: absolute;
    top: -20px;
    left: -43px;
    width: 29px;
    height: 28px;
    background: url('https://image.edaily.co.kr/images/content/background.png') no-repeat;
    background-position: -398px -103px
}

.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: inline-block;
    margin-left: 20px;
}

.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: -24px;
    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: 17px;
    font-weight: 600
}

.menus li.global a {
    color: #b6403e;
}

.menus li a:hover {
    text-decoration: underline
}

.etc_content {
    position: relative;
    width: 203px;
    float: right
}

/* .etc_content:after{
    content:"";
    position:absolute;
    bottom:-25px;
    right:0;
    width:220px;
    height:2px;
    background:#333
} */
.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: 20px;
    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: 17px;
    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: 1px 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;
}

/* 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 {
    font-size: 19px;
    line-height: 19px;
    font-weight: 600
}


/*-------------------------------------------------------------------
                                특별페이지
--------------------------------------------------------------------*/
.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::after {
    position: absolute;
    content: "";
    right: 0px;
    width: 758px;
    height: 100px;
    cursor: pointer;
}
*/
ul.tv_tabs li:last-child {
    border-bottom: none;
}

/*
ul.tv_tabs li.current{
    color: #FFF;
    width: 350px;
    margin-left: -30px !important;
    padding-left: 30px;
}
*/
.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%;
}