@charset "UTF-8";
/* reset */
html, body {font-family: 'Noto Sans KR', sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:top;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {width:100%; height:auto; background:#FFF; line-height:1; font-family: 'Noto Sans KR', sans-serif;}
ol, ul li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline; color:#353535;}
caption, .hide, .sound_only {position:absolute; top:-9999px; display:block; width:0; height:0; margin:0; padding:0; line-height:0; font-size:0; text-indent:-9999px;}
img {max-width:100%; height:auto; overflow:hidden; border:0;}
button {margin:0; padding:0; border:0; background:none;}
textarea {vertical-align:top;}
/* 아이폰 가로모드 텍스트 크기 조정 */
* {-webkit-text-size-adjust:none}
/* 아이폰 라운드, 안쪽 그림자 제거 */
input {-webkit-border-radius:0; -webkit-appearance:none;}
/* common */
.clear_fix {*zoom:1;}
.clear_fix:after {display:block; clear:both; content:"";}
.float_lft {float:left !important;}
.float_rgt {float:right !important;}
.ell {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="submit"], textarea, select 
{font-size:14px; letter-spacing:-2px; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:top;}
/*.warp {width:100%; height:auto; background:#f7f7f7; z-index:2;}*/

/* 스크롤시 상단에 생기는 네비 reset */
*{margin:0; padding:0}

a {text-decoration:none;}

@media all and (max-width:480px){

    .main-header > div,.main-content .content-area{width: 95%}
    .main-content .content-wrap{width: 95%}
    .view-header .view-header-area{width: 95%}
    .view-header .view-header-area .headline{display: none}
    .view-header .view-header-area .headline-category{display: none}

    .content-left{width: 100%}

    .main-header .headline{
        font-size: 36px;
        margin: 5px 0 20px 0;
        line-height: 48px;
    }

    .view-taboola ul li{float: left;width: 100%}

    .view-bottom .view-reporter .view-reporter-info{}
    .view-bottom .view-reporter .view-image{width: 80px;height: 80px;overflow: hidden;margin-bottom: 0 !important}
    .view-bottom .view-reporter .view-text{
        width: 100%;
        margin: 0 0 10px 0;
    }

    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 70%;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:-20px}
    
}
@media all and (min-width:481px) and (max-width:767px){

    .main-header > div,.main-content .content-area{width: 480px}
    .main-content .content-wrap{width: 480px}
    .view-header .view-header-area{width: 98%}
    .view-header .view-header-area .headline{display: none}
    .view-header .view-header-area .headline-category{display: none}

    .content-left{width: 100%}

    .main-header .headline{
        font-size: 42px;
        margin: 5px 0 20px 0;
        line-height: 50px;
    }

    .view-taboola ul li{float: left;width: 50%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 80px;height: 80px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 300px;margin: 0 0 0 20px}

    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 375px;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}
    
}
@media all and (min-width:768px) and (max-width:1024px){

    .main-header > div,.main-content .content-area{width: 767px}
    .main-content .content-wrap{width: 767px}
    .view-header .view-header-area{width: 98%}
    .view-header .view-header-area .headline-category{display: none}

    .content-left{width: 100%}

    .main-header .headline{
        font-size: 42px;
        margin: 5px 0 20px 0;
        line-height: 53px;
    }

    .view-taboola ul li{float: left;width: 50%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 90px;height: 90px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 600px;margin: 0 0 0 25px;}
    
    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}

}
@media all and (min-width:1025px) and (max-width:1199px){

    .main-header > div,.main-content .content-area{width: 800px}
    .view-header .view-header-area{width: 1000px}
    .view-header .view-header-area .headline-category{display: none}

    .main-content .content-wrap{width: 1000px}

    .content-left{width: 100%}

    .main-header .headline{
        font-size: 45px;
        margin: 5px 0 20px 0;
        line-height: 55px;
    }
    .view-area{float: right;width: 100%}

    .view-taboola ul li{float: left;width: 33.3%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 90px;height: 90px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 390px;margin: 0 0 0 25px;}

    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 460px;
    }

    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}
    
}
@media all and (min-width:1200px){

    .main-header > div,.main-content .content-area{width: 900px}
    .view-header .view-header-area{width: 1180px}
    .main-content .content-wrap{width: 1000px}

    .content-left{width:100%;}

    .main-header .headline{
        font-size: 45px;
        margin: 5px 0 20px 0;
        line-height: 55px;
    }
    .view-area{float: right;width: 100%}

    .view-taboola ul li{float: left;width: 33.3%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 90px;height: 90px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 470px;margin: 0 0 0 25px;}
    
    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 500px;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}
    
}

/*기존 CSS*/
.box-01{
    max-width: 100%;
    margin: 20px 0;
    padding:10px;
    position: relative;
    border: 1px solid #d5d5d5;
    background: #e3e3e3;
    font-size: 15px;
    line-height: 1.6;
}
.view-link-color{
    color: #0066cc !important;
}

/*기존 CSS*/

/*관련기사 더보기*/
.view-related-top{overflow: hidden}
.view-related-top .title{float: left}

.view-related-top .view-related-btn{
    border:1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    float: right;
}
.view-related-top .view-related-btn:hover{cursor: pointer}
.view-related-top .view-related-btn span{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -.065em;
    padding: 2px 8px 2px 8px;
    display: inline-block;
}

/*관련기사 더보기*/

.main-header{/*border-bottom: 1px solid #ccc;*/padding: 25px 0 0 0}
.main-header > div{margin: 0 auto}

.main-header .headline{
    font-weight: 500;
    display: -webkit-box;
    overflow: hidden;
    letter-spacing: -.065em;
}

.main-header .section-nav ul li .select{color: #F08300}

.main-content{padding: 50px 0 0 0}

.main-content .content-wrap{margin: 0 auto;position: relative}
.main-content .content-area{overflow: hidden;margin: 0 auto}

.content-left{overflow: hidden}
.content-left .view-area{margin: 0 0 50px 0}

.content-left .view-image{margin: 0 0 30px 0;text-align: center}
.content-left .view-image figure{width: 90%;margin: 0 auto;display: inline-block}
.content-left .view-image figure figcaption{
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    margin: 10px 0 0 0;
}
.content-left .view-text{
    font-size: 18px;
    text-align: justify; 
    letter-spacing: -.065em;
    line-height: 1.72;
}
.content-left .view-text span{display: block}

.view-bottom{margin: 30px 0 0 0}
.view-bottom .view-reporter{border-top:1px solid #222;border-bottom: 1px solid #222;padding: 20px 20px;background: #f9f9f9}

.view-bottom .view-reporter .view-reporter-info{overflow: hidden}
.view-bottom .view-reporter .view-image{border-radius: 100%;border:1px solid #ccc;overflow: hidden;background: #d4d4d4}
.view-bottom .view-reporter .view-image figure{background: #d4d4d4;width: 100%;height: 100%}

.view-bottom .view-reporter .view-text{position: relative;padding: 15px 0 0 0}
.view-bottom .view-reporter .view-text p{margin: 0 10px 2px 0;overflow: hidden}
.view-bottom .view-reporter .view-text p span{font-size: 18px;letter-spacing: -.065em;font-weight: 500; float: left;margin: 0 5px 0 0}
.view-bottom .view-reporter .view-text p .name{color: #004a87;font-weight: 500}
.view-bottom .view-reporter .view-text p .email{color: #777;font-size: 16px}

.view-bottom .view-reporter .view-text .reporter-btn{position: absolute;right: 0}
.view-bottom .view-reporter .view-text .reporter-btn p{
    border:1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    float: right;
}
.view-bottom .view-reporter .view-text .reporter-btn p:hover{cursor: pointer}
.view-bottom .view-reporter .view-text .reporter-btn p span{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -.065em;
    padding: 2px 8px 2px 8px;
    display: inline-block;
}

.view-bottom .view-reporter .view-text .view-date p{display: inline-block;margin: 0 15px 0 0}

.view-bottom .view-reporter .view-reporter-news{border-top:1px dashed #ccc;width: 100%;padding: 20px 0 0 0}
.view-bottom .view-reporter .view-reporter-news .title{font-weight: 600;letter-spacing: -.065em;font-size: 18px;margin: 0 0 10px 0}
.view-bottom .view-reporter .view-reporter-news .headline{
    font-weight: 400;
    padding: 5px 0;
    font-size: 18px;
    letter-spacing: -.025em;
    line-height: 24px;
    max-height: 22px;
    height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.view-related{margin: 30px 0 20px 0;border-top:2px solid #222;padding: 20px 0 0 0}
.view-related .title span{font-weight: 500;font-size: 24px;letter-spacing: -.025em}
.view-related ul{margin: 10px 0 0 0}
.view-related ul li{overflow: hidden;width: 99%}
.view-related ul li span{float: left}
.view-related ul li span:last-child{float: right;margin: 0 0.5px 0 0}
.view-related ul li span i{width: 10px;display: inline-block;margin: 0 5px 0 0;height: 40px}
.view-related ul li span i img{width: 100%;text-align: center;height: 80%}

.view-related ul li span time{
    float: right;
    font-size: 16px;
    letter-spacing: -.065em;
    line-height: 24px;
    color: #999;
}
.view-tag .title span{
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -.065em;
    font-size: 20px;
}

.view-tag ul{overflow: hidden;padding: 10px 0;margin: 10px 0 0 0}
.view-tag ul li{float: left;margin: 0 5px 0 0}
.view-tag ul li span{font-weight: 600; color: #004a87;margin: 0 20px 0 0;font-size: 16px}

.view-copyright{padding: 20px 0;background: #f8f8f8;margin: 10px auto}
.view-copyright p{text-align: center}
.view-copyright p span{
    font-weight: 500;
    letter-spacing: -.065em;
}

.view-taboola{border-top:2px solid #222;margin: 0 0 40px 0}
.view-taboola .title{
    overflow: hidden;
    padding: 20px 0 0 0;
}
.view-taboola .title span:nth-child(1){
    float: left;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 30px;
    max-height: 30px;
    letter-spacing: -.065em;
}
.view-taboola .title span:nth-child(2){
    float: right;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 18px;
    max-height: 18px;
    letter-spacing: -.065em;
}
.view-taboola ul{overflow: hidden;margin: 10px 0 0 0}
.view-taboola ul li{margin: 0 0 2% 0}

.view-taboola ul li .news-image{
    width: 95%;
    margin: 0 auto;
    height: 168px;
}
.view-taboola ul li .news-image img{object-fit: cover;height: 100%}
.view-taboola ul li .news-text{
    width: 95%;
    margin: 0 auto;
}
.view-taboola ul li .news-text .headline{
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 24px;
    max-height: 50px;
    height: 50px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.view-ad{height: 200px;border:1px solid #e9e9e9}

.view-comment{border-top:1px solid #222;margin: 30px 0 30px 0}
.view-comment .title{overflow: hidden;padding: 20px 0 0 0}
.view-comment .title span{
    float: left;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 30px;
    max-height: 30px;
    letter-spacing: -.065em;
}

/* 상단 인쇄하기 버튼 */
.printtop .btn .printTitle {line-height:40px; position:absolute; left:20px; font-size:20px; font-weight:600;}
.printtop .btn {
    position:fixed; 
    z-index:999;
    display:inline-block; 
    width:100%; 
    padding:10px 0px 10px 0px; 
    text-align:right; 
    background-color:#fff; 
    border-bottom:solid 1px #e2e4e8;

}
.printtop .btn::after {content:""; display:block; clear:both;}
.printtop .btn .Print {padding:10px; line-height:40px; background-color:#004a87; color:#fff; font-size:14px;}
.printtop .btn .btnClose {margin-right:20px; padding:10px; width:200px; height:60px; line-height:40px;  border:1px #9c9c9c solid; box-sizing:border-box; color:#353535; font-size:14px;}


.printwrap {width:720px; margin:0 auto; padding-top:80px;}
.printcontent {width:720px; margin:0 auto;}
.printcontent h1 {padding:20px 0px 20px 0px; text-align:center;}

/* 기사분류 */
.printwrap .print-category {margin-top:10px; margin-bottom:10px;}
.printwrap .category span{font-size: 15px;letter-spacing: -.065em}
.printwrap .category span:after{
    content: "";
    border-right: 1px solid #222;
    display: inline-block;
    height: 10px;
    width: 1px;
    margin: 0 10px;
}
.printwrap .category span:last-child:after{border: none}
.printwrap .category span:first-child{color: #004a87;font-weight: 600}

/* 기사제목 */
.printcontent h2 {
    letter-spacing:-.065em;
    font-weight:500; 
    font-size:34px;
    line-height: 42px;
    margin: 10px 0;
}
.view-ad-label{
    background: #b7b7b7;
    padding: 2px 5px;
    display: inline-block;
    margin: 12px 0 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    letter-spacing: -.045em;
}

/* 등록/수정일, 작성자 */
.printwrap .view-option {}
.printwrap .view-option .view-reporter .view-date{
    border-bottom: 1px solid #e9e9e9;
    height: 40px;
    line-height: 40px;
}
.printwrap .view-option .view-reporter .view-date p{display: inline-block;color: #777}
.printwrap .view-option .view-reporter .view-date p:after{
    content: "";
    border-right: 1px solid #999;
    display: inline-block;
    height: 10px;
    width: 1px;
    margin: 15px 7px 5px 7px;
}
.printwrap .view-option .view-reporter .view-date p:last-child:after{content: none}
.printwrap .view-option .view-reporter .view-date p span{letter-spacing: -.065em;font-size: 14px}
.printwrap .view-option .view-reporter .view-info{
    border-bottom: 2px solid #004a87;
    font-size: 14px;
    letter-spacing: -.045em;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
}

/* 부제목 */
.subTitle{margin: 20px 0 15px 0}
.subTitle p{border-left: 2px solid #222;padding: 0 0 0 15px;text-align: justify}
.subTitle p span{
    margin: 0 0 0 0;
    font-size: 22px;
    letter-spacing: -.085em;
    line-height: 32px;
    /*text-align: justify;*/
    display: block;
}

/* 편집자주 */
.editor dl{margin: 35px 0}
.editor dl dt{border-left: 5px solid #ccc;margin: 0 0 10px 0; padding-left:5px;}
.editor dl dt span{margin: 0 0 10px 0;margin: 0 7px}
.editor dl dd{color: #999;letter-spacing: -.065em; line-height:20px;}


.printfooter {margin-top:20px; padding:20px; text-align:center; border-top:1px #e2e4e8 solid; font-size:13px;}
.printcontent .newsbox {width:720px; height:auto; text-align:justify; line-height:30px; font-size:18px; font-weight:300; overflow:hidden; letter-spacing:-1px;}
.printcontent .tbmle {padding-bottom:20px; text-align:center;}
.printcontent .tbmle p {text-align:center; font-size:12px;}
.printcontent .subtbmle {text-align:center;}
.printcontent .subtbmle p {text-align:center; font-size:12px;}
.printcontent .subRtbmle {margin:5px 0px 5px 15px; float:right; }
.printcontent .subLtbmle {margin:5px 15px 5px 0px; float:left;}
.printcontent .newsbox p {padding-bottom:20px;}

.editor01 {margin:0px 0px 15px 0px; padding:10px; display:block; position:relative; background:#efefef54; border: 1px #eae9e9 solid} /* 전문으로 할 경우 */

.printcontent .from_editor {width:715px; padding:20px; margin-top:30px; display:inline-block; border:1px solid #e5e5e5;}
.printcontent .from_editor dt {font-size:18px; margin-bottom:15px; font-weight:600;}
.printcontent .from_editor dd {font-size:16px; line-height:24px; letter-spacing:-1px;}

.view-image .img-center{text-align: center}
.view-image .img-center .img-caption{
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    margin: 10px 0 0 0;
    text-align: left;
    margin: 10px auto;
    min-width: 250px;
}
.view-image .img-center img{max-width: 100%}

.view-image-horizontal{text-align: left; margin: 0 0 30px 0; padding:0 5% 0 5%;}
.view-image-horizontal .img-center{overflow: hidden;width: 100%;background: none;position: relative}
.view-image-horizontal span{width: 60%; text-align:right;}
.view-image-horizontal span img{width:100%;}
.view-image-horizontal .img-caption{
    position: absolute;
    left: 60%;
    bottom: 0;
    width:38%;
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    text-align:left;
    padding-left:10px;
}

.view-image-horizontal2 {margin: 0 0 30px 0;}
.view-image-horizontal2 span{width: 100%; text-align:center;}
.view-image-horizontal2 span img{width:60%;}

.middle-title{
    padding: 10px 0;
    border-top:2px solid #0048aa;
    border-bottom: 1px solid #ccc;
    font-size: 20px !important;
    font-weight: 600;
    letter-spacing: -.065em;
    width: 100% !important;
    margin: 0 0 30px 0 !important;
    display: inline-block !important;
}

.view-image .img-center{text-align: center !important}
.view-image .img-center span{display: inline-block !important;}
.view-image .img-center .img-caption{
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    margin: 10px 0 0 0;
    width: 100%;
}
.view-image .img-center img{max-width: 100%}

.video-show-box{
    
    max-width: 100%;
    display: block;
    padding-top:20px;
    padding-bottom: 20px;
    position: relative;
    margin: 0 auto;
    height: 400px;
}

.mov-box iframe{
    width: 100%;
    max-width: 100%;
    height: 400px;
}

.video-show-box2{
    max-width: 100%;
    display: block;
    padding-top:20px;
    padding-bottom: 20px;
    position: relative;
    
}

.mov-box2{
    text-align: center;
}
.video-show-box .mov-box iframe, .video-container object, .video-container embed {width: 100%;
 height: 100%; position: absolute; top: 0; left: 0;}

.video-show-box2 {width:281px; display:block; padding-top:20px; padding-bottom:20px; position:relative; margin:0 auto;}
.video-show-box2 .mov-box2 iframe {width:281px; height:500px; padding-top:10px; content:""; display:block; clear:both;}
.video-show-box2 p.mov-cation {max-width:281px; margin-top:5px; line-height:18px; text-align:left; font-size:12px; color:#7c7c7c; overflow:hidden;}