@charset "utf-8";

/* 버튼 */
.btn_moreTop{display:inline-block; padding:0 18px 0 10px; width:auto; height:26px; background:url(../images/bl_arrow1.png) no-repeat 95% 10px; font-size:14px; line-height:24px; letter-spacing:-0.5px; color:#676767; border:1px solid #ccc;}
.btnBody{padding:10px 50px 10px 10px; border:1px solid #ccc; background-color:#f1f1f1; background-image:url(../images/bl_arrow1.png); background-repeat:no-repeat; background-position: 95% 50%;}
/* 관련기사 뉴스 스타일 */
.linkNews li{padding-left:13px; background:url(../images/ico_link.png) no-repeat 0 40%;}
.linkNews a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:360px; font-size:14px; line-height:27px; color:#000;}

/* 안보이는 스크롤 */
.scroll{overflow-y:scroll; -ms-overflow-style: none; }
.scroll::-webkit-scrollbar{display:none;}

/* 정보없음 */
.nodata{margin:40px 0; font-size:18px; text-align:center;}

/* header */
/* 헤더의 광고 영역 */
#header .w_header_01{background-color:#efefef;}
#header .w_header_01 .inner{position:relative; overflow:hidden; width:1280px; margin:0 auto; padding:15px 0;}
#header .w_header_01 .inner .left_ad{float:left;}
#header .w_header_01 .inner .right_ad{float:right;}
/* 헤더의 gnb 영역 */
#header .w_header_02 .inner{overflow:hidden; position:relative; width:1280px; margin:0 auto;}
#header .w_header_02 .logo{display:block; margin:25px auto 0; text-align:center;}
#header .w_header_02 .logo span{padding-top:11px; font-size:38px; line-height:38px; font-weight:bold; letter-spacing:-1px;}
#header .w_header_02 .weather{overflow:hidden; position:absolute; top:48px; left:0; }
#header .w_header_02 .weather .thum{float:left;}
#header .w_header_02 .weather .thum img{width:auto; height:28px;}
#header .w_header_02 .weather .txt{float:left; margin-left:8px;}
#header .w_header_02 .weather .txt p.date{font-size:9px; line-height:11px; margin-bottom:2px;}
#header .w_header_02 .weather .txt p.temp{font-size:13px; line-height:16px;}
#header .w_header_02 .topMenu{position:absolute; top:20px; right:0;}
#header .w_header_02 .topMenu li{float:left; margin-right:8px;}
#header .w_header_02 .topMenu li a{position:relative; display:inline-block; padding-right:6px; font-size:13px; font-weight:bold; color:#555;}
#header .w_header_02 .topMenu li:last-child a{padding-right:0px; }
#header .w_header_02 .topMenu li a:after{display:block; content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background-color:#d7d7d7; }
#header .w_header_02 .topMenu li:last-child a:after{display:none;}
#header .w_header_02 .topMenu li:last-child{margin-right:0px;}
/* #header .w_header_02 .topMenu li a.k_price{font-weight:bold; color:#000;} */
#header .w_header_02 .socialArea{position:absolute; top:56px; right:0; }
#header .w_header_02 .socialArea li{display:block; float:left; padding:0 5px;}
#header .w_header_02 .socialArea li a{display:inline-block; width:100%;}
#header .w_header_02 .socialArea li a:last-child{padding-right:0px;}
#header .w_header_02 .nav{margin-top:20px; border-bottom:2px solid #000;}
#header .w_header_02 .nav button{position:absolute; top:16px; left:60px;}
#header .w_header_02 .gnb{display:flex; width:1004px; margin:0 auto; justify-content: space-between;}
#header .w_header_02 .gnb li a{position:relative; display:inline-block; padding:20px 0; font-weight:bold; font-size:16px;}
#header .w_header_02 .gnb li.on a:after{position:absolute; display:block; content:''; bottom:0px; left:0; width:100%; height:3px; background-color:#d42018;}
#header .w_header_02 .gnb li a:hover:after{position:absolute; display:block; content:''; bottom:0px; left:0; width:100%; height:3px; background-color:#d42018; }
#header .w_header_02 .gnb li a:hover{text-decoration:none;}
#header .w_header_02 .quickArea{border-bottom:1px solid #ccc;}
#header .w_header_02 .quickArea .inner{padding:3px 0 2px;}
#header .w_header_02 .quickArea .inner .quickNews{position:relative; overflow:hidden; width:474px; height:26px; padding-right:16px;}
#header .w_header_02 .quickArea .quickNews li strong{color:#ed1b2f;}
#header .w_header_02 .quickArea .quickNews li a{font-size:14px; font-weight:bold;}
#header .w_header_02 .quickArea .quickNews li {overflow:hidden; height:26px;}
#header .w_header_02 .quickArea .quickNews .btnMore{position:absolute; top:50%; right:0; margin-top:-8px;}
#header .w_header_02 .quickArea .btnChannel{position:absolute; top:2px ; right:0;}

/* 고정search영역 */
.fixHeader{display:none; position: fixed; top:0; left:0; width:100%; height:61px; border-bottom:2px solid #000; background-color:#fff; z-index: 9;}
.fixHeader .inner{position: relative; width:1280px; margin:0 auto;}
.fixHeader .fixLogo{display:table; margin:0 auto; width:174px; height:61px; }
.fixHeader .fixLogo a{display:table-cell; vertical-align: middle;}
.fixHeader .socialArea2{position:absolute; top:25px; left:0; }
.fixHeader .socialArea2 li{float:left; margin-right:10px;}
.fixHeader .searchBox_s{position:absolute; top:17px; right:0; width:238px; height:28px; border: 1px solid #000; border-radius:3px;}
.fixHeader .searchBox_s:before{display:block; content:''; position:absolute; top:4px; right:34px; width:1px; height:21px; background-color:#000; }
.fixHeader .searchBox_s input[type="text"]{height:28px; padding-left:10px; border:none; font-size:14px;}
.fixHeader .searchBox_s button.btn{position:absolute; top:9px; right:45px;}
.fixHeader .searchBox_s button.btnSearch{position:absolute; top:4px; right:6px;}

.searchBox_rel{position:absolute; top:46px; right:0; width:238px; border:1px solid #000; background-color:#fff;}
.searchBox_rel .inner{display:block; width:100%; padding:5px 0 15px;}
.searchBox_rel .inner p{padding-left:9px; font-size:14px; line-height:18px; color:#666;}
.searchBox_rel ul li a{padding-left:9px; font-size:14px; color:#666;}
.searchBox_rel .btnArea{position:relative; height:24px; background-color:#efefef; font-size:12px;}
.searchBox_rel .btnArea>div{position:relative; float:right; margin-right:35px;}
.searchBox_rel .btnArea>div:after{display:block; content:''; position:absolute; top:7px; right:-8px; width:1px; height:12px; background-color:#ccc;}
.searchBox_rel .btnArea>div input{margin-top:-2px; vertical-align:middle;}
.searchBox_rel .btnArea button{position:absolute; top:0; right:8px; width:11px; height:24px; font-size:0px; line-height:0px; background:url(../images/ico_close.png) no-repeat 0 50%;}

/* gnb 돋보기 검색 */
.gnbSearch{display:none; position:absolute; top:188px; left:0; width:100%; border-bottom:2px solid #000; background-color:#fff; z-index: 9;}
.gnbSearch .inner{width:800px; margin:30px auto;}
.gnbSearch .inner input{float:left; width:742px; height:50px; line-height:50px; padding:0 15px; border:1px solid #000; border-radius:3px; box-sizing: border-box;}
.gnbSearch .inner .btnSearch{margin-left:-2px;}

/* 박스 스타일 */
.boxCont{position:relative; overflow:hidden;}
.boxCont.clear:after{display:block; content:''; clear:both;}

.boxStyle01{margin-bottom:30px; padding-right:20px; box-sizing: border-box;}
.boxStyle01:after{content:''; display:block; clear:both;}
.boxStyle01 .newsTit{margin-bottom:15px; font-size:22px; font-weight:bold; text-align:center;}
.boxStyle01 .thumCont{overflow:hidden; float:left; width:204px; height:125px; }
.boxStyle01 .thumCont a{display:block;}
.boxStyle01 .thumCont img{width:100%; height:100%; min-width:204px; min-height:125px;}
.boxStyle01 .txtCont{position:relative; overflow:hidden; display:table; min-height:125px; padding:0 0px 0 15px;}
.boxStyle01 .txtCont .linkNews{margin-top:10px;}
.boxStyle01 .txtCont button{position:absolute; bottom:0; right:19px; width:21px; height:20px;}
.boxStyle01 .txtCont button.btn_open{background:url(../images/btn_linkNews_open.gif) no-repeat 0 0;}
.boxStyle01 .txtCont button.btn_close{background:url(../images/btn_linkNews_close.gif) no-repeat 0 0;}
.boxStyle01 .txtCont button span{font-size:0; line-height:0;}
.boxStyle01 .txtCont .txt{display:table-cell; vertical-align:middle; font-size:15px; line-height:26px; color:#555;}
.boxStyle01 .txtCont .txt a{display:block; overflow:hidden; max-height:78px}

/* 관련기사 갯수에 따른 li_넘버링 */
.boxStyle01 .txtCont.li_1 .txt{display:block; margin-top:6px;}
.boxStyle01 .txtCont.li_2 .txt{display:block; margin-top:6px;}
.boxStyle01 .txtCont.li_2 .txt{display:block; overflow:hidden; max-height:52px}
.boxStyle01 .txtCont.li_m .txt{display:block; overflow:hidden; max-height:52px}

/* 오피니언,피플인사이드,뉴시스픽 */
.boxStyle02{overflow:hidden; position:relative; margin-top:12px;}
.boxStyle02 .titCont:after{display:block; content:''; clear:both;}
.boxStyle02 .titCont{border-bottom:1px solid #000;}
.boxStyle02 .titCont .tit {float:left; margin-right:31px; font-size:18px; font-weight:bold; color:#000; line-height:34px;}
.boxStyle02 .titCont ul li{position:relative; float:left; padding-right:15px; margin-right:15px; }
.boxStyle02 .titCont ul li:after{display:block; content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
.boxStyle02 .titCont ul li:last-child:after{display:none;}
.boxStyle02 .titCont ul li a{display:block; font-size:13px; line-height:34px;}
.boxStyle02 .titCont ul li.on a{border-bottom:2px solid #ed1b2f; color:#ed1b2f; font-weight:bold;}
.boxStyle02 .titCont ul li:hover a{border-bottom:2px solid #ed1b2f; text-decoration:none;}
.boxStyle02 .newsCont{margin-top:10px;}
.boxStyle02 .newsCont ul li {float:left; width:50%;}
.boxStyle02 .newsCont ul li .thumCont{overflow:hidden; float:left; width:110px; height:100px;}
.boxStyle02 .newsCont ul li .thumCont img{width:100%; height:auto; min-width:110px; min-height:100px;}
.boxStyle02 .newsCont ul li .txtCont{display:table; height:100px;}
.boxStyle02 .newsCont ul li .txtCont a{display:table-cell; padding-left:19px; vertical-align:middle;}
.boxStyle02 .newsCont ul li .txtCont .txtTit{overflow:hidden; width:156px; max-height:44px; font-size:15px; font-weight:bold; color:#000; line-height:22px;}
.boxStyle02 .newsCont ul li .txtCont .txtSub{font-size:12px; color:#555; line-height:19px;}
.boxStyle02 .newsCont ul li .txtCont .txtSub+.txtTit{margin-top:2px;}
.boxStyle02.col2{overflow:hidden;}
.boxStyle02.col2 .box{float:left; width:50%;}
.boxStyle02.col2 .box li{width:100%}
.boxStyle02.pic{margin-right:20px; margin-bottom:5px;}
.boxStyle02.pic .thumCont img{visibility: hidden; }
.boxStyle02.pic .thumCont a{display:block; background-position:50% 50%; background-size:cover;}

/* 영상 포토 아래 기사 왼쪽 */
.boxStyle03{overflow:hidden; padding-bottom:24px; margin:0 20px 22px 0; border-bottom:1px solid #e4e4e4;}
.boxStyle03 .thumCont{overflow:hidden; float:left; width:200px; height:125px;}
.boxStyle03 .thumCont img{width:100%; height:auto; min-height:125px; }
.boxStyle03 .txtCont{position:relative; overflow:hidden; display:table; padding:0 0 0 20px; min-height:125px; }
.boxStyle03 .txtCont .tit{margin-top:10px; font-size:18px; font-weight:bold;}
.boxStyle03 .txtCont .txt{overflow:hidden; height:81px; margin-top:1px; font-size:15px; line-height:27px; color:#555;}
.boxStyle03 .txtCont.li_1 .txt{overflow:hidden; height:54px;}
.boxStyle03 .txtCont.li_2 .txt{overflow:hidden; height:27px;}
.boxStyle03 .txtCont.li_3 .txt{display:none;}
.boxStyle03 .linkNews {margin-top:3px;}

/* 영상 포토 아래 기사 오른쪽 */
.boxStyle04{overflow:hidden; margin:0 0 12px 20px;}
.boxStyle04 .thumCont{overflow:hidden; width:260px; height:161px;}
.boxStyle04 .thumCont img{width:260px; height:auto; min-height:161px;}
.boxStyle04 .txtCont{width:260px; margin-top:7px; font-size:15px; line-height:20px;}
.boxStyle04 .txtCont p {overflow:hidden; max-height:40px;}
.boxStyle04 .txtCont p.tit{font-weight:bold;}

/* 섹션별 리스트 */
.boxStyle05{overflow:hidden; margin-bottom:20px;}
.boxStyle05.no_img .txtCont{padding-left:0px;}
.boxStyle05 .thumCont{overflow:hidden; float:left; width:224px; height:138px;}
.boxStyle05 .thumCont img{width:100%; height:auto; min-height:138px;}
.boxStyle05 .txtCont {position:relative; overflow:hidden; padding-left:30px;}
.boxStyle05 .txtCont .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; height:22px; margin-bottom:12px; font-size:20px; line-height:22px; color:#333; font-weight:bold;}
.boxStyle05 .txtCont .tit.type2{height:auto; max-height:44px; white-space: initial;}
.boxStyle05 .txtCont .txt{overflow:hidden; max-height:78px; margin-bottom:4px;}
.boxStyle05 .txtCont .txt a{font-size:15px; line-height:26px; color:#555;}
.boxStyle05 .txtCont .linkNews li a{width:600px;}
.boxStyle05 .txtCont button{position:absolute; bottom:0; right:0px; width:21px; height:20px;}
.boxStyle05 .txtCont button.btn_open{background:url(../images/btn_linkNews_open.gif) no-repeat 0 0;}
.boxStyle05 .txtCont button.btn_close{background:url(../images/btn_linkNews_close.gif) no-repeat 0 0;}
.boxStyle05 .txtCont button span{font-size:0; line-height:0;}
.boxStyle05 .txtCont.li_1 .txt{overflow:hidden; height:78px;}
.boxStyle05 .txtCont.li_2 .txt{overflow:hidden; height:52px;}
.boxStyle05 .txtCont.li_3 .txt{overflow:hidden; height:26px;}
.boxStyle05 .txtCont.li_4 .txt{display:none;}
.boxStyle05 .txtCont .time{font-size:13px; color:#666;} 
.boxStyle05 .txtCont .time span{position:relative; margin-right:5px; padding-right:5px;}
.boxStyle05 .txtCont .time span:after{display:block; content:''; position:absolute; top:6px; right:0; width:1px; height:12px; background-color:#ccc;}

/* 세션별 메뉴 여의도and 군사대로 */
.series{position:relative; margin-bottom:20px; border-bottom:1px solid #a3a3a3;}
.boxStyle06{overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.boxStyle06 .txtCont{float:left; width:190px;}
.boxStyle06 .txtCont .tit{margin-bottom:18px; font-weight:bold; color:#000; font-size:18px;}
.boxStyle06 .txtCont .txt{overflow:hidden; width:170px; max-height:40px; font-size:15px; line-height:20px; color:#000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.boxStyle06 .thumCont{overflow:hidden; float:right; width:110px; height:84px;}
.boxStyle06 .thumCont img{width:100%; height:auto; min-height:84px;}

/* 세션별 메뉴 기자수첩, 피플 thumCont기준 */
.boxStyle07{overflow:hidden; margin-bottom:20px;}
.boxStyle07 .txtCont .tit{margin-bottom:0px; font-size:15px; font-weight:bold; line-height:22px; color:#000;}
.boxStyle07 .txtCont .name,.boxStyle07 .txtCont .subTit{font-size:12px; line-height:20px; color:#666;}
.boxStyle07.right .txtCont{display:table; float:left; width:190px; min-height:100px;}
.boxStyle07.right .txtCont a{display:table-cell; padding-right:10px; vertical-align: middle;}
.boxStyle07.right .thumCont{overflow:hidden; float:right; width:110px; height:100px;}
.boxStyle07.right .thumCont img{width:100%; height:auto; min-height:100px;}
.boxStyle07.left .thumCont{overflow:hidden; float:left; width:110px; height:100px;}
.boxStyle07.left .thumCont img{width:100%; height:auto; min-height:100px;}
.boxStyle07.left .txtCont{display:table; float:right; width:190px; min-height:100px;}
.boxStyle07.left .txtCont a{display:table-cell; padding-left:20px; vertical-align: middle;}

/* 스포츠 메인 탑 오른쪽 영역 */
.boxStyle08{overflow:hidden;}
.boxStyle08 + .boxStyle08{margin-top:12px;}
.boxStyle08 .tit{overflow:hidden; height:52px; margin-bottom:7px; font-size:20px; line-height:26px; font-weight:bold; text-align:center;}
.boxStyle08 .thumCont{overflow:hidden; width:300px; height:193px; }
.boxStyle08 .thumCont img{width:100%; height:auto; min-height:193px;}
.boxStyle08 .txtCont {overflow:hidden; height:42px; margin-top:8px; font-size:14px; line-height:21px; color:#555;}
.boxStyle08 .linkNews{margin-top:8px;}
.boxStyle08 .linkNews li a{width:300px; font-size:14px; line-height:22px;}

/* 광장 TOP 오른쪽 왼쪽 영역 */
.boxStyle09 {position:relative; }
.boxStyle09 .thumCont figure{position:relative; }
.boxStyle09 .thumCont figure>a{overflow:hidden; display:block; width:300px; height:188px;}
.boxStyle09 .thumCont figure img{width:100%; height:auto; min-height:188px; }
.boxStyle09 .thumCont figure .tit{position:absolute; overflow:hidden; bottom:-45px; left:0; width:100%; height:60px; text-align:center; }
.boxStyle09 .thumCont figure .tit a{display:block; margin:0 20px; padding:5px; background-color:#fff; color:#000; font-weight:bold; font-size:20px; line-height:26px;}
.boxStyle09 .thumCont figcaption {overflow:hidden; height:24px; margin-top:47px;  text-align:center; color:#fff; }
.boxStyle09 .thumCont figcaption span{display:inline-block; height:24px; padding:0 5px; background-color:#000; font-size:13px; }
.boxStyle09 .txtCont{ margin-top:9px; font-size:14px; color:#555;}
.boxStyle09 .txtCont{overflow:hidden; max-height:170px;}
/* 오른쪽 영역 */
.boxStyle09.type2 .thumCont+.txtCont{margin-top:55px;}
.boxStyle09.type2 .thumCont{}
/* 광장 TOP 센터 */
.boxStyle10{}
.boxStyle10 .thumCont{width:600px; margin:0 auto;}
.boxStyle10 .thumCont figure{position:relative;}
.boxStyle10 .thumCont figure>a{overflow:hidden; display:block; width:600px; height:375px;}
.boxStyle10 .thumCont figure .tit{position:absolute; overflow:hidden; bottom:-63px; left:0; width:100%; height:110px; text-align:center;}
.boxStyle10 .thumCont figure .tit a{display:block; margin:0 25px; padding:11px 0; background-color:#fff; font-size:36px; font-weight:bold; line-height:46px;}
.boxStyle10 .thumCont figcaption{position:absolute; left:64px; bottom:40px; height:28px; padding:0 11px; background-color:#000; }
.boxStyle10 .thumCont figcaption span{display:inline-block; color:#fff; font-size:15px; line-height:28px;}

/* 광장 기획특집 */
.boxStyle11{}
.boxStyle11 .thumCont{position:relative; overflow:hidden; width:305px; height:199px;}
.boxStyle11 .thumCont .count{position:absolute; bottom:8px; right:8px; height:22px; line-height:21px; padding:0 10px; border-radius:13px; background-color:#4a65f4; color:#fff; font-size:15px;}
.boxStyle11 .thumCont img{position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 199px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.boxStyle11 .txtCont{width:305px;}
.boxStyle11 .txtCont li{padding:5px 0 6px; border-bottom:1px solid #ccc;}
.boxStyle11 .txtCont li a{overflow:hidden; display:block; height:44px; font-size:15px; line-height:22px;}
.boxStyle11 .txtCont li.tit a{overflow:hidden; height:48px; font-size:17px; line-height:24px; font-weight:bold; color:#333;}

/* 여론조사특집 */
.boxStyle12 .thumCont{overflow:hidden; position:relative; width:480px; height:300px; }
.boxStyle12 .thumCont img{position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 300px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}

.boxStyle12 .txtCont .tit{margin:6px 0 8px; font-size:22px; line-height:31px; font-weight:bold; text-align:center;} 
.boxStyle12 .txtCont .txt{overflow:hidden;font-size:16px; text-align:center;}

/* 기사뷰 하단 오늘의 헤드라인 */
.boxStyle13 .thumCont{overflow:hidden; position:relative; float:left; width:170px; height:106px;}
.boxStyle13 .thumCont img{position:absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 106px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.boxStyle13 .txtCont{overflow:hidden; padding-left:20px;}
.boxStyle13 .txtCont p.tit{overflow:hidden; max-height:48px; font-size:20px; font-weight:bold; color:#000;}
.boxStyle13 .txtCont p.subTit{overflow:hidden; height:20px; margin-top:5px; font-size:16px; color:#000;}
.boxStyle13 .txtCont p.txt{overflow:hidden; max-height:48px; margin-top:10px; font-size:15px; color:#555; line-height:24px;}


/* hotkeyword */
.keywordBox{padding:0 20px; }
.keywordBox .red{color:#d42018;}
.keywordBox.line{position:relative; }
.keywordBox.line:after{content:''; position:absolute; bottom:-30px; left:20px; width:260px; height:1px; background-color:#000;}
.keywordBox .tit{margin-bottom:12px; font-size:18px; color:#000; font-weight:bold;}
.keywordBox .keyCont{height:615px;}
.keywordBox .keyCont.mod1{height:1160px;}
.keywordBox .keyCont::-webkit-scrollbar{display:none;}
.keywordBox .keyCont .tag{margin-bottom:10px; font-size:14px; font-weight:bold; color:#d42018;}
.keywordBox .keyCont .txt{overflow:hidden; height:48px; font-size:15px; color:#000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.keywordBox .keyCont .inner{position:relative; padding-left:20px;}
.keywordBox .keyCont .inner:before{position:absolute; top:0; left:4px; display:block; content:''; width:1px; height:100%; background-color:#e4e4e4;}
.keywordBox .keyCont .inner ul{margin-bottom:24px;}
.keywordBox .keyCont .inner ul:last-child{margin-bottom:28px;}
.keywordBox .keyCont .inner li{position:relative; margin-bottom:28px;}
.keywordBox .keyCont .inner li:last-child{margin-bottom:0px;}
.keywordBox .keyCont .inner li:before{display:block; content:''; position:absolute; top:5px; left:-20px; width:9px; height:9px; border-radius:50%; background-color:#ccc;}
.keywordBox .keyCont .inner li.addImg:before{top:0px;}
.keywordBox .keyCont .inner li.addImg .txt{margin-top:5px;}
.keywordBox .keyCont .inner li.addImg .imgCont{overflow:hidden; width:240px; height:150px; }
.keywordBox .keyCont .inner li.addImg .imgCont img{width:100%; height:auto;}
.keywordBox .keyCont .inner li:hover:before{background-color:#d42018;}
/* Hotkeyword */
.keywordBox .keyCont2{position:relative; margin-bottom:60px;}
.keywordBox .keyCont2.mod1{height:554px;}
.keywordBox .keyCont2.mod2{height:850px;}
.keywordBox .keyCont2 .thumCont{overflow:hidden; width:100%; height:163px; margin-bottom:10px;}
.keywordBox .keyCont2 .thumCont img{width:100%; height:auto; min-height:163px; object-fit: cover;}
.keywordBox .keyCont2 .tag{display:inline-block; margin-bottom:10px; padding:8px 12px; border:1px solid #D42018; border-radius:18px; color:#D42018; font-weight:bold; font-size:14px; line-height:18px; 
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.keywordBox .keyCont2 ul li{margin-bottom:10px; padding-bottom:10px; border-bottom: 1px dashed rgb(153 153 153 / 30%);}
.keywordBox .keyCont2 ul li a{max-height:46px; font-size:15px; line-height:23px;
    overflow:hidden;
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp: 2;
}
.keywordBox .keyCont2 .inner+.inner{position:relative; }
.keywordBox .keyCont2 .inner+.inner:after{content:''; position:absolute; top:-11px; left:0px; width:100%; height:1px; background-color:#fff;}

/* jisuBox */
.jisuBox {padding:0 20px;}
.jisuBox .tit{position:relative; margin-bottom:7px; font-size:18px; font-weight:bold; }
.jisuBox .tit span{position:absolute; top:0; right:0; font-size:13px; font-weight:normal; color:#777; letter-spacing:-1px;}
.jisuBox .graphArea {position:relative; overflow:hidden; padding-bottom:137px; border:1px solid #ccc;}
.jisuBox .graphArea ul{width:259px;}
.jisuBox .graphArea li{float:left; width:33%;}
.jisuBox .graphArea li:nth-child(2){width:34%;}
.jisuBox .graphArea.ea2 li{width:50%;}
.jisuBox .graphArea li a{display:block; width:100%; padding:6px 0 10px; text-align:Center; background-color:#efefef;}
.jisuBox .graphArea li a:hover{background-color:#fff;}
.jisuBox .graphArea li.on a{background-color:#fff;}
.jisuBox .graphArea li:nth-child(2) a{border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; box-sizing: border-box;}
.jisuBox .graphArea .imgArea{display:none; position:absolute; bottom:12px; left:12px; width:234px; height:117px;}
.jisuBox .graphArea li.on a+.imgArea{display:block;}
.jisuBox .graphArea p.eve{font-size:14px; color:#000; }
.jisuBox .graphArea p.jisu{font-size:18px; line-height:20px; font-weight:bold;}
.jisuBox .graphArea p.num{font-size:11px;  line-height:13px; letter-spacing:-1px;}
.jisuBox .graphArea a.up .jisu, .jisuBox .graphArea a.up .num{color:#ed1c24;}
.jisuBox .graphArea a.down .jisu, .jisuBox .graphArea a.down .num{color:#0054a6;}
.rateTable{width:100%; margin-top:6px;}
.rateTable tr{border-bottom:1px solid #000;}
.rateTable tr:last-child{border-bottom:none;}
.rateTable th,.rateTable td{padding:8px 0; font-size:14px;}
.rateTable td{text-align:right;}
.rateTable td.up{color:#ed1b2f}
.rateTable td.down{color:#0054a6}
.rateTable td span{font-size:11px; vertical-align: bottom;}
.jisuBox .offer{padding-bottom:20px; border-bottom:1px solid #ccc; text-align:right; font-size:12px; line-height:12px; color:#777;}

/* recentBox */
.recentBox{padding:0 20px; margin-top:20px; }
.recentBox .tit{margin-bottom:5px; font-size:18px; font-weight:bold;}
.recentBox ul li{overflow:hidden; max-height:40px; margin-bottom:10px; font-size:15px; line-height:20px;}
.recentBox ul li:last-child{margin-bottom:0px;}
.recentBox ul.li_1 li:nth-child(2),.recentBox ul.li_1 li:nth-child(3),.recentBox ul.li_1 li:nth-child(4),.recentBox ul.li_1 li:nth-child(5){display:none;} 
.recentBox ul.li_2 li:nth-child(3),.recentBox ul.li_2 li:nth-child(4),.recentBox ul.li_2 li:nth-child(5){display:none;} 
.recentBox ul.li_3 li:nth-child(4),.recentBox ul.li_3 li:nth-child(5){display:none;} 
.recentBox ul.li_4 li:nth-child(5){display:none;} 

/* sumBox */
.sumBox{overflow:hidden; width:960px;}
.sumBox .leftArea{float:left; width:580px; margin-right:30px;}
.sumBox .rightArea{float:left; width:330px; margin-right:20px;}
.sumBox .column2 {overflow:hidden; margin-right:20px; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.sumBox .column2 .vList li{float:left;}
.sumBox .vList{position:relative; clear:both;}
.sumBox .vList:after{display:block; content:''; position:absolute; top:47px; left:0; width:453px; height:1px; background-color:#e4e4e4;}
.sumBox .vList:before{display:block; content:''; position:absolute; top:47px; right:0; width:453px; height:1px; background-color:#e4e4e4;}
.sumBox .vList li a{overflow:hidden; display:block; height:47px; font-size:18px; line-height:47px; font-weight:bold; color:#333; text-overflow:ellipsis; white-space: nowrap;}
.sumBox .vList li:first-child a{padding-left:0px !important; padding-right:27px;}
.sumBox .vList li:last-child a{padding-left:27px;}

/* sumBox leftArea2,rightArea2 */
.sumBox .leftArea2{float:left; width:590px; margin-right:20px;}
.sumBox .rightArea2{float:left; width:300px; margin-left:30px;}

/* sumBox topArea,downArea */
.sumBox .topArea{}
.sumBox .downArea{}

/* boxRolling */
.boxRolling ul.tab{position:relative; overflow:hidden; height:40px; background-color:#efefef;}
.boxRolling ul.tab li{float:left; line-height:40px; border-right:1px solid #e4e4e4}
.boxRolling ul.tab li:last-child{border-right:none;}
.boxRolling ul.tab li a{display:inline-block; padding:0 20px; font-weight:bold; color:#666; text-decoration: none;}
.boxRolling ul.tab li.on a{background-color:#fff; color:#000; }
.boxRolling{position:relative; width:940px; margin-top:30px; border:1px solid #ccc;}
.boxRolling .tit{margin-top:23px; font-size:18px; line-height:32px; font-weight:bold; color:#000;}
.boxRolling .vRolling{padding:19px;}
.boxRolling .vRolling .thumCont{position:relative; }
.boxRolling .vRolling .imgRoll{position:relative; width:490px; height:313px;}
.boxRolling .vRolling .imgRoll li{display:none; position:absolute; overflow:hidden;  top:0; left:0; width:490px; height:313px; }
.boxRolling .vRolling .imgRoll li.on{display:block;}
.boxRolling .vRolling .imgRoll li img{position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-height: 313px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);

}
.boxRolling .vRolling.culture .imgRoll{height:304px}
.boxRolling .vRolling.culture .imgRoll li{height:304px;}
.boxRolling .vRolling.culture .imgRoll li img{min-height:304px;}

.boxRolling .vRolling .titRoll{position:absolute; top:80px; right:19px; width:380px; height:260px; box-sizing: border-box;}
.boxRolling .vRolling .titRoll li {display:block; padding:20px 0; border-bottom:1px solid #e4e4e4; box-sizing: border-box;}
.boxRolling .vRolling .titRoll li:last-child{border-bottom:none;}
.boxRolling .vRolling .titRoll li.on a{font-weight:bold;}
.boxRolling .vRolling .titRoll li a{overflow:hidden; display:block; height:46px; font-size:16px; line-height:23px; color:#000;}
/* titRoll 4줄 추가 */
.boxRolling .vRolling .titRoll.ea4 {top:59px;}
.boxRolling .vRolling .titRoll li{padding:15px 0;}

/* viewBox 많이 본 기사  */
.viewBox{position:relative; width:590px; height:490px; margin-top:11px;}
.viewBox .tit{margin-bottom:10px; border-bottom:1px solid #000; font-size:18px; line-height:35px; font-weight:bold;}
.viewBox .rankBox .box li{position:relative; border-bottom:1px solid #e4e4e4;}
.viewBox .rankBox .box li .txtCont{overflow:hidden; height:56px; line-height:56px;;}
.viewBox .rankBox .box li .txtCont a{display:block; position:relative; padding:0 10px 0 35px; text-align:left;}
.viewBox .rankBox .box li .txtCont a .rank{position:absolute; top:0; left:0; font-size:25px; line-height:56px; font-weight:bold;}
.viewBox .rankBox .box li .txtCont a:hover .rank{text-decoration:none;}
.viewBox .rankBox .box li.in_img{display:table; width:100%; height:173px; padding-bottom:20px; }
.viewBox .rankBox .box li.in_img .thumCont{overflow:hidden; position:absolute; top:0; right:0; width:230px; height:173px;}
.viewBox .rankBox .box li.in_img .thumCont img{width:100%; height:auto; min-height:100%;}
.viewBox .rankBox .box li.in_img .txtCont{display:table-cell; width:100%; vertical-align: middle;}
.viewBox .rankBox .box li.in_img .txtCont a{overflow:hidden; display:block; width:315px; max-height:120px; padding:0 10px 0 35px; line-height:27px;}
.viewBox .rankBox .box li.in_img .txtCont a .rank{position:absolute; top:50%; left:0; margin-top:-27px; line-height:54px;}
.viewBox .rankBox .box li.in_img .txtCont a .tita{max-height:44px; line-height:22px;}
.viewBox .rankBox .box li.in_img .txtCont a .cont{margin-top:5px; font-size:14px; color:#555; line-height:22px}
.viewBox .rankBox .slick-prev{position:absolute; top:-38px; left:162px; width:14px; height:15px; background:url(../images/btn_prev3.png) no-repeat 0 0; z-index: 1; text-indent:-10000px;}
.viewBox .rankBox .slick-next{position:absolute; top:-38px; right:0; width:14px; height:15px; background:url(../images/btn_next3.png) no-repeat 0 0; z-index: 1; text-indent:-10000px;}
.viewBox .rankBox .slick-dots {position:absolute; top:-48px; right:0; display:flex; justify-content: space-around;  width:360px; height:35px; padding:0 35px;}
.viewBox .rankBox .slick-dots button{position:relative; float:left; text-align:center; font-size:14px; line-height:35px; text-align:center; color:#777;}
.viewBox .rankBox .slick-active button{color:#d42018; border-bottom:2px solid #d42018; font-weight:bold;}
.viewBox .rankBox .box li .txtCont a p{overflow:hidden; width:100%; text-overflow: ellipsis; white-space: nowrap;}
.viewBox .rankBox .box li.in_img .txtCont a p{overflow:hidden; width:100%; text-overflow:initial; white-space:initial;}
/* type2 - 메인 오른쪽 */
.viewBox.type2{width:300px; height:340px; margin-top:0px;}
.viewBox.type2 .rankBox.type2 .slick-dots{width:100px;}
.viewBox.type2 .rankBox.type2 .box li{overflow:hidden; width:300px; height:60px; padding-bottom:0px; border-bottom:none;}
.viewBox.type2 .rankBox.type2 .box li .txtCont{overflow:hidden; display:table-cell; width:100%; height:60px; line-height:60px; vertical-align:middle;}
.viewBox.type2 .rankBox.type2 .box li .txtCont a{overflow:hidden; display:block; position:relative; height:40px; padding:0 10px 0 35px; text-align:left; font-size:14px; line-height:20px;}
.viewBox.type2 .rankBox.type2 .box li .txtCont a .rank{margin-top:-10px;}
.viewBox.type2 .rankBox.type2 .box li .txtCont a p{overflow:hidden; width:100%; text-overflow: initial; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.viewBox.type2 .rankBox.type2 .box li.in_img .txtCont a{width:170px; height:40px;}
.viewBox.type2 .rankBox.type2 .box li.in_img .txtCont a p{height:60px; text-overflow: initial; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.viewBox.type2 .rankBox.type2 .box li.in_img .txtCont a .rank{margin-top:-27px;}
.viewBox.type2 .rankBox.type2 .box li.in_img .thumCont{overflow:hidden; position:absolute; top:0; right:0; width:80px; height:60px;}
.viewBox.type2 .rankBox.type2 .box li.in_img .thumCont img{width:80px; height:auto;}

/* 여의도and , 군사대로 등등 */
.smallbox{margin-top:30px; }
.smallbox+.smallbox{margin-top:20px; padding-top:20px;border-top:1px solid #ccc;}
.smallbox p.tit{margin-bottom:8px; font-size:18px; color:#000; font-weight:bold;}
.smallbox+.graphBox{padding-top:10px; border-top:1px solid #ccc;}

/* sectName */
.sectName{position:absolute; top:0; right:0; display:flex; justify-content: space-around;  width:420px; height:35px; padding:0 35px;}
.sectName div.slick-slide{position:relative; width:60px; text-align:center;}
.sectName div.slick-slide:after{display:block; content:''; position:absolute; top:12px; right:0; width:1px; height:12px; background-color:#ccc;}
.sectName div.slick-slide:last-child:after{display:none;}
.sectName span{text-align:center; font-size:14px; line-height:33px; text-align:center; color:#777;}
.sectName .slick-prev{position:absolute; top:10px; left:0; width:14px; height:15px; background:url(../images/btn_prev3.png) no-repeat 0 0; z-index: 1; text-indent:-10000px;}
.sectName .slick-next{position:absolute; top:10px; right:0; width:14px; height:15px; background:url(../images/btn_next3.png) no-repeat 0 0; z-index: 1; text-indent:-10000px;}
.sectName div.on a{display:inline-block; color:#d42018; line-height:33px; border-bottom:2px solid #d42018; font-weight:bold; }
.sectName div a{font-size:15px; font-weight:normal; text-decoration: none;}
.rankBox.main{position:relative;}
.rankBox.main .box{position:absolute; top:0; left:0; width:590px; display:none;}
.sub .rankBox.main .box{width:100%;}
/* type2 */
.sectName.type2{width:170px; padding:0 15px;}
.sectName.type2 div.slick-slide {width:70px; text-align:center;}
.rankBox.type2{position:relative;}
.rankBox.type2 .box{position:absolute; top:0; left:0; width:300px; display:none;}

/* aside aside aside */
.aside{position:relative; overflow:hidden; float:right; width:300px;}
.aside .fix{width:100%;}
/* 위에 걸림 */
.fix.fixedStart{position:fixed; top:73px; bottom:auto; width:300px;}
.fix.fixedRel{position:relative;}
/* 아래걸림 */
.fix.fixedEnd{position:fixed; top:auto; bottom:0; width:300px;}
.fix.fixedFoot{position:absolute; top:auto; bottom:0; right:0; width:300px;}

.fix.fixedHold{position:absolute; }

/* 광고 영역 */
.adBox{padding:16px 0; border:1px solid #e5e5e5; box-sizing: border-box; text-align:center;}
.adBox li{margin-bottom:5px;}
.adBox li:last-child{margin-bottom:0px;}
.adBox li object{margin:0 auto;}

/* 수도권 지방 광고 영역 - 긴거 */
.adBox2{position:relative; padding:20px; border:1px solid #e4e4e4; text-align:center;}
.adBox2 ul li {margin-bottom:20px;}
.adBox2 ul li:last-child{margin-bottom:0px; }

/* 수도권 지방 광고 영역 - 짧은거 */
.adBox3{position:relative; overflow:hidden; padding:20px; border:1px solid #e4e4e4; text-align:center;}
.adBox3 ul{width:500px; margin:0 auto; }
.adBox3 ul li {float:left; margin-bottom:20px; border-bottom:none !important ;}

/* 뉴시스 메인 많이 본 기사 상단 배너 두개 사이즈:270x60 */
.adBox4{position:relative; text-align:center;}
.adBox4 div{margin-bottom:10px;}
.adBox4 div a{display:inline-block;}


/* asideBox 쏠쏠정보 , 알립니다 유형의 style */
.asideBox .tit{margin-bottom:5px; font-size:18px; font-weight:bold; line-height:27px;}
.asideBox .thumCont{overflow:hidden; width:300px; height:220px;}
.asideBox .thumCont img{width:100%; height:auto; min-height:220px;}
.asideBox .txtCont p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px; margin-top:7px; font-size:15px; line-height:20px; color:#000;}
.asideBox ul{margin-top:14px;}
.asideBox ul li{overflow:hidden; max-height:40px; margin-bottom:14px;}
.asideBox ul li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px; display:block; line-height:20px; font-size:15px; color:#000;}
.asideBox.line{padding-top:20px; border-top:1px solid #e4e4e4;}
/* 유튜버,위드금융 top */
.asideBox.type2 .top{position:relative;}
.asideBox.type2 .top .thumCont{overflow:hidden; position:absolute; top:0; right:0; width:80px; height:60px;}
.asideBox.type2 .top .thumCont img{object-fit: cover; width:100%; height:auto; min-height:60px;}
.asideBox.type2 .top .txtCont{overflow:hidden; width:100%; height:60px;}
.asideBox.type2 .top .txtCont a{display:block; width:210px; height:60px; }
.asideBox.type2 .top .txtCont a p{position:relative; margin-top:10px; padding-left:10px; height:40px; text-overflow: initial; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.asideBox.type2 .top .txtCont a p:after{content:"·"; position:absolute; top:0; left:0px; }

/* 그래픽뉴스 */
.graphBox{margin-top:11px;}
.graphBox .tit{font-size:18px; line-height:36px; color:#000; font-weight:bold;}
.graphBox .boxStyle04{margin:0px;}
.graphBox .boxStyle04 .thumCont{overflow:hidden; width:300px; height:220px;}
.graphBox .boxStyle04 .thumCont img{width:100%; min-height:220px;}
.graphBox li{margin-bottom:13px;}
.graphBox li:last-child{margin-bottom:0px;}

/* photoBox 메인 화보 쪽 */
.photoBox .thumCont{overflow:hidden; position:relative; width:300px; height:197px;} 
.photoBox .thumCont p.caption{position:absolute; top:171px; left:0; padding:0 14px; background-color:#fff; font-size:14px; line-height:26px; color:#000; font-weight:bold;}
.photoBox .txtCont p a{overflow:hidden; display:block; height:24px; margin-top:5px; line-height:24px; font-size:15px; color:#000;}
.photoBox .thumCont img{width:100%; height:auto; min-height:188px;
	-webkit-transition:.5s; 
	-moz-transition:.5s; 
	-o-transition:.5s; 
	transition:.5s; 
	-webkit-transform:scale(1); 
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.photoBox .thumCont img:hover{width:100%; height:auto; min-height:188px;
	-webkit-transition:.5s; 
	-moz-transition:.5s; 
	-o-transition:.5s; 
	transition:.5s; 
	-webkit-transform:translate(0, 0) scale(1.1); 
	-moz-transform:translate(0, 0) scale(1.1);
	-o-transform:translate(0, 0) scale(1.1);
	transform:translate(0, 0) scale(1.1);
}

/* aside 스잘알 */
.photoBox2{position:relative; margin:30px 0 20px;}
.photoBox2 .thumCont{overflow:hidden; width:300px; height:225px;}
.photoBox2 .thumCont .thum img{width:100%; height:auto; min-height:225px;}
.photoBox2 .thumCont .txt{position:absolute; bottom:0; left:0; padding:0 15px 16px; font-size:16px; line-height:21px; color:#fff;}
.photoBox2 .caption{position:absolute; top:0; left:0; height:26px; padding:0 15px;  background-color:#e67f22; font-weight:bold; color:#fff; line-height:26px; }
.photoBox2 .caption a:hover{text-decoration:none;}
.photoBox2:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 30%);}
.youtube_box{position:relative; margin-bottom:20px;}
.youtube_box .thumCont{position:relative;}
.youtube_box .thumCont img{width:100%;}
.youtube_box .thumCont a{display:block;}
.youtube_box .thumCont button{position:absolute; right:0; bottom:0;}
.youtube_box .txt {overflow:hidden; max-height:40px; margin-top:5px; font-size:15px; line-height:20px;}


/* 기획특집 view */
/* 소셜 및 링크 */
.infoLine{overflow:hidden; width:100%; margin:24px 0 24px; padding-bottom:14px; border-bottom:1px solid #ccc;}
.infoLine .left{float:left;}
.infoLine .right{float:right;}
.infoLine .left .txt{font-size:14px; color:#999;}
.infoLine .left .txt span{position:relative; }
.infoLine .left .txt span{margin-right:5px; padding-right:5px; }
.infoLine .left .txt span:after{display:block; content:''; position:absolute; top:7px; right:-1px; width:1px; height:12px; background-color:#e2e2e2;}
.infoLine .left .txt span:last-child:after{display:none;}
.socialBox {float:left;}
.socialBox ul li {float:left; margin-left:3px;}
.socialBox ul li:first-child {margin-left:0;}
.socialBox li.line {position:relative; margin-left:10px; padding-left:10px;}
.socialBox li.line:after{position:absolute; display:block; content:''; top:5px; left:0px; width:1px; height:20px; background-color:#a1a1a1; }
.infoBox {float:left; margin-top:1px;}
.infoBox ul li {float:left;}
.infoBox ul li a {margin-left:-1px;}
.infoBox ul li .f_size_s {width:29px; height:29px; background:url(../images/icon_fontSize.gif) no-repeat 0 0; font-size:0px; line-height:0px;}
.infoBox ul li .f_size_b {width:29px; height:29px; background:url(../images/icon_fontSize.gif) no-repeat -29px 0; font-size:0px; line-height:0px;}

/* 기사뷰 부분 */
.viewer{padding:0 80px 30px 99px;}
.viewer article{padding-bottom:30px; font-size:17px; line-height:28px;}
.viewer article b, .viewer article a{display:inline;}
.viewer .reporter{margin-bottom:51px;}
.viewer .thumCont{margin:40px 0; text-align:center;}
.viewer .thumCont .thum{max-width:720px; margin:0 auto;}
.viewer .thumCont .thum.left img{margin-right:30px;}
.viewer .thumCont img{width:auto; max-width:720px; height:auto; margin-bottom:14px;}
.viewer .thumCont .photojournal{margin-bottom:47px; max-width:720px; font-size:14px; line-height:23px; color:#666; text-align:left;}
.viewer .news{font-size:17px; line-height:28px; color:#000;} 
.viewer .viewerBottom button{float:left; margin:40px 0 25px; }
.viewer .viewerBottom .copyright{clear:both; margin-bottom:10px; font-size:14px; color:#999;}
.viewer .viewerBottom .socialBox{margin:40px 0 0 10px;}
.viewer .link .tit{margin:20px 0 15px; font-size:17px; font-weight:bold;}
.viewer .link .linkNews li{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewer .link .linkNews li a{font-size:15px; width:100%;}
.hashtag{overflow:hidden; clear:both;}
.hashtag li{float:left; margin:0 19px 4px 0; }
.hashtag li a{color:#4965f4; font-size:14px;}
/* 동영상 */
.viewer .position{overflow:hidden; width:100%; height:auto; text-align:center;}
.viewer .position.left iframe{float:left;}
.viewer .position.right iframe{float:right;}
.viewer .mask{display:inline-block;overflow:hidden;width:auto; height:auto;}
.viewer .mask iframe{max-width:720px;}
/* 광고 */
.viewer .viewerAd.left{float:left; margin:0 25px 5px 0;}
.viewer .viewerAd.right{float:right; margin:0 0 5px 25px;}
.viewer .viewerAd.center{margin:0 auto; min-width:40px; margin-bottom:25px;}

/* 기획특집 aside 박스 리스트 */
.boxList{border: 1px solid #ccc; box-sizing: border-box;}
.boxList li{position:relative; padding:15px 15px 0;}
.boxList li a{font-weight:bold;}
.boxList li.on:after{display:block; content:''; position:absolute; top:0; left:0; width:4px; height:100%; background-color:#ed1b2f;}
.boxList li.on a{color:#ed1b2f;}
.boxList li a{display:block; padding-bottom:15px; border-bottom:1px solid #e4e4e4;}
.boxList li:last-child a{border-bottom:none;}
.boxList li:hover:after{display:block; content:''; position:absolute; top:0; left:0; width:4px; height:100%; background-color:#ed1b2f;}
.boxList li:hover a{color:#ed1b2f;}

/* 오늘의 주요일정 */
.todayPlan{position:relative; margin-top:30px;}
.todayPlan .tit{border-bottom:1px solid #000; font-size:18px; line-height:35px; font-weight:bold;}
.todayPlan .area{overflow:hidden; position:absolute; top:10px; right:0; height:18px; }
.todayPlan .area p{position:relative; overflow:hidden; font-size:14px; line-height:17px; text-align:right}
.todayPlan .area p a{margin-left:10px;}
.todayPlan .area p img{display:inline-block; margin-top:1px;}
.todayPlan .planList{overflow:hidden; width:100%; height:55px; background-color:#efefef;}
.todayPlan .planList .box{display:table; position:relative; height:55px; padding:0 80px 0 35px;}
.todayPlan .planList .box a{display:table-cell; vertical-align: middle;}
.todayPlan .planList .box .ico{position:absolute; top:50%; left:10px; margin-top:-9px}
.todayPlan .planList .box .date{position:absolute; top:50%; right:10px; margin-top:-12px; font-size:13px; color:#999;}
.todayPlan .planList .box .txt{overflow:hidden; max-height:39px; line-height:19px; font-size:14px; text-overflow: initial; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; letter-spacing:-.5px;}

/* 포토영상 리스트 - 국내사진,해외사진 */
.photoBox3{margin-bottom:30px;}
.photoBox3 .photoList{overflow:hidden; margin-top:30px;}
.photoBox3 .photoList li{float:left; width:305px; margin:0 20px 17px 0;}
.photoBox3 .photoList li:nth-child(4n){margin-right:0px;}
.photoBox3 .photoList li .thumCont{position:relative; overflow:hidden; width:305px; height:229px;}
.photoBox3 .photoList li .thumCont img{position:absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-height: 228px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.photoBox3 .photoList li .txtCont p.txt{overflow:hidden; height:43px; margin-top:7px;}
.photoBox3 .photoList li .txtCont p.txt a{font-size:16px; line-height:21px;}
/* 테마포토 */
.photoBox3 .photoList2{overflow:hidden; margin-top:30px;}
.photoBox3 .photoList2 li{float:left; width:305px; margin:0 20px 17px 0;}
.photoBox3 .photoList2 li:nth-child(4n){margin-right:0px;}
.photoBox3 .photoList2 li .thumCont{position:relative; overflow:hidden; width:305px; height:199px;}
.photoBox3 .photoList2 li .thumCont img{position:absolute;
    top: 0;
    left: 50%;
    width: auto;
    min-height: 199px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.photoBox3 .photoList2 li .thumCont .label{position:absolute; bottom:8px; right:8px; padding:1px 9px 2px; min-width:27px; border-radius:20px; background-color:#4a65f4; color:#fff; font-size:15px; text-align:center;}
.photoBox3 .photoList2 li .txtCont p.txt{overflow:hidden; height:43px; margin-top:7px;}
.photoBox3 .photoList2 li .txtCont p.txt a{font-size:16px; line-height:21px;}
/* 기획특집 특집판 리스트 - 상단 */
.spacialBox{width:1280px; margin:30px auto 0; overflow:hidden;}
.spacialBox .thumCont{overflow:hidden; position:relative; float:left; width:460px; height:356px; margin-left:84px;}
.spacialBox .thumCont img{position:absolute;
	top: 0;
    left: 50%;
    width: 100%;
    min-height: 356px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.spacialBox .txtCont{overflow:hidden; width:573px; padding-left:40px;}
.spacialBox .txtCont .tit{margin:4px 0 28px; font-size:42px; font-weight:bold; color:#000; line-height:50px;}
.spacialBox .txtCont .sub{margin-bottom:20px; font-size:20px; color:#333;}
.spacialBox .txtCont .txt{max-height:104px; font-size:14px; line-height:26px; color:#777;}
.spacialBox .txtCont.no_sub .txt{max-height:130px;}
/* 기획특집 특집판 리스트 - 리스트*/
.spacialList{overflow:hidden; margin-top:30px;}
.spacialList li{float:left; width:620px; margin-right:40px;}
.spacialList li:nth-child(2n){margin-right:0px;}
.spacialList li .boxStyle01 .thumCont{position:relative; width:265px; height:199px;}
.spacialList li .boxStyle01 .thumCont img{position:absolute;
	top: 0;
    left: 50%;
    width: 100%;
	height:auto;
    min-height: 199px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.spacialList li .boxStyle01 .txtCont {height:199px; }
.spacialList li .boxStyle01 .txtCont .txt a{max-height:140px; font-size:16px; color:#000; line-height:35px;}
.spacialList li .boxStyle01 .newsTit{overflow:hidden; height:24px;}

/* 알립니다. 페이지 테이블 tableStyle1 */
.tableStyle1 th {height:38px; font-size:15px; letter-spacing:-0.5px; color:#000; text-align:center; font-weight:bold; border-top:1px solid #979797; border-bottom:1px solid #979797;}
.tableStyle1 .lst td {height:40px; font-size:14px; text-align:center; color:#333; border-bottom:1px solid #d9d9d9;}
.tableStyle1 td.tit {padding-left:17px; text-align:left;}
.tableStyle1 td.tit img {margin-top:2px; vertical-align:top;}
.tableStyle1 td.tit a {color:#333;}
.tableStyle1 td.on .tit a {text-decoration:underline;}
.tableStyle1 .area td {display:none;}
.tableStyle1 .on .area td {display:table-cell;}
.tableStyle1 .txt {padding:23px 30px 30px; font-size:14px; line-height:24px; text-align:left; letter-spacing:-0.25px; color:#777; border-bottom:1px solid #d9d9d9; }
.tableStyle1 .lst_file .tit {display:block; padding-left:13px; height:36px; background:#ececec; font-size:14px; line-height:34px; color:#000;}
.tableStyle1 .lst_file .group {padding:6px 0 8px; background:#f7f7f7;}
.tableStyle1 .lst_file .bundle {overflow:hidden;}
.tableStyle1 .lst_file .bundle .txt_link {padding-left:14px; font-size:13px; line-height:25px; color:#333;}
.tableStyle1 .lst_file .bundle .txt_link img {margin-top:-2px;}
.tableStyle1 .lst_file .bundle .txt_link a {font-size:13px; line-height:24px; color:#333;}
.tableStyle1 .lst_file .bundle .txt_link .sizkb {color:#989797;}
.tableStyle1 .lst_file .bundle .link {margin-left:9px;}
.tableStyle1 .lst_file .bundle .link a {font-size:12px; line-height:25px; color:#ed1b2f;}

/* 뉴시스pic */
.newsisPic{position:relative; margin-bottom:20px; background:url(../images/img_newsisPic.png) no-repeat 0 0;}
.newsisPic .thumCont{position:relative; overflow:hidden; width:100%; height:224px;}
.newsisPic .thumCont img{ position:absolute;
	top: 0;
    left: 50%;
    width: 100%;
    min-height: 224px;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.newsisPic .txtCont{position:absolute; bottom:0; left:0; width:100%; background-color:rgba(255,255,255, .6);}
.newsisPic .txtCont p{overflow:hidden; margin:0 10px; height:35px; font-size:15px; line-height:35px; text-overflow:ellipsis; white-space: nowrap;}
.newsisPic .inner .slick-slide{position:relative; height:auto;}
.newsisPic .inner .slick-dots{position:absolute; top:-22px; right:0;}
.newsisPic .inner .slick-dots li{float:left; margin-left:10px;}
.newsisPic .inner .slick-dots li button {width: 13px; height: 13px; background-color:#ccc; line-height: 0px; border-radius: 50%; font-size: 0; }
.newsisPic .inner .slick-dots li.slick-active button{background-color:#ed1b2f;}

/* 뉴시스픽 샘플링 */
.newsisPic .thumCont.type1 img{position:absolute;
	top: 0;
    left: 50%;
    width: 100%;
    min-height: auto;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.newsisPic .thumCont.type2 img{position:absolute;
	top: 50%;
    left: 50%;
    width: 100%;
    min-height: auto;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.newsisPic .thumCont.type3 img{position:absolute;
	top: 0;
    left: 50%;
    width: auto;
    min-height: auto;
    max-width: auto !important;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}
.newsisPic .thumCont.type4 img{position:absolute;
	top: 0;
    left: 50%;
    width: auto;
    height:224px;
    max-width: auto !important;
    transition: .5s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
}

/* footer */
#footer{position:relative; width:100%; border-top:1px solid #ccc; margin-top:30px;}
.serviceMenu {position:relative; width:1280px; height:325px; margin:30px auto 30px; }
.serviceMenu .tit{position:absolute; top:0; left:0; font-size:12px;}
.serviceMenu .socialArea{position:absolute; bottom:0; left:0; width:90px;}
.serviceMenu .socialArea li{float:left; margin:10px 9px 0 0;}
.serviceMenu .socialArea li.wifi {margin-right:7px;}
.serviceMenu .cont{float:left; max-width:190px; }
.serviceMenu .cont p{margin-bottom:15px; font-size:14px; font-weight:bold;}
.serviceMenu .cont li{float:left; width:50%; margin-bottom:12px;}
.serviceMenu .cont li.w100{width:100%;}
.serviceMenu .cont li a{font-size:12px; line-height:15px; color:#555; }
.serviceMenu .cont li a.red{color:#d42018;}
.serviceMenu .cont.section1{margin:0 50px 0 170px}
.serviceMenu .cont.section2{margin:0 50px 0 0;}
.serviceMenu .cont.section3{margin:0 50px 0 0;}
.serviceMenu .cont.section4{margin:0 50px 0 0;}
.serviceMenu .cont.section5{margin:0 50px 0 0;}
.joinCompany {overflow:hidden; height:80px; border-top:1px solid #ccc; text-align:center;}
.joinCompany ul{display: flex; justify-content: center; align-items: center; height:100%;}
.joinCompany li{display:inline-block; height:60px; margin:0 15px; }
.joinCompany li a{display:table; height:60px;}
.joinCompany li a span{display:table-cell; vertical-align: middle;}


.footer{padding-bottom:20px; border-top:1px solid #ccc; background-color:#efefef;}
.footer .inner{position:relative; width:1280px; margin:0 auto;}
.footer .logo{position:absolute; top:89px; left:0;}
.footer .footerMenu{overflow:hidden; width:100%; margin-top:17px;}
.footer .footerMenu li{float:left;}
.footer .footerMenu li a{position:relative; margin-right:11px; padding-right:11px; font-size:13px; line-height:15px; color:#000;}
.footer .footerMenu li a strong{vertical-align: baseline; color:#d42018;}
.footer .footerMenu li a:after{display:block; content:''; position:absolute; top:3px; right:0; width:1px; height:13px; background-color:#ccc}
.footer .footerMenu li:last-child a:after{display:none;}
.footer .address{margin-top:40px; padding-left:195px;}
.footer .address p{margin-bottom:3px;}
.footer .address span{position:relative; margin-right:2px; padding-right:10px; font-size:13px; line-height:15px; color:#000;}
.footer .address span:after{display:block; content:''; position:absolute; top:2px; right:0; width:1px; height:13px; background-color:#ccc;}
.footer .address p span:last-child:after{display:none;}


/* 퀵배너 */
#quick_banner{position:absolute; left:50%; margin-left:-746px;}
.newCold_area2021{width:86px; height:128px; margin:10px 0; background:url(../images/bg_newCold220530.jpg) no-repeat 0 0;}
.newCold_area2021 p.time{display:inline-block; width:100%; margin:6px 0 5px; text-align:center; font-size:12px; line-height:14px; font-weight:bold; color:#666; letter-spacing:-1px;}
.newCold_area2021 .inner{position:relative; width:74px; height:120px; padding:0 7px 0 5px;}
.newCold_area2021 .inner P{position:relative; display:inline-block; width:100%; text-align:right; line-height:17px;}
.newCold_area2021 .inner P strong{margin-right:1px; letter-spacing:-1px; font-size:12px;}
.newCold_area2021 .inner P span:first-child{position:absolute; top:0; left:0; text-align:left; font-size:10px; letter-spacing:-1px;}
.newCold_area2021 .inner P span:last-child{margin-right:-3px; font-size:10px; color:#dc4637;}
.newCold_area2021 .inner.box2 .line_1{margin:37px 0 5px;} 
.newCold_area2021 .inner.box2 .line_1 strong{letter-spacing:-1.6px;} 
.newCold_area2021 .inner.box2 .line_2{margin-bottom:4px}

/* 퀵배너2 */
#quick_banner2{position:absolute; left:50%; margin-left:660px;}

/* 퀵 탑버튼 */
#quick_up{display:none; position:fixed; left:50%; bottom:60px; margin-left:650px;}

/* 이미지 gif 라벨 */
.imgLabelCover{position:relative; display:block;}
.imgLabelCover:after{content:"GIF"; position:absolute;  bottom:4px; right:4px; display:block; width:12px; height:4px; line-height:2px; padding:6px; border-radius:8px 0; background-color:rgba(255,255,255); border:1px solid #75777a; color:#75777a; font-weight:bold; font-size:10px; text-indent:-1px; text-align:center;}

/* info-box */
.info-box{position:relative;}
.info-box-inner{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index: 2;}
.info-box-inner p{position:relative; color:#fff; font-size:20px; line-height:30px;}
.info-box-inner p span{display:inline-block; font-size:40px; vertical-align: baseline; color:yellow}
.info-box-inner p span.deg45{transform:rotate(45deg);}
.info-box-inner p span.deg90{transform:rotate(45deg);}
.info-box-inner p span.deg135{transform:rotate(135deg);}
.info-box-inner p span.deg180{transform:rotate(180deg);}
.info-box-inner p span.deg225{transform:rotate(225deg);}
.info-box-inner p span.deg270{transform:rotate(270deg);}


/* 신년 기획 특집 */
.specialBox2{position:relative; width:1280px; margin:32px auto;}
.specialBox2 .thumCont{overflow:hidden; width:1280px; height:400px;}
.specialBox2 .thumCont img{width:100%; height:auto; min-height:400px; object-fit: cover;}
.specialBox2 .txtCont{position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.specialBox2 .txtCont .tit{padding:16px 0; background:rgba(0,0,0,0.7); font-size:32px; line-height:36px; color:#fff; font-weight:bold;}
/* 2개 */
.specialCont2{display:flex; flex-wrap:wrap; width:1280px; margin:0 auto; }
.specialCont2 .cont{width:calc(50% - 48px); margin-bottom:32px;}
.specialCont2 .cont:nth-child(even){padding-left:16px; padding-right:32px;}
.specialCont2 .cont:nth-child(odd){padding-right:16px; padding-left:32px;}
.specialCont2 .cont .thumCont{margin-bottom:16px;}
.specialCont2 .cont .thumCont img{width:100%; height:333px; object-fit: cover;}
.specialCont2 .cont .txtCont{overflow:hidden; max-height:160px; padding:0 16px;}
.specialCont2 .cont .txtCont .tit{margin-bottom:8px; font-size:22px; line-height:28px; font-weight:bold}
.specialCont2 .cont .txtCont .txt{font-size:14px; line-height:24px;}
/* 4개 */
.specialCont2.type2 .cont{width:calc(20% - 16px); margin-bottom:32px;}
.specialCont2.type2 .cont:nth-child(even){padding-right:20px; padding-left:0px;}
.specialCont2.type2 .cont:nth-child(odd){padding-right:20px; padding-left:0px;}
.specialCont2.type2 .cont:nth-child(5n){padding-right:0px;}
.specialCont2.type2 .cont .txtCont{overflow:hidden; max-height:160px; padding:0 8px;}
.specialCont2.type2 .cont .txtCont .tit{margin-bottom:8px; font-size:20px; line-height:24px; font-weight:bold}
.specialCont2.type2 .cont .txtCont .txt{font-size:14px; line-height:25px;}
/* 좌우 */
.specialCont2.type3 .cont{width:100%; margin-bottom:32px; display:flex; align-items: center;}
.specialCont2.type3 .cont .thumCont{flex:0 0 40%; margin-bottom:0px;}
.specialCont2.type3 .cont .thumCont img{height:auto; }
.specialCont2.type3 .cont .txtCont{text-align:center; padding:0 32px;}
.specialCont2.type3 .cont {padding:0px;}
.specialCont2.type3 .cont:nth-child(odd) .txtCont{text-align:left}
.specialCont2.type3 .cont:nth-child(even){flex-direction: row-reverse;}
.specialCont2.type3 .cont:nth-child(even) .txtCont{text-align:right;}

.specialCont2.type3 .cont .txtCont .tit{margin-bottom:8px; font-size:24px; line-height:32px; font-weight:bold}
.specialCont2.type3 .cont .txtCont .txt{font-size:14px; line-height:32px;}

/* 모바일 버전보기 */

.m_change{position:fixed; left:50%; bottom:0px; margin-left:30px; z-index: 99;}
.m_change img{width:600px;}