@charset "UTF-8";

@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");

@font-face {
    font-family: 'KoPubDotumMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/KoPubDotumMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@media all and (max-width:480px){
    
    nav{position: fixed;width: 100%;z-index: 100}

    #header-wrap .header-top{display: none}
    #header-wrap .header-top-right{display: none}
  
    .nav-mobile-wrap{min-width:280px;display: block}
    
    .nav-wrap{display: none}
    .nav-wrap .nav-area-pc .nav-right .search-area{display: none}
    
    .footer-sitemap{display: none}
    
    .search-popup-box{width: 90%;margin: 0 auto;padding: 100px 0 0 0;min-width: 280px}
    .search-popup-top .search-wrap .search-box input[type="text"]{width: 195px}
    
    .search-popup-close{position: absolute;right: 0;top:20px;width: 30px}
    .search-popup-logo{overflow: hidden;text-align: center}
    .search-popup-logo div{width: 180px;display: inline-block}
    
    .search-popup-logo p{width: 100%;text-align: center}
    .search-popup-logo p span{
        font-size: 20px;
        letter-spacing: -.065em;
        font-weight: 500;
    }
    .search-popup-bottom{border-top: 1px solid #ccc;padding: 20px 0 0 0;margin: 30px 0 0 0}
    .search-popup-bottom .title{margin: 0 0 20px 0}
    .search-news li{width: 100%;margin: 0 1% 2% 1%;border-bottom: 1px solid #ccc;padding: 0 0 20px 0}
    
    .footer-sitemap .footer-sitemap-area,.footer-bottom-area{width: 95%}
    .footer-top .footer-intro .footer-intro-area .family-site ul li{padding: 10px 0;width: 100%}
    .footer-top .footer-intro .footer-intro-area ul li{float: left;text-align: center;margin: 0 40px 0 0}
    .progress-container-nav{
        top:65px;
        width: 100%;
        height: 0.2em;
        margin-bottom: 0px;
        position: fixed;
        bottom:8px;
        overflow: hidden;
        content: "";
        display: table;
        table-layout: fixed;
        z-index: 101;
        background: #ccc;
    }
    
    .scroll-top{bottom:20px}
    .footer-top .footer-intro .footer-intro-area{width: 95%}
    .footer-top .footer-intro .footer-intro-area .family-site{display: none}
    .footer-top{display:none}
    .footer-bottom-area p:nth-child(1), .footer-bottom-area p:nth-child(2){display:none}
    .footer-bottom-area p:last-child{text-align:center}
    .footer-bottom-area p:last-child span{display:block}
    .footer-bottom-area p:last-child span:nth-child(1){display:none}
    .footer-bottom-area p:last-child a{ width:100%; padding:5px; border:1px solid #ccc; display:block; margin-top:10px; color:#999; box-sizing:border-box; font-size:14px; }
    .footer-bottom-area{padding:30px 0 0 0 !important}
    footer{margin:50px 0 0 0 !important}
    .mobile-ad-list{ display:block; width: 95%;padding: 0 2.5%}
    .mobile-ad-list > div, .mobile-ad-list > article{width: 90%; padding: 0 5%;margin: 0 auto !important}
    .pc-ad-list{display:none}
    
}
@media all and (min-width:481px) and (max-width:767px){
    
    nav{position: fixed;width: 100%;z-index: 100}

    #header-wrap .header-top{display: none}
    #header-wrap .header-top-right{display: none}
    
    .nav-mobile-wrap{display: block}
    
    .nav-wrap{display: none}
    .nav-wrap .nav-area-pc .nav-right .search-area{display: none}

    .footer-sitemap{display: none}
    
    .search-popup-box{width: 480px;margin: 0 auto;padding: 100px 0 0 0}
    .search-popup-top .search-wrap .search-box input[type="text"]{width: 390px}
    
    .search-popup-close{position: absolute;right: 0;top:20px;width: 30px}
    .search-popup-logo{overflow: hidden;text-align: center}
    .search-popup-logo div{width: 180px;display: inline-block}
    
    .search-popup-logo p{width: 100%;text-align: center}
    .search-popup-logo p span{
        font-size: 20px;
        letter-spacing: -.065em;
        font-weight: 500;
    }
    .search-popup-bottom{border-top: 1px solid #ccc;padding: 20px 0 0 0;margin: 30px 0 0 0}
    .search-popup-bottom .title{margin: 0 0 20px 0}
    .search-news{overflow: hidden}
    .search-news li{float: left;width: 48%;margin: 0 1%;padding: 0 0 20px 0}
    
    .footer-sitemap .footer-sitemap-area,.footer-bottom-area{width: 480px}
    
    .progress-container-nav{
        top:65px;
        width: 100%;
        height: 0.2em;
        margin-bottom: 0px;
        position: fixed;
        bottom:8px;
        overflow: hidden;
        content: "";
        display: table;
        table-layout: fixed;
        z-index: 101;
        background: #ccc;
    }
    
    .scroll-top{bottom:20px}
    .footer-top .footer-intro .footer-intro-area{width: 480px}
    .footer-top .footer-intro .footer-intro-area .family-site{display: none}
    .footer-top .footer-intro .footer-intro-area .family-site ul li{padding: 10px 0;width: 100%}
    .footer-top .footer-intro .footer-intro-area ul li{float: left;text-align: center;margin: 0 40px 0 0}
    .footer-top{ display:none; }
    .footer-bottom-area p:nth-child(1), .footer-bottom-area p:nth-child(2){display:none}
    .footer-bottom-area p:last-child span:nth-child(1){display:none}
    .footer-bottom-area p:last-child{text-align:center}
    .footer-bottom-area p:last-child span{display:block}
    .footer-bottom-area p:last-child a{width:100%; padding:5px; border:1px solid #ccc; display:block; margin-top:10px; color:#999; box-sizing:border-box; font-size:14px; }
    .footer-bottom-area{padding:30px 0 0 0 !important}
    footer{margin:50px 0 0 0 !important}
    .mobile-ad-list{ display:block; width: 95%;padding: 0 2.5%}
    .mobile-ad-list > div, .mobile-ad-list > article{width: 90%; padding: 0 5%;margin: 0 auto !important}
    .pc-ad-list{display:none}

}
@media all and (min-width:768px) and (max-width:1024px){
    
    nav{position: fixed;width: 100%;z-index: 100}

    #header-wrap .header-top{display: none}
    #header-wrap .header-top-right{display: none}
    
    .nav-wrap .nav-area-pc{margin: 0 10px}
    
    .nav-wrap ul li{margin: 0 10px 0 0}
    
    .nav-mobile-wrap{display: block}
    
    .nav-wrap{display: none}
    .nav-wrap .nav-area-pc .nav-right .search-area{display: none}

    .footer-sitemap{display: none}
    
    .search-popup-close{position: absolute;right: 0;top:110px;width: 50px}
    .search-popup-box{width: 767px;margin: 0 auto;padding: 100px 0 0 0}
    .search-popup-top .search-wrap .search-box input[type="text"]{width: 680px}

    .search-popup-logo{overflow: hidden;text-align: center}
    .search-popup-logo div{width: 180px;display: inline-block}
    
    .search-popup-logo p{width: 100%;text-align: center}
    .search-popup-logo p span{
        font-size: 20px;
        letter-spacing: -.065em;
        font-weight: 500;
    }
    .search-popup-bottom{border-top: 1px solid #ccc;padding: 30px 0 0 0;margin: 30px 0 0 0}
    .search-popup-bottom .title{margin: 0 0 20px 0}
    .search-news{overflow: hidden}
    .search-news li{float: left;width: 48%;margin: 0 1% 20px 1%;border-bottom: 1px solid #ccc;padding: 0 0 20px 0}

    .footer-sitemap .footer-sitemap-area,.footer-bottom-area{width: 764px}
    .footer-top .footer-intro .footer-intro-area{width: 764px}
    .progress-container-nav{
        top:65px;
        width: 100%;
        height: 0.2em;
        margin-bottom: 0px;
        position: fixed;
        bottom:8px;
        overflow: hidden;
        content: "";
        display: table;
        table-layout: fixed;
        z-index: 101;
        background: #ccc;
    }
    
    .scroll-top{bottom:20px}
    .footer-top .footer-intro .footer-intro-area .family-site ul li{padding: 5px 0;width: 100%}
    .footer-top .footer-intro .footer-intro-area ul li{float: left;text-align: center;margin: 0 33px 0 0}
    .footer-top .footer-intro .footer-intro-area .family-site{display: none}
    .footer-bottom-area p:last-child span:nth-child(1){display:none}
    .footer-bottom-area p:last-child span:nth-child(3), .footer-bottom-area p:last-child a{display:none}
    .mobile-ad-list{display:none}
    .pc-ad-list{display:block}
    
}
@media all and (min-width:1025px) and (max-width:1280px){
    
    nav{position: fixed;width: 100%;z-index: 100;bottom:10px}

    .nav-mobile-wrap{display: none}
    #header-wrap .header-top{width: 98%;margin: 0 auto}
    .footer-top{width: 1024px}
    
    .nav-wrap ul li{margin: 0 10px 0 0}
    .nav-wrap ul li span{padding: 20px 0}
    
    .nav-wrap .nav-area-pc{margin: 0 20px}
    .nav-wrap .nav-area-pc .nav-right .search-area{display: none}

    .search-popup-close{position: absolute;right: 0;top:110px;width: 50px}
    .search-popup-logo{overflow: hidden}
    .search-popup-logo div{width: 220px;float: left}
    
    .search-popup-logo p:before{
        content: '';
        width: 1px;
        height: 10px;
        border-right: 1px solid #ccc;
        display: inline-block;
        margin: 0 10px;
    }
    .search-popup-logo p{float: left;margin: 0 0 0 10px}
    .search-popup-logo p span{
        font-size: 20px;
        letter-spacing: -.065em;
        font-weight: 500;
    }
    
    .search-popup-box{width: 1024px;margin: 0 auto;padding: 100px 0 0 0}
    .search-popup-top .search-wrap .search-box input[type="text"]{width: 920px}
    .search-popup-bottom{border-top: 1px solid #ccc;padding: 30px 0 0 0;margin: 30px 0 0 0}
    .search-popup-bottom .title{margin: 0 0 20px 0}
    .search-news{overflow: hidden}
    .search-news li{float: left;width: 22%;margin: 0 1%}

    .footer-top .footer-intro .footer-intro-area{width: 1024px}
    .footer-sitemap .footer-sitemap-area,.footer-bottom-area{width: 1024px}
    .footer-top .footer-intro .footer-intro-area .family-site ul li{padding: 10px 0;width: 100%}
    .footer-top .footer-intro .footer-intro-area ul li{float: left;text-align: center;margin: 0 40px 0 0}
    .progress-container-nav{
        bottom:0;
        width: 98%;
        margin: 0 20px;
        height: 0.2em;
        margin-bottom: 0px;
        position: fixed;
        bottom:8px;
        overflow: hidden;
        content: "";
        display: table;
        table-layout: fixed;
        z-index: 101;
        background: #ccc;
    }
    
    .scroll-top{bottom:90px}
    .footer-bottom-area p:last-child span:nth-child(3), .footer-bottom-area p:last-child a{display:none}
    .mobile-ad-list{display:none}
    .pc-ad-list{display:block}
}
@media all and (min-width:1200px){

    nav{position: fixed;width: 100%;z-index: 100;bottom:10px}

    .nav-mobile-wrap{display: none}
    
    .nav-wrap .nav-area-pc{margin: 0 20px}
    .nav-wrap ul li{margin: 0 20px 0 0}
    .nav-wrap ul li span{padding: 20px 0}
    
    #header-wrap .header-top{width: 98%;margin: 0 auto}
    .footer-top{width: 1180px}
    
    .search-popup-box{width: 1180px;margin: 0 auto;padding: 100px 0 0 0}
    
    .search-popup-close{position: absolute;right: 0;top:110px;width: 50px}
    .search-popup-logo{overflow: hidden}
    .search-popup-logo div{width: 220px;float: left}
    
    .search-popup-logo p:before{
        content: '';
        width: 1px;
        height: 10px;
        border-right: 1px solid #ccc;
        display: inline-block;
        margin: 0 10px;
    }
    .search-popup-logo p{float: left;margin: 0 0 0 10px}
    .search-popup-logo p span{
        font-size: 20px;
        letter-spacing: -.065em;
        font-weight: 500;
    }
    .search-popup-bottom{border-top: 1px solid #ccc;padding: 30px 0 0 0;margin: 30px 0 0 0}
    .search-popup-bottom .title{margin: 0 0 20px 0}
    .search-popup-top .search-wrap .search-box input[type="text"]{width: 1090px}
    
    .search-news{overflow: hidden}
    .search-news li{float: left;width: 22%;margin: 0 1%}
    
    .footer-sitemap .footer-sitemap-area,.footer-bottom-area{width: 1180px}
    .footer-top .footer-intro .footer-intro-area{width: 1180px}
    .footer-top .footer-intro .footer-intro-area .family-site ul li{padding: 10px 0;width: 100%}
    .footer-top .footer-intro .footer-intro-area ul li{float: left;text-align: center;margin: 0 40px 0 0}
    .progress-container-nav{
        bottom:0;
        width: 98%;
        margin: 0 20px;
        height: 0.2em;
        margin-bottom: 0px;
        position: fixed;
        bottom:8px;
        overflow: hidden;
        content: "";
        display: table;
        table-layout: fixed;
        z-index: 101;
        background: #ccc;
    }

    .scroll-top{bottom:90px}
    .footer-bottom-area p:last-child span:nth-child(3), .footer-bottom-area p:last-child a{display:none}
    .mobile-ad-list{display:none}
    .pc-ad-list{display:block}
}

*{margin: 0;padding: 0;list-style:none;vertical-align:top;border-collapse: collapse}
html{text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased}
body{background-color:transparent;overflow-y: scroll;overflow-x: hidden;color:#222;height: 100%;scroll-behavior: smooth;-webkit-text-size-adjust: none;box-sizing: border-box;-webkit-font-smoothing: subpixel-antialiased;-webkit-font-smoothing: subpixel-antialiased}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,textarea{margin:0;padding:0}
body,button,input,select,table,textarea{font-size: 15px;font-family:"Noto Sans KR",Roboto,Noto Sans KR,"KoPubDotumMedium",sans-serif;letter-spacing: .25px}
fieldset,img,button{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a,button{text-decoration:none;color: #999}
button{background: none;-webkit-background:none;-moz-background:none}
input:focus{outline:none;-webkit-outline:none;-moz-outline:none}
a:hover,button:hover{text-decoration:underline,border:0;cursor: pointer}
h1,h2,h3,h4,h5,h6{font-size: 15px;font-weight: normal}
h2{font-family:"Noto Sans KR";font-weight: 700}

input[type="submit"]{background: #fff}

img{
    image-rendering: auto !important;
    image-rendering: crisp-edges !important;
    image-rendering: -moz-crisp-edges !important;
    image-rendering: -webkit-optimize-contrast !important;
}

a:link { color: inherit; text-decoration: none}
a:visited { color: inherit; text-decoration: none}
a:hover { color: inherit; text-decoration: none}

figure{width: 100%;display: inline-block;overflow: hidden;background-size: cover; background-position:center;background-size: 40%;background-repeat: no-repeat;height: inherit}
figure img{width: 100%}

time{color: gray;letter-spacing: -.8px;line-height: 16px;white-space: nowrap}

/*common*/
main,header,#container,footer{position: relative}
#container{position: relative}
.content{position: relative;padding: 80px 0 0 0}
.description{color: #777}

/*메인배너*/
#main-popup{display: none}
#main-banner{position: fixed;width: 100%;height: 100%;z-index: 10}
.main-banner-area{
    position: absolute;
    background: #fff;
    z-index: 12;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-banner a{width: 100%;height: 100%;display: inline-block}
.main-banner-area figure{width: 100%;overflow: hidden}
.main-banner-area figure img{width: 100%}
.main-banner-bottom{
    height: 40px;
    background: #555;
    position: absolute;
    bottom: -40px;
    width: 100%;
}
.main-banner-bottom p{overflow: hidden;width: 90%;margin: 0 auto}
.main-banner-bottom p span:first-child{float: left}
.main-banner-bottom p span:last-child{float: right}
.main-banner-bottom p span{
    color: #fff;
    letter-spacing: -0.4px;
    font-weight: 400;
    line-height: 40px;
    font-size: 14px;
}
.main-banner-bottom p span:hover{cursor: pointer}
.main-banner-blind{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 11;
}
/*메인배너 끝*/

.header-logo a{ width:100px !important;height:33px;margin: 13px 0 0 5px; background-image:url("../image/logo/newsway_logo.svg"); background-repeat:no-repeat; background-size:cover; display:inline-block; }
/*.header-logo img{width: 100px !important;margin: 13px 0 0 5px;}*/
.header-logo::after{border-right: none !important}

nav i{display: inline-block;width: 32px;margin: 15px 0 0 0}
nav i:hover{cursor: pointer}
nav i img{width: 100%}

.nav-wrap{
    background: #f2f2f2;
    border-top:1px solid #ccc;
    box-shadow: 0 -10px 20px rgb(0 0 0 /8%);
    width: 98%;
    margin: 0 20px;
    overflow: hidden;
}

.nav-wrap .nav-open-pc{background: #222;width: 62px;height: 62px;position: fixed;z-index: 10;text-align: center;display: none}
.nav-wrap .nav-open-pc:hover{cursor: pointer}
.nav-wrap .nav-open-pc i{text-align: center}
.nav-wrap .nav-open-pc i img{display: inline-block}

.nav-wrap .nav-open-pc i{ height:32px; background-image:url("../image/icons/nav_menu_icon4.svg"); background-repeat:no-repeat; background-size:cover; }

.nav-wrap .nav-area-pc{overflow: hidden;position: relative}

.nav-wrap .nav-area-pc .nav-left{float: left;overflow: hidden}
.nav-wrap .nav-area-pc .nav-left i{float: left}
.nav-wrap .nav-area-pc .nav-left .nav-area-pc-logo{float: left;display: none}
.nav-wrap .nav-area-pc .nav-left .nav-area-pc-logo span{display: inline-block;width: 90px;margin: 20px 0 0 25px}

.nav-wrap .nav-area-pc .nav-left .nav-area-pc-logo a{ width:100%; height:30px; display:inline-block; background-image:url("../image/logo/newsway_logo.svg"); background-repeat:no-repeat; background-size:cover; }

.nav-wrap .nav-area-pc .nav-left > div{float: left}

.nav-wrap .nav-area-pc .nav-left i{ height:32px; background-image:url("../image/icons/nav_menu_icon3.svg"); background-repeat:no-repeat; background-size:cover; }

.nav-wrap .nav-area-pc .nav-right{float: right;overflow: hidden}
.nav-wrap .nav-area-pc .nav-right > div{float: left;margin: 0 0 0 5px}

.nav-wrap .nav-area-pc .nav-right i{ height:32px; background-repeat:no-repeat; background-size:cover; }
.nav-wrap .nav-area-pc .nav-right .nav-search-pc i{ background-image:url("../image/icons/search_icon.svg"); }
.nav-wrap .nav-area-pc .nav-right .nav-close-pc i{ background-image:url("../image/icons/close_icon.svg"); }

.nav-wrap .nav-area-pc .nav-right .search-area{border:1px solid #ccc;border-radius: 30px;background: #fff;margin: 10px 30px 0 0;overflow: hidden}
.nav-wrap .nav-area-pc .nav-right .search-area .search-box input{
    border:none;
    -webkit-border:none;
    -o-border:none;
    -ms-border:none;
    height: 18px;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 18px;
}

.nav-wrap .nav-area-pc .nav-right .search-area .search-box input[type="submit"]{
    width: 50px;
    height: 100%;
    background-image: url(../image/icons/search_icon_w.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.nav-mobile-wrap{
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index: 102;
    top:0;
    left: 0;
    right:0;
    min-width: 280px;
    height: 66px;
}

.nav-mobile-wrap .nav-mobile-header{
    background: #fff;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #ccc;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 4px -4px rgba(0,0,0,0.4);

}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-header-logo{text-align: center}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-header-logo span{width: 100px;display: inline-block;margin: 18px 0 0 0;position: relative;z-index: 10}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-header-logo span a{ width:100%; height:33px; display: inline-block; background-image:url("../image/logo/newsway_logo.svg"); background-repeat:no-repeat; background-size:cover; }
.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu{position: absolute;top:0;left: 0;width: 100%;min-width: 280px}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu ul{overflow: hidden;width: inherit}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu ul li:first-child{float: left;margin: 0 5px 0 10px}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu ul li:last-child{float: right;margin: 0 10px 0 5px}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu ul li:last-child i{width: 30px}
.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu ul li:last-child i img{margin: 1px 0 0 0}

.nav-mobile-wrap .nav-mobile-header .nav-mobile-menu ul li i{ background-repeat:no-repeat; background-size:cover; }
.nav-mobile-menu .menu-mobile-btn{ height:32px; background-image:url("../image/icons/nav_menu_icon3.svg"); }
.nav-mobile-menu .search-mobile-btn{ height:31px; background-image:url("../image/icons/search_btn.svg"); }


/* 블라인드 */
.nav-mobile-blind{position: fixed;left:0;right:0;top:65px;bottom:0;z-index:98;background-color:rgba(255,255,255,1);width: 100%;height: 100%;display: none}
.nav-mobile-blind.active{display: block}
/* 블라인드 nav */

.nav-mobile-wrap .nav-mobile-area{position: fixed;top:65px;left: 0;width: 100%;border-top:1px solid #ccc;opacity: 0;left: -9999px;top:-9999px}
.nav-mobile-wrap .nav-mobile-area.active{opacity: 1;left:0;top:65px}
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box{position: relative;height: 100%;background: #fff;min-width: 280px;height: 800px;overflow-y: 600px}
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box .title{border-bottom: 1px solid #ccc}
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box .title span{padding: 30px 0;width: 90%;margin: 0 auto;display: inline-block;letter-spacing: -.065em}
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl{overflow: hidden}
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dt{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.065em;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}
/*.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dt:hover{cursor: pointer;background: #f1f1f1;transition:1s}*/
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dt img{position:absolute; padding:10px 30px 10px 20px; right:0px; width:10px; height:10px;}
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dd{
    float: left;
    width: 48%;
    margin: 0 1%;
    padding: 10px 0;
    display: none;
    font-size: 18px;
    letter-spacing: -.065em;
    text-indent: 20px;
    background: #fff;
}

.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dt button{ position:absolute; padding:10px 30px 10px 20px; right:0px; outline:none; }
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dt button i{ width:10px; height:10px; background-image:url("../image/icons/menu_plus.svg"); background-repeat:no-repeat; background-size:cover; display:inline-block; margin:0; }
.nav-mobile-wrap .nav-mobile-area .nav-mobile-box dl dt button.active i{ background-image:url("../image/icons/menu_minus.svg"); }


.nav-sitemap{position: absolute;bottom:64px;width: 98%;margin: 0 20px;display: none;background: #fff;box-shadow: 0 -10px 20px rgb(0 0 0 /5%)}
.nav-sitemap .nav-sitemap-area{margin: 0 auto;width: 1180px; height: 100%;overflow: hidden;padding: 50px 0}
.nav-sitemap .nav-sitemap-top{overflow: hidden}
.nav-sitemap .nav-sitemap-top dl{float: left;width: 14%;text-align:left}
.nav-sitemap .nav-sitemap-top dl:last-child{border-right: none}
.nav-sitemap .nav-sitemap-top dt{font-weight: 600;font-size: 16px;line-height: 30px;display: inline-block;color: #222;letter-spacing: -.075em}
.nav-sitemap .nav-sitemap-top dd{line-height: 30px}

.nav-sitemap .nav-sitemap-bottom{border-top:1px solid #ccc;overflow: hidden;margin: 30px 0 0 0; padding: 30px 0 0 0}
.nav-sitemap .nav-sitemap-bottom dl{float: left;margin: 0 20px 10px 0}
.nav-sitemap .nav-sitemap-bottom dt{font-weight: 600;font-size: 16px;display: inline-block;color: #222;letter-spacing: -.075em;display: inline-block;margin: 0 15px 0 0}
.nav-sitemap .nav-sitemap-bottom dd{display: inline-block;line-height: 24px}
.nav-sitemap .nav-sitemap-bottom dd:after{
    content: "";
    width: 1px;
    height: 12px;
    display: inline-block;
    border-right:1px solid #ccc;
    margin: 0 10px;
}
.nav-sitemap .nav-sitemap-bottom dd:last-child:after{content: none}

.nav-wrap ul{overflow: hidden;float: left;color: #555;font-weight: 500}
.nav-wrap .series-nav{}
.nav-wrap .series-nav:before{
    content: "";
    width: 1px;
    height: 15px;
    border-right: 2px solid #ccc;
    margin: 26px 20px 0 0;
    display: inline-block;
    float: left;
}
.nav-wrap .opinion-nav{}
.nav-wrap .opinion-nav:before{
    content: "";
    width: 1px;
    height: 15px;
    border-left: 2px solid #ccc;
    margin: 26px 20px 0 0;
    display: inline-block;
    float: left;
}
.nav-wrap ul:first-child{margin: 0 0 0 18px}
.nav-wrap ul:first-child li span{font-weight: 600;color: #222}
.nav-wrap ul li{float: left}
.nav-wrap ul li span{display: inline-block;font-size: 16.5px;letter-spacing: -.025em}

.visually_hidden{position: absolute;overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0,0,0,0);white-space: nowrap}

#blind{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 10;display: none}
#wrap{position: relative;min-width: 280px !important;width: 100%}
#container{width: 100%}
#header-wrap,#container,.footer-top{margin: 0 auto}

#header-wrap{position: absolute;top:0;z-index: 1;width: 100%}

#header-wrap .header-top{overflow: hidden}
#header-wrap .header-top ul{overflow: hidden}
#header-wrap .header-top ul li{float: left}
#header-wrap .header-top-left{float: left}

#header-wrap .header-top-right{float: right}

#header-wrap .header-top span{font-size: 14px;color: #777;line-height: 50px;letter-spacing: -0.4px}
#header-wrap .header-top span.icon-weather{ padding:0 10px; margin-left:5px; background-repeat:no-repeat; background-size:cover; }
#header-wrap .header-top span.weather-01{ background-image:url("../image/icons/weather/weather_01.svg"); }
#header-wrap .header-top span.weather-02{ background-image:url("../image/icons/weather/weather_02.svg"); }
#header-wrap .header-top span.weather-03{ background-image:url("../image/icons/weather/weather_03.svg"); }
#header-wrap .header-top span.weather-04{ background-image:url("../image/icons/weather/weather_04.svg"); }
#header-wrap .header-top span.weather-05{ background-image:url("../image/icons/weather/weather_05.svg"); }
#header-wrap .header-top span.weather-06{ background-image:url("../image/icons/weather/weather_06.svg"); }
#header-wrap .header-top span.weather-07{ background-image:url("../image/icons/weather/weather_07.svg"); }
#header-wrap .header-top span.weather-08{ background-image:url("../image/icons/weather/weather_08.svg"); }
#header-wrap .header-top span.weather-09{ background-image:url("../image/icons/weather/weather_09.svg"); }
#header-wrap .header-top span.weather-10{ background-image:url("../image/icons/weather/weather_10.svg"); }
#header-wrap .header-top span.weather-11{ background-image:url("../image/icons/weather/weather_11.svg"); }

#header-wrap .header-top .header-top-left h1{float: left;width: 100px;margin: 13px 15px 0 0}
#header-wrap .header-top .header-top-left ul li{margin: 0 10px 0 0}
#header-wrap .header-top .header-top-left ul li:after{
    content: "";
    border-right: 1px solid #ccc;
    width: 1px;
    height: 10px;
    margin: 21px 0 0 10px;
    display: inline-block;
}
#header-wrap .header-top .header-top-left ul li:last-child:after{border:none}
#header-wrap .header-top .header-top-left ul li .search-wrap{border: 1px solid #ccc;border-radius: 40px;overflow: hidden;margin: 12px 0 0 0}
#header-wrap .header-top .header-top-left ul li .search-wrap input{
    border:none;
    -webkit-border:none;
    -o-border:none;
    -ms-border:none;
    height: 16px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
}
#header-wrap .header-top .header-top-left ul li .search-wrap input[type="submit"]{
    width: 50px;
    height: 100%;
    background-image: url(../image/icons/search_icon.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
}
#header-wrap .header-top .header-top-left ul li .search-wrap input[type="submit"]:hover{cursor: pointer}

#header-wrap .header-top .header-top-right{overflow: hidden}
#header-wrap .header-top .header-top-right p{float: left}
#header-wrap .header-top .header-top-right p span img{width: 20px;height: 20px}

#header-wrap .header-top .header-top-right .weather{overflow: hidden;width: 110px;height: 50px;float: left;margin: 0 0 0 20px}
#header-wrap .header-top .header-top-right .weather li{float: left;width: 100%}
#header-wrap .header-top .header-top-right .weather li img{margin: 15px 0 0 0}

.familysite-link span:last-child:before{
    content:"";
    /*border-left:1px solid #ccc;*/
    margin: 0 10px;
    height: 5px;
}
/*header*/

/*view*/
.view-header{position: fixed;width: 100%;background: #fff;height: 60px;top:0;z-index: 100;display: none;border-bottom: 1px solid #ccc;min-width: 280px}
.view-header-area{width: 1180px;margin: 0 auto;position: relative}
.view-header-area .logo{position: absolute;left: 0}
.view-header-area div h1{position: absolute;left: 5px !important;top:3px !important}
.view-header-area .headline{
    text-align: center;
    line-height: 60px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -.065em;
}

/*search-popup*/
#search-popup{position: fixed;width: 100%;height: 100%;top:0;left:0;z-index: 2000;background: rgba(255,255,255,.95);display: none;}
.search-popup-blind{}
.search-popup-box{position: relative}

.search-popup-top{margin: 30px 0 0 0}
.search-popup-top .search-wrap .search-box{border:2px solid #004a87;border-radius: 20px;overflow: hidden}
.search-popup-top .search-wrap .search-box input[type="text"]{
    border:none;
    -webkit-border:none;
    -ms-border:none;
    -moz-border:none;
    -o-border:none;
    float: left;
    padding: 10px 0;
    text-indent: 20px;
}
.search-popup-top .search-wrap .search-box input[type="submit"]{
    border:none;
    -webkit-border:none;
    -ms-border:none;
    -moz-border:none;
    -o-border:none;
    width: 80px;
    float: right;
    background: url(../image/icons/search_icon_w.svg),#004a87;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    padding: 10px 0;
}
.search-popup-top .search-wrap .search-box input[type="submit"]:hover{cursor: pointer}

.search-popup-bottom section{margin: 0 0 30px 0;border-bottom: 1px solid #ccc}
.search-popup-bottom section:last-child{border: none}

.search-popup-bottom .title span{
    font-size: 24px;
    letter-spacing: -.065em;
    font-weight: 500;
    line-height: 30px;
}
.search-popup-bottom .search-tag{overflow: hidden;margin: 0 0 30px 0}
.search-popup-bottom .search-tag li{float: left;margin: 0 10px 5px 0}
.search-popup-bottom .search-tag li span{
    padding: 10px 15px;
    font-size: 16px;
    letter-spacing: -.065em;
    color: #004a87;
    font-weight: 500;
    border:1px solid #004a87;
    display: inline-block;
    border-radius: 40px;
}
.search-news li .news-text .headline{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.065em;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 5px 0;
}
.search-news li .news-text .description{
    font-size: 16px;
    line-height: 24px;
    color: #777;
    letter-spacing: -0.4px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 10px 0;
}

.search-news li .news-image{height: 188px;overflow: hidden}
.search-news li .news-image figure{height: inherit}
.search-news li .news-image figure img{object-fit: cover;height: inherit}

.search-popup-close:hover{cursor: pointer}
.search-popup-close i{width: 50px}

.search-popup-logo a{ width:100%; padding-bottom:32.9%; display:inline-block; background-image:url("../image/logo/newsway_logo.svg"); background-repeat:no-repeat; background-size:cover; }
.search-popup-close button{ width:100%; }
.search-popup-close button i{ width:100%; padding-bottom:100%; display:inline-block; background-image:url("../image/icons/close_icon.svg"); background-repeat:no-repeat; background-size:cover; }
/*search-popup*/

.progress-bar-nav{
    width: 0%;
    float: left;
    height: 100%;
    z-index:99;
    max-width: 100%;
    background-color:#004a87;
    -webkit-transition: width .4s ease;
    -o-transition: width .4s ease;
    transition: width .4s ease;
}

/*view*/
footer{border-top:1px solid #ccc;width: 100%;margin: 50px 0 150px 0}

.footer-sitemap{border-bottom: 1px solid #222;width: 100%}
.footer-sitemap .footer-sitemap-area{overflow: hidden;margin: 0 auto}
.footer-sitemap .footer-sitemap-area dl{float: left;width: 14.2%;text-align: left;padding: 50px 0;height: 180px}
.footer-sitemap .footer-sitemap-area dl:last-child{border-right: none}

.footer-sitemap .footer-sitemap-area dl dt{font-size: 17px;font-weight: 600;margin: 0 0 10px 0;letter-spacing: -.5px}
.footer-sitemap .footer-sitemap-area dl dd{margin: 0 0 5px 0;font-size: 15px;letter-spacing: -.045em}

.footer-sitemap .footer-sitemap-top{border-bottom: 1px solid #ccc}
.footer-sitemap .footer-sitemap-top dl{height: 210px}

.footer-top{width: 100%;border-bottom: 1px solid #ccc}
.footer-top .footer-intro{padding: 20px 0}
.footer-top .footer-intro .footer-intro-area{margin: 0 auto;position: relative}

.footer-top .footer-intro .footer-intro-area .family-site{position: absolute;right: 0;top:-10px}
.footer-top .footer-intro .footer-intro-area .family-site p{border:1px solid #ccc;padding: 8px 30px}
.footer-top .footer-intro .footer-intro-area .family-site p:hover{cursor: pointer}
.footer-top .footer-intro .footer-intro-area .family-site p span{font-size: 16px;letter-spacing: -.065em;font-weight: 500}

.footer-top .footer-intro .footer-intro-area .family-site ul{ width: calc(100% - 2px); position: absolute;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #fff;display: none}
.footer-top .footer-intro .footer-intro-area .family-site ul li:hover{cursor: pointer;background: #eee}
.footer-top .footer-intro .footer-intro-area .family-site ul li span{font-size: 14px;letter-spacing: -.065em}

.footer-top .footer-intro .footer-intro-area ul{overflow: hidden}
.footer-top .footer-intro .footer-intro-area ul li span{font-weight: 600;letter-spacing: -.5px}

.footer-bottom-area{margin: 0 auto;padding: 30px 0}
.footer-bottom-area p span{color: #999;font-size: 14px;line-height: 24px;letter-spacing: -.5px;margin: 0 10px 0 0}

.footer-sitemap-bottom{width: 1180px;margin: 0 auto}
.footer-sitemap-bottom dl{width: 100%}
.footer-sitemap-bottom dl dt{font-weight: 600;letter-spacing: -.5px;display: inline-block}
.footer-sitemap-bottom dl dd{display: inline-block}

.scroll-top{position: fixed;right: 20px;border:1px solid #ccc;width: 50px;height: 50px;border-radius: 50px;z-index: 99;display: none;background: #fff}
.scroll-top:hover{cursor: pointer;opacity: 0.8}
.scroll-top p{text-align: center}
.scroll-top p span{line-height: 40px}
.scroll-top p span img{vertical-align: middle;width: 60%;margin: 0 auto}

.scroll-top p button{ line-height:40px; }
.scroll-top p button i{ width:30px; height:30px; display:inline-block; background-image:url("../image/icons/arrow_up.svg"); background-repeat:no-repeat; background-size:cover; vertical-align:middle; }

@media print {
    * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }
    @page {margin:0}
    .no-print {opacity:0;visibility:hidden;display:none;}
}