@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-box-sizing:border-box}
button{background:none;border:0}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
a:link{text-decoration:none}
a:hover{text-decoration:none;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:active{border:0;color:#333;text-decoration:none}
body{line-height:1;background:#fff;color:#333;letter-spacing:-0.05rem}
ol,ul{list-style:none}
b, em, i{font-style:normal}
html, body{margin:0;padding:0;border:none;color:#333;font-style:normal;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;height:100%;width:100%}
html, body, button, h1, h2, h3,h4, h5, input, select, table, textarea{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif;font-size:17px;line-height:1.5em;font-weight:normal;letter-spacing:-0.03em;}
p, a, h1, h2, h3, h4, h5{transform:skew(-0.1deg)}
figure{display:flex}

/*-------------------------------------------------------------------
                                BASIC
-------------------------------------------------------------------*/
#skip_nav{position:relative;z-index:3000}
#skip_nav a{position:absolute;top:-9999em;left:0;display:block;padding:20px;color:#fff;text-decoration:none;outline:none;background:#e60012;z-index:1000}
#skip_nav a:focus{top:0;z-index:1000}

.center1024{max-width:1024px;margin:0 auto}
.center1200{max-width:1200px;margin:0 auto}
img{width:100%;height:100%;object-fit:cover;aspect-ratio:9/6;object-position: top;}
/* iframe{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9} */


/*-------------------------------------------------------------------
                                HEADER
-------------------------------------------------------------------*/
/***** Live News *****/
.livenews{
    overflow:hidden;
    width:100%;
    background:#333
}
.livenews_box{
    display:flex;
    justify-content:center;
    align-items:center;
    column-gap:20px;
    height:50px;
}
.livenews_box>*:first-child{
    flex:0 0 80px
}
.sw_realtimenews{
    height:40px;
}
.sw_realtimenews .swiper-slide{
    display:flex!important;
    align-items:center;
}
.sw_realtimenews{
    position:relative;
}
.sw_realtimenews::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:25px;
    height:100%;
    background:linear-gradient(270deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
    z-index:1
}

/***** GNB *****/
.gnb{
    max-width:1024px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.main_gnb{
    display:flex;
    justify-content:space-between;
    align-items:end;
}
.sticky_top.gnb.move, 
.sticky_top.main_gnb.move{
    display:flex;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:20px;
    margin-top:0!important;
    /* border-bottom:2px solid #333; */
    box-shadow:0px 7px 10px #00000021;
    z-index:10;
    background:#fff;
    -webkit-animation:fade-in-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation:fade-in-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ETC 헤더 */
.main_gnb.etc{
    max-width:1200px;
    margin:20px auto;
}
.sticky_top.move{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    box-shadow:0px 7px 10px #00000021;
    background:#fff;
    -webkit-animation:fade-in-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation:fade-in-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    z-index:10;
}
.list_title{
    font-size:1.6rem;
    font-weight:600
}

/* 헤더 탑배너 */
.lg_top_ad {
    position: relative; 
    margin: 0 auto; 
    width:100%; 
    max-width: 1080px;
    /* height: 47px; */
}
.lg_top_ad a img {
    display: block;
    height: 100%;
    width: 100%;
    aspect-ratio: auto;
}
.close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0px 7px;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.3rem;
    color: #b6403e;
    opacity: 0.8;
    background: #FFF;
}
.close:hover {
    border: 0;
    cursor: pointer;
    opacity: .75;
    background: #fff;
}

/* 20231130 상단 탑배너 추가 */
/* .lg_320banner{position:relative;display:flex;justify-content: center;} */
/* .lg_320banner::before{content:"";position:absolute;right:0;width:50%;height:50px;} */
.lg_320banner > a {width:100%!important;height:100%!important}
.lg_320banner img {aspect-ratio: unset;}
.m_close {    
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 9;
    padding: 0px 7px;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    color: #b6403e;
}
.m_close:after {
    display: inline-block; 
    content: "\00d7"; 
    font-size:1.3rem;
}

/***** 전체메뉴 *****/
.allmenu{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:15
}
.allmenu.on{
    display:block;
}
.top_allmenu_wrap{
    display:flex;
    flex-direction:column;
    gap:45px;
    overflow-y:scroll;
    height:100%;
    padding-bottom: 30px;
}
.allmenu .btn_close{
    position:absolute;
    top:20px;
    right:20px;
    width:30px;
    height:30px;
}
.menulist{
    display:flex;
    flex-direction: column;
    row-gap:15px;
}
.menulist a{
    font-size:1.1rem;
    color:#999
}
.top_allmenu_wrap.etc{
    display:flex;
    flex-direction:column;
    gap:45px;
}



/***** 검색하기 *****/
.search_detail {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:170px;
    bottom:0;
    border-top: 1px solid #333;
    background-color:rgba(0, 0, 0, .7);
    z-index:11
}
.search_detail.etc{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:70px;
    bottom:0;
    border-top: 1px solid #333;
    background-color:rgba(0, 0, 0, .4);
    z-index:11
}
.search_window {
    position:relative;
    width:100%; 
    height:auto; 
    min-height:90px; 
    background:#FFF;
    z-index:9 !important;
}
.search_maininput {
    display:flex;
    justify-content:center;
}
.search_maininput > input { 
    padding:0 0 10px 0;
    width:100%;
    height:50px;
    border:0;
    border-radius:0;
    border-bottom:1px solid #333;
}
.search_maininput > input::placeholder {
    color:#fff;
    font-size:20px;
}
.search_maininput > label {
    position:relative;
    top:0;
    left:-30px;
    font-size:0
}
.search_maininput > label::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:30px;
    height:30px; 
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st0%7Bfill:%23333%7D%3C/style%3E%3Cpath d='M15 5c5.5 0 10 4.5 10 10s-4.5 10-10 10S5 20.5 5 15 9.5 5 15 5m0-2C8.4 3 3 8.4 3 15s5.4 12 12 12 12-5.4 12-12S21.6 3 15 3z' class='st0'/%3E%3Cpath d='m22.7 21.5-1.4 1.4 3.5 3.5 1.5-1.4-3.6-3.5z' class='st0'/%3E%3C/svg%3E");
}
.allmenu.on, 
.search_detail.on {
    display:block;
    -webkit-animation:swing-in-right-bck .6s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-right-bck .1s cubic-bezier(.175,.885,.32,1.275) both
}
.search_detail.on.move {
    top:70px;
}
.search_words_area {
    width:100%;
    height:auto;
}
.ico_search.on::after{
    left:0;
    top:0;
    width:30px;
    height:30px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 70.9 70.9' viewBox='0 0 70.9 70.9'%3E%3Cpath d='m38 36.4 10.3-10.3c.7-.7.7-1.8 0-2.5s-1.8-.7-2.5 0L35.5 33.9 25.2 23.6c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5L33 36.4 22.7 46.8c-.7.7-.7 1.8 0 2.5.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5L35.4 39l10.3 10.3c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5.7-.7.7-1.8 0-2.5L38 36.4z' style='fill:%23333'/%3E%3C/svg%3E");
}
.gnb .ico_close, 
.main_gnb .ico_close{
    display:none!important
}
.gnb .ico_close.on,
.main_gnb .ico_close.on{
    display:inline-block!important
}
.ico_search.hidden{
    display:none!important
}
.ttl_area {
    width:100%;
    height:40px;
    background:#fff;
}
.ttl_area p {
    float:left;
    font-weight:600;
}
.ttl_area button {
    float:right;
    border-bottom:1px solid #ccc;
}
#current_search_history_area {
    width:100%;
    background:#fff;
    font-size:0.90rem;
    line-height:29px;
    color:#5A5A5A;
    display:block;
    padding-bottom:15px;
}
#current_search_history_area li {
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}
#current_search_history_area li button span {
    font-size:22px;
    color:#999;
}
.search_logo > .edaily_logo > a {
    position:relative;
    display:inline-block;
    font-size:0;
    height:30px;
    margin-top:22px;
    margin-left:20px;
}
.search_logo > .edaily_logo > a::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:115px;
    height:30px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 150 40' version='1.1' viewBox='0 0 150 40'%3E%3Cstyle%3E.st0%7Bfill:%23e60012%7D%3C/style%3E%3Cpath d='M29 35.9h6.8V4.1H29v31.8M22.9 8.7c-2-1.5-4.7-2.3-7.3-2.3s-5.3.8-7.2 2.3S5 12.4 5 15.4s1.3 5.3 3.3 6.8 4.6 2.3 7.3 2.3c2.6 0 5.4-.8 7.3-2.3s3.3-3.8 3.3-6.8-1.3-5.2-3.3-6.7zM20.6 18c-1.3.6-3.1.8-4.9.8-1.8 0-3.6-.3-5-.8-1.3-.6-2.3-1.5-2.3-2.6s.9-2 2.3-2.5 3.2-.8 5-.8c1.8 0 3.6.3 4.9.8 1.3.6 2.3 1.4 2.3 2.6-.1 1.1-1 1.9-2.3 2.5zM138.3 4.1v18.4h-17.8v-4.4h12.8c.3 0 .5-.1.7-.2.1-.1.2-.3.2-.6V6.6c0-.2-.1-.3-.2-.4-.1-.1-.2-.1-.4-.1h-18.8v4h13.6v4.3h-13.6v8.3c0 2.2 1.9 3.9 5.6 3.9h18v9.3h6.7V4.1h-6.8zM55.4 6.7v3.7h-7.5v12.3h9v3.6H41.8V6.8l13.6-.1' class='st0'/%3E%3Cpath d='M58.7 14v.1h-6.4v4h6.4v17.8h6V4.1h-6V14M66.2 4.1h5.9v31.7h-5.9zM101.6 4.1h7v16.3h-7zM88.4 32c-.1 0-.1-.1-.1-.2v-1.5h19.4c.3 0 .5-.1.7-.2.1-.1.2-.3.2-.6v-7c0-.2 0-.3-.1-.3-.1-.1-.2-.1-.4-.1H82.2v3.3h19.4v1.7H82.2v3.2c0 .6.2 2 1.1 3.1.9 1.2 2.7 2.4 6 2.4h19.3V32h-20c-.1.1-.1.1-.2 0M94.7 6.9C92.8 5.6 90.3 5 87.8 5c-2.4 0-5 .7-6.9 1.9-1.9 1.3-3.1 3.2-3.1 5.7s1.2 4.4 3.1 5.7c1.9 1.3 4.3 1.9 6.9 1.9 2.4 0 5-.7 6.9-1.9 1.9-1.3 3.1-3.2 3.1-5.7s-1.3-4.4-3.1-5.7zm-2.3 7.8c-1.2.5-2.8.7-4.4.7-1.6 0-3.3-.2-4.5-.7s-2.1-1.1-2.1-2c0-.8.8-1.5 2.1-1.9 1.2-.5 2.8-.7 4.5-.7 1.6 0 3.2.2 4.4.7 1.2.4 2 1 2 1.9s-.9 1.5-2 2z' class='st0'/%3E%3C/svg%3E");
}



/*-------------------------------------------------------------------
                                FOOTER
-------------------------------------------------------------------*/
#footer{
    width:100%;
    color:#fff;
    background:#333;
}
#footer a{
    color:#fff;
}










/*-------------------------------------------------------------------
                            MEDIAQUERY
-------------------------------------------------------------------*/
@media (min-width:320px){
    .square{aspect-ratio:9/6.5} 
}
@media (min-width:340px){
    
}

@media (min-width:360px){
    
}

@media (min-width:420px){
    img{aspect-ratio:9/5}
    .square{aspect-ratio:9/9} 
    
    .lg_top_ad {
        height: 100%;
    }
}

@media (min-width:460px){
    
}

@media (min-width:520px){
    
}

@media (min-width:640px){
    .top_allmenu_wrap{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap:25px;
    }
}

@media (min-width:820px){

}
    
@media (min-width:1024px){
    .top_allmenu_wrap{
        grid-template-columns: repeat(3, 1fr);
    }
}