/*newsman.css는 기자별 페이지 관련 스타일 시트입니다.*/
/*
201611184 코드 관리와 가독성을 위해 별도분리 하였습니다.
font-family: "NanumMyeongjoBold / NanumMyeongjoRegular" 추가 
*/

/* -----------------------  gate style --------------------------*/
#newsman.gate { position: relative}
#newsman.gate .pc_man_btn { position: relative; max-width: 1198px; height: 40px; margin:0 auto;}
#newsman.gate .pc_man_btn .newsman_my { display: inline-block; height:100%; position: absolute; top:0; right:0; line-height:40px; font-family:"NanumMyeongjoBold"; font-size: 15px; color:#0078bd;}
#newsman.gate .pc_man_btn .newsman_my img { display: inline-block; width: 22px; margin: 10px 3px 0 0;}
#newsman.gate .man_hd_roll { width: 100%; height: 370px; position: relative;}
#newsman.gate .man_hd_roll a { display: block; height: 100%; width: 100%;}
#newsman.gate .newsman_header { height: 370px; }
#newsman.gate .newsman_header .newsman_header_tex { text-align: left}
#newsman.gate .newsman_header .newsman_header_tex h2:after { display: none;}
#newsman.gate .newsman_header .newsman_header_tex h2 { font-size: 58px; height: 85px;}
#newsman.gate .newsman_header .newsman_header_tex h5 { display: inline-block; font-size: 18px; color:#fff; font-family: "NanumMyeongjoBold"; padding:7px 20px; position: relative; margin-top: -20px;}
#newsman.gate .newsman_header .newsman_header_tex h5:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top:-1px; left: 0; border:1px solid #dedad5; border-radius: 20px; opacity:0.5;}
#newsman.gate .newsman_header.whitetype .newsman_header_tex h5 { color:#333;}
#newsman.gate .newsman_header.whitetype .newsman_header_tex h5:after { border:1px solid #333;}
#newsman.gate .hd_roll_control {width: 100%; height: 15px; position: absolute; bottom:25px; left:0; }
#newsman.gate .hd_roll_control ul { display: inline-block; height:100%;}
#newsman.gate .hd_roll_control li { width: 15px; height:100%; float:left; background:#fff; border-radius: 50%; margin: 0 5px; border:1px solid #acb0b4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#newsman.gate .hd_roll_control li.on { background:#fa702c; border:0 none; }
#newsman.gate .hd_roll_control li a { display: block; width: 100%; height: 100%;}

#newsman.gate .hof_title { margin:70px auto 10px auto}
#newsman.gate > p {font-size: 15px; color:#666; line-height: 22px; padding: 0 20px;}
#newsman.gate > p span{display: block; }
#newsman.gate > h6 { font-size: 18px; font-weight: bold; color:#333; line-height: 1; padding-bottom: 20px; border-bottom:1px solid #ced2d7; max-width: 1198px; margin:55px auto 0 auto}
#newsman.gate .my_newsman { max-width: 1198px; margin: 0 auto; border:0; padding:30px 0 5px 0}
#newsman.gate .my_newsman li.editorialist a dl dt span{ color:#fff}
#newsman.gate .my_newsman li a dl dd img { margin-top: 0}
#newsman.gate .under900 { display: none;}

@media screen and (max-width:1300px){
    #newsman.gate .newsman_header .newsman_header_tex {max-width: 62%}
}
@media screen and (max-width:1197px){ 
    #newsman.gate .pc_man_btn .newsman_my { right:10px; }
    #newsman.gate .man_hd_roll {position: relative;width: 100%;height: 0;overflow: hidden;padding-bottom: 31%;}
    #newsman.gate .newsman_header { width: 100%;height: 100%; overflow: hidden; padding-bottom: 0;}
    #newsman.gate .newsman_header .newsman_1197 { width: auto; height:470px; right:0; left: auto; max-width: none}
    #newsman.gate .newsman_header .newsman_header_tex h2 { font-size: 46px; height:68px; }
    #newsman.gate .newsman_header .newsman_header_tex h2 span {font-size: 23px;}
    #newsman.gate .newsman_header .newsman_header_tex h3 { font-size: 20px;}
    #newsman.gate .newsman_header .newsman_header_tex h5 { font-size: 14px; padding:7px 15px}
    #newsman.gate .newsman_header .newsman_header_tex p { font-size: 13px;}
    #newsman.gate .my_newsman { padding:30px 10px 5px 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {
       #newsman.gate .newsman_header .newsman_1197 {left: initial;} 
    }
}
@media screen and (max-width:900px){ 
    #newsman.gate .pc_man_btn {display: none;}
    #newsman.gate .man_hd_roll {padding-bottom:38%;}
    #newsman.gate .hd_roll_control {bottom:15px;}
    #newsman.gate .hof_title { margin:25px auto 10px auto}
    #newsman.gate .under900 { display:block; width: 100%; height: 10px; background:#dfe2e4}
    #newsman.gate > h6 { margin:18px auto 13px auto; font-size: 20px; display: inline-block; font-family:"NanumMyeongjoBold"; padding:0; border:0 none; }  
    #newsman.gate > p {margin-bottom: 20px; text-align: left}
    #newsman.gate > p span.noblock { display: inline}
    #newsman.gate .my_newsman { padding:0 10px 5px 10px}
    #newsman.gate .newsman_header .newsman_1197 { height:370px; }
}
@media screen and (max-width:750px){ 
    #newsman.gate .man_hd_roll {padding-bottom:45%;}
    #newsman.gate .newsman_header .newsman_header_tex {max-width: 65%}
    #newsman.gate .newsman_header .newsman_header_tex h2 span {font-size: 21px;}
    #newsman.gate .newsman_header .newsman_header_tex h3 { font-size: 18px;}
}
@media screen and (max-width:640px){ 
    #newsman.gate .newsman_header .newsman_640 { width: auto; height:100%; right:0; left: initial; max-width: none}
    #newsman.gate .newsman_header .newsman_header_tex h2 { font-size: 38px; height:56px; padding-top: 5px;}
    #newsman.gate .newsman_header .newsman_header_tex h2 span {font-size: 18px;}
    #newsman.gate .newsman_header .newsman_header_tex h3 { font-size: 16px;}
}
@media screen and (max-width:550px){ 
    #newsman.gate .man_hd_roll {padding-bottom:68%;}
    #newsman.gate .newsman_header .newsman_480 { width: auto; height:100%; right:0; left: initial; max-width: none}
    #newsman.gate .newsman_header .newsman_header_tex {max-width: 100%; }
    #newsman.gate .newsman_header .newsman_header_tex h2 { display: block; font-size: 29px; height: 45px;}
    #newsman.gate .newsman_header .newsman_header_tex h2 span {font-size: 16px;}
    #newsman.gate .newsman_header .newsman_header_tex > div > div { bottom: 30px; overflow: visible}
    #newsman.gate .newsman_header.whitetype .newsman_header_tex h5 { color:#fff;}
    #newsman.gate .newsman_header.whitetype .newsman_header_tex h5:after { border:1px solid #dedad5;}
    #newsman.gate .newsman_header .newsman_header_tex h5:after { top:-2px;}
    #newsman.gate .hd_roll_control {height: 12px;}
    #newsman.gate .hd_roll_control li { width: 12px;}
}

/* -----------------------  메인해더 --------------------------*/
.newsman_home { display: block; max-width:1198px; margin:0 auto; height: 40px; line-height: 40px; text-align: left; font-family: "NanumMyeongjoBold"; font-size: 15px; }
.newsman_home img { display: inline-block; width:22px; height: 21px; margin-top:10px; margin-right: 3px;}
#header .newsman_m_head{display:none;z-index:9999;}
/* 1200 */
@media screen and (max-width:1200px){ .newsman_home { margin-left: 10px;} }
/* mobie 900 */
@media screen and (max-width:900px){
.newsman_home { display: none; } 
#header .newsman_m_head{position:relative;width:100%;height:30px;background:#fff;display:block;z-index:9999; font-family: "NanumMyeongjoBold"; border-bottom: 1px solid #ced2d7;}    
#header .newsman_m_head .m_grayheader_one { width:140px; height:30px; position: absolute; top:0; left:15px; line-height: 30px;}   
#header .newsman_m_head .m_grayheader_one a { display: block; font-size: 14px; color:black; text-align: left; padding-left: 25px; background: url("../images/newsman/newsman_01_2.png") no-repeat left center; background-size:22px 21px; }
#header .newsman_m_head .m_grayheader_two {height:30px; width:79px; position: absolute; top:0; right:95px; line-height: 30px;}   
#header .newsman_m_head .m_grayheader_two a { display: block; font-size: 14px; color:#0078bd; text-align: left; padding-left: 22px; background: url("../images/newsman/newsman_08_2.png") no-repeat left center; background-size:18px; }   
#header .newsman_m_head .m_grayheader_three {height:30px; width:80px; position: absolute; top:0; right:7px; line-height: 30px;}   
#header .newsman_m_head .m_grayheader_three a { display: block; font-size: 14px; color:#0078bd; text-align: left; padding-left: 22px; background: url("../images/newsman/newsman_09_2.png") no-repeat left center; background-size:18px; }
}

/* ----------------------- 콘텐츠 해더 --------------------------*/
.newsman_header { width:100%; position: relative; height: 490px; /*background: url("../images/newsman/newsman_002.jpg");*/ background-repeat: no-repeat; background-position: center;}
.newsman_header .newsman_1197, .newsman_header .newsman_640, .newsman_header .newsman_480 { display: none;}
.newsman_header .newsman_header_tex { max-width: 1198px; margin: 0 auto; height: 100%;}
.newsman_header .newsman_header_tex > div { display: table; height: 100%;}
.newsman_header .newsman_header_tex > div > div{ display: table-cell; vertical-align: middle; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.newsman_header .newsman_header_tex > div > div > * { max-width: 1198px; margin:0 auto; text-align: left}
.newsman_header .newsman_header_tex h2 { position: relative; height: 120px; font-size:72px; color:#fff; font-family: "NanumMyeongjoBold"; padding-top:15px;}
.newsman_header .newsman_header_tex h2 span { font-size: 28px; vertical-align: bottom; margin-left: 18px; font-family:"NanumMyeongjoRegular"; }
.newsman_header .newsman_header_tex h2:after { display: block; content: ""; width: 55px; height:5px; background:#fff; position: absolute; top:0; left: 5px; }
.newsman_header .newsman_header_tex div div { width: 100%; height: auto; }
.newsman_header .newsman_header_tex h3 { max-width: 680px; font-size:26px; font-family: "NanumMyeongjoBold"; color:#fff;}
.newsman_header .newsman_header_tex p { max-width: 680px; font-size: 16px; font-family:"NanumMyeongjoRegular"; color:#fff; opacity: 0.6; margin-top:8px; 
max-height:4.5em; line-height:1.5em; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.newsman_header .newsman_header_tex div ul { height: 40px; margin-top:40px; position: relative;}
/*white type*/
.newsman_header.whitetype .newsman_header_tex h2 { color:#000; }
.newsman_header.whitetype .newsman_header_tex h2:after { background:#000; }
.newsman_header.whitetype .newsman_header_tex h3 { color:#000;}
.newsman_header.whitetype .newsman_header_tex p { color:#000; opacity: 0.6;}
 
/*네모 스르르 버튼 호버*/
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn {display: block; width:283px; height:42px; position: absolute; top:0; left: 0px }
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a {position:relative; overflow: hidden; display:block; width: 139px; height: 42px; float:left; z-index:30; border:1px solid #fff; line-height: 40px; font-size: 16px; font-family:"NanumMyeongjoRegular"; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a:hover { color:#000; }
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a:first-child { margin-right: 5px;}
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a span { position:absolute; top:0; left:0; display:block; width: 100%; height: 40px; transition:all 0.5s ease-out;}
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a span.bg { z-index:-1; }
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a:hover span.bg { background-color: #fff; }

.newsman_header .newsman_header_tex div ul li a.hoverbtn1 span:first-child { display: block; width:82px; height:40px; padding-left: 48px; z-index: 50;}
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b { color:#000;}
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b span:first-child { padding-left: 55px; }
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b span.bg { background-color: #fff; }
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b .ico  { background:url("../images/newsman/newsman_06_2.png") no-repeat; left:35px}
.newsman_header .newsman_header_tex div ul li a.hoverbtn1 .ico  {z-index:20; background:url("../images/newsman/newsman_06.png") no-repeat; width:17px; height: 15px; position: absolute; top:12px; left: 28px;}
.newsman_header .newsman_header_tex div ul li a.hoverbtn1:hover .ico  {background: url("../images/newsman/newsman_06_2.png") no-repeat; }
.newsman_header .newsman_header_tex div ul li a.hoverbtn2 { padding-left: 42px;}
.newsman_header .newsman_header_tex div ul li a.hoverbtn2 .ico  {z-index:20; background:url("../images/newsman/newsman_07.png") no-repeat; width:19px; height: 15px; position: absolute; top:12px; left: 20px;}
.newsman_header .newsman_header_tex div ul li a.hoverbtn2:hover .ico  {background: url("../images/newsman/newsman_07_2.png") no-repeat; }
/*white type*/
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a {border:1px solid #000; color:#000; }
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a:hover { color:#fff; }
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a:hover span.bg { background-color: #000; }
.newsman_header.whitetype .newsman_header_tex div ul li a.hoverbtn1 .ico  {background:url("../images/newsman/newsman_06_2.png") no-repeat; }
.newsman_header.whitetype .newsman_header_tex div ul li a.hoverbtn1:hover .ico  {background: url("../images/newsman/newsman_06.png") no-repeat; }
.newsman_header.whitetype .newsman_header_tex div ul li a.hoverbtn2 .ico  {background:url("../images/newsman/newsman_07_2.png") no-repeat; }
.newsman_header.whitetype .newsman_header_tex div ul li a.hoverbtn2:hover .ico  {background: url("../images/newsman/newsman_07.png") no-repeat; }
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b { color:#fff;}
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b span:first-child { padding-left: 55px; }
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b span.bg { background-color: #000; }
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_header_texbtn a.btn1on_b .ico  { background:url("../images/newsman/newsman_06.png") no-repeat; left:35px}

/*sns 스르르 버튼 호버*/
.newsman_header .newsman_header_tex div ul li.newsman_snshover {display: block; width:85px; height:40px; position: absolute; top:0; left: 300px }
.newsman_header .newsman_header_tex div ul li.newsman_snshover a {position:relative; overflow: hidden; display:block; width: 40px; height: 40px; border-radius:50%; text-indent: -9999em; float:left;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn4 { margin-left: 5px;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a .line {z-index:30; position:absolute; top:0; left:0; display:block; width: 40px; height: 40px; border-radius:50%; border: 1px solid #fff; opacity:0.5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.5s ease-out;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn3 .ico  {z-index:20; position:absolute; top:0; left:0; display:block; width: 40px; height: 40px; background:url("../images/newsman/newsman_04_5.png") no-repeat; background-position: center center; transition:all 0.5s ease-out;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn4 .ico  {z-index:20; position:absolute; top:0; left:0; display:block; width: 40px; height: 40px; background:url("../images/newsman/newsman_05_3.png") no-repeat; background-position: center center; transition:all 0.5s ease-out;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn5 .ico  {z-index:20; position:absolute; top:-2px; left:0; display:block; width: 40px; height: 40px; background:url("../images/newsman/newsman_50_1.png") no-repeat; background-position: center center; transition:all 0.5s ease-out; background-size: 26px 23px;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a .bg   {z-index:10; position:absolute; top:0; left:0; display:block; width: 40px; height: 40px; transition:all 0.5s ease-out; border-radius:50%; }
.newsman_header .newsman_header_tex div ul li.newsman_snshover a:hover .line {opacity: 0;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn3:hover .ico  {background: url("../images/newsman/newsman_04_6.png") no-repeat; background-position: center center;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn4:hover .ico  {background: url("../images/newsman/newsman_05_4.png") no-repeat; background-position: center center;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a.hoverbtn5:hover .ico  {background: url("../images/newsman/newsman_50_3.png") no-repeat; background-position: center center; background-size: 26px 23px;}
.newsman_header .newsman_header_tex div ul li.newsman_snshover a:hover .bg   {background-color: #fff; }
/*white type*/
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_snshover a .line {border: 1px solid #000;}
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_snshover a.hoverbtn3 .ico  { background:url("../images/newsman/newsman_04_6.png") no-repeat; background-position: center center; }
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_snshover a.hoverbtn4 .ico  { background:url("../images/newsman/newsman_05_4.png") no-repeat; background-position: center center;}
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_snshover a.hoverbtn3:hover .ico  {background: url("../images/newsman/newsman_04_5.png") no-repeat; background-position: center center;}
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_snshover a.hoverbtn4:hover .ico  {background: url("../images/newsman/newsman_05_3.png") no-repeat; background-position: center center;}
.newsman_header.whitetype .newsman_header_tex div ul li.newsman_snshover a:hover .bg {background-color: #000; }

.newsman_header .newsman_sns { display: none; }
.newsman_underBar { display: none;}

/* -----------------------  팝업2개(다른기자, 내가구독한 기자) --------------------------*/
.newsman_header {} /*해더박스전체: relative 기준 */
.newsman_header #newsmanpop {} /*버튼2+팝2 랩*/
.newsman_header #newsmanpop .newsmanpop_btn{} /*버튼2*/
.newsman_header #newsmanpop .newsman_pop1{} /*첫번째팝*/
.newsman_header #newsmanpop .newsman_pop1 .newsmanpop_con{}

/* button "2" */
.newsman_header #newsmanpop { position: absolute; top:0; left:0; width: 140px; height:70px; z-index:50; }
.newsman_header #newsmanpop .newsmanpop_btn { position: relative; }    
.newsman_header #newsmanpop .newsmanpop_btn li { width:70px; height:70px; float:left;}
.newsman_header #newsmanpop .newsmanpop_btn li a { display: block; width:70px; height:70px; background: url("../images/newsman/newsman_03_4.png"); position: absolute; top:0; } 
.newsman_header #newsmanpop .newsmanpop_btn li a.newsmanpop_btn1 { left:0px; background-position: 0 -70px; }
.newsman_header #newsmanpop .newsmanpop_btn li a.newsmanpop_btn1:hover, 
.newsman_header #newsmanpop .newsmanpop_btn li a.newsmanpop_btn1.click {  background-position: -70px -70px; }
.newsman_header #newsmanpop .newsmanpop_btn li a.newsmanpop_btn2 { left:70px; background-position: 0 0; }
.newsman_header #newsmanpop .newsmanpop_btn li a.newsmanpop_btn2:hover, 
.newsman_header #newsmanpop .newsmanpop_btn li a.newsmanpop_btn2.click {  background-position: -70px 0; }

/* first POP-UP : 내가구독한 기자 */
.newsman_header #newsmanpop .newsman_pop1 { width: 240px; height:395px; position: absolute; top:0px; left:70px; z-index: 150; border:1px solid #257bcd; background: #fff; }
.newsman_header #newsmanpop .newsman_pop1 h2 { width:100%; height:50px; line-height: 49px; position: relative; background:#e9e9e9; color:#333; font-size: 16px; font-weight: bold; border-bottom:1px solid #dfe1e3; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.newsman_header #newsmanpop .newsman_pop1 h2:after { display: block; content: ""; width: 7px; height:11px; position: absolute; top:19px; left:-7px; background: url("../images/newsman/newsman_12.png") no-repeat; }
.newsman_header #newsmanpop .newsman_pop1 h2 a { display: block; width: 15px; height:15px; position: absolute; top:17px; right:10px; }
.newsman_header #newsmanpop .newsman_pop1 h2 span { color:#257bcd; }
.newsman_header #newsmanpop .newsman_pop1 .newsmanpop_con { width:100%; height:auto; overflow: hidden; }
.newsman_header #newsmanpop .newsman_pop1 .newsmanpop_con > ul { width:200%; }
.newsman_header #newsmanpop .newsman_pop1 .newsmanpop_con > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; height:auto; float:left;}
.newsman_header #newsmanpop .newsman_pop1 ul li ul { width:100%; height:auto;  }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li:first-child { margin-top:5px;}
.newsman_header #newsmanpop .newsman_pop1 ul li ul li { width: 100%; height:60px; border-bottom:1px solid #eff0f2; background: #fff; }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a { display: table; height:100%; position: relative; }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a img.sednow_imgwrap { display: block; width:50px; height:50px; position: absolute; top:5px; left: 15px;}
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a:after { display: block; content: ""; width: 60px; height:60px; position: absolute; top:0px; left:10px; background: url("../images/common/sed_now_01_2.png") no-repeat; }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a > span { display: table-cell; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 75px; text-align: left; font-size: 12px; vertical-align: middle}
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a > span span:first-child { color:#333; }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a > span span:nth-child(2) { color:#999;  }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a > span span:nth-child(3) {display: block; margin-top:4px; color:#257bcd }
.newsman_header #newsmanpop .newsman_pop1 ul li ul li a > span span:nth-child(3) img { margin-right: 3px; margin-top:1px;}
.newsman_header #newsmanpop div .sednow_rbtn { width: 100%; height: 35px; position: relative;}
.newsman_header #newsmanpop div .sednow_rbtn ul{ height: 35px; display:inline-block;zoom:1;*display:inline;  }
.newsman_header #newsmanpop div .sednow_rbtn ul li { width: 10px; height:10px; border: 1px solid #b1b1b1; border-radius: 50%; background: #fff; margin-top:10px; margin-right: 3px; float: left;}
.newsman_header #newsmanpop div .sednow_rbtn ul li.now_on { background: #ffa800 !important; }
.newsman_header #newsmanpop div .sednow_rbtn ul li.now_arrow1 { border:0 none; position: absolute; top:2px; left:15px;}
.newsman_header #newsmanpop div .sednow_rbtn ul li img { height: 13px; margin-top:-1px;}
.newsman_header #newsmanpop div .sednow_rbtn ul li.now_arrow2 { border:0 none;  position: absolute; top:2px; right:15px;}

/* 2st POP-UP : 다른기자 */
.newsman_header #newsmanpop .newsman_pop2 { width: 240px; height:395px; position: absolute; top:0px; left:140px; z-index: 150; border:1px solid #3b41b6; background: #fff; }
.newsman_header #newsmanpop .newsman_pop2 h2 { width:100%; height:50px; line-height: 49px; position: relative; background:#e9e9e9; color:#333; font-size: 16px; font-weight: bold; border-bottom:1px solid #dfe1e3; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.newsman_header #newsmanpop .newsman_pop2 h2:after { display: block; content: ""; width: 7px; height:11px; position: absolute; top:19px; left:-7px; background: url("../images/newsman/newsman_11.png") no-repeat; }
.newsman_header #newsmanpop .newsman_pop2 h2 a { display: block; width: 15px; height:15px; position: absolute; top:17px; right:10px; }
.newsman_header #newsmanpop .newsman_pop2 h2 span { color:#257bcd; }
.newsman_header #newsmanpop .newsman_pop2 .newsmanpop_con { width:100%; height:auto; overflow: hidden; }
.newsman_header #newsmanpop .newsman_pop2 .newsmanpop_con > ul { width:200%; }
.newsman_header #newsmanpop .newsman_pop2 .newsmanpop_con > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; height:auto; float:left;}
.newsman_header #newsmanpop .newsman_pop2 ul li ul { width:100%; height:auto;  }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li:first-child { margin-top:5px;}
.newsman_header #newsmanpop .newsman_pop2 ul li ul li { width: 100%; height:60px; border-bottom:1px solid #eff0f2; background: #fff; }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a { display: table; height:100%; position: relative; }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a img.sednow_imgwrap { display: block; width:50px; height:50px; position: absolute; top:5px; left: 15px;}
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a:after { display: block; content: ""; width: 60px; height:60px; position: absolute; top:0px; left:10px; background: url("../images/common/sed_now_01_2.png") no-repeat; }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a > span { display: table-cell; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 75px; text-align: left; font-size: 12px; vertical-align: middle}
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a > span span:first-child { color:#333; }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a > span span:nth-child(2) { color:#999;  }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a > span span:nth-child(3) {display: block; margin-top:4px; color:#257bcd }
.newsman_header #newsmanpop .newsman_pop2 ul li ul li a > span span:nth-child(3) img { margin-right: 3px; margin-top:1px;}

/*모든 기자를 구독했을 경우*/
.newsman_header #newsmanpop .newsman_pop2 p { width:100%; padding: 20px; text-align: left;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.newsman_header #newsmanpop .newsman_pop2 p span { display: block; margin-bottom: 5px; line-height: 18px;}

/* first POP-UP : 내가구독한 기자 => 모바일*/
.newsman_pop3, .newsman_pop4 { display: none;}


/* 1300 */
@media screen and (max-width:1300px){ 
.newsman_header .newsman_header_tex { position: absolute; top: 0; left: 30px; max-width:60%; height: 100%; }  
/*버튼*/
.newsman_header #newsmanpop { right:0 !important; left: inherit;}
.newsman_header #newsmanpop .newsman_pop1 { right:140px !important; left: inherit;}
.newsman_header #newsmanpop .newsman_pop2 { right:70px !important; left: inherit;}
.newsman_header #newsmanpop .newsman_pop1 h2:after { right:-7px; left: inherit; background: url("../images/newsman/newsman_12_2.png"); }
.newsman_header #newsmanpop .newsman_pop2 h2:after { right:-7px; left: inherit; background: url("../images/newsman/newsman_11_2.png"); }
}
/* 1197 */
@media screen and (max-width:1197px){ 
.newsman_header { width:100%; position: relative; /*text-align: left;*/ height: 0; padding-bottom: 41%; background:none; }
.newsman_header.whitetype { background:none; }    
.newsman_header .newsman_1197 { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.newsman_header .newsman_640, .newsman_header .newsman_480 { display: none;} 
}
/* 1100 */
@media screen and (max-width:1100px){ 
.newsman_header .newsman_header_tex h2 { height: 100px; font-size:63px; }
.newsman_header .newsman_header_tex h2 span { font-size: 27px; margin-left: 18px; }
.newsman_header .newsman_header_tex h2:after { width: 42px; height:5px; left: 5px; }
.newsman_header .newsman_header_tex h3 { font-size:24px; }
.newsman_header .newsman_header_tex p { font-size: 15px; opacity: 0.6; margin-top:8px; } 
}
/* 1000 */
@media screen and (max-width:1000px){ 
.newsman_header .newsman_header_tex h2 { height: 95px; font-size:56px; }
.newsman_header .newsman_header_tex h2 span { font-size: 26px; margin-left: 18px; }
.newsman_header .newsman_header_tex h3 { font-size:22px; }
.newsman_header .newsman_header_tex p { font-size: 14px; opacity: 0.6; margin-top:8px; }
.newsman_header .newsman_header_tex div > span { margin-top:20px;}    
}
/* 900 */
@media screen and (max-width:900px){ 
.newsman_header .newsman_header_tex div ul { margin-top:10px;}    
.newsman_header .newsman_header_tex div ul li.newsman_header_texbtn { display: none;}   
.newsman_header .newsman_header_tex div ul li.newsman_snshover {display: block; width:85px; height:40px; position: static; }    
.newsman_header .newsman_header_tex h2 { height: 63px; font-size:43px; }
.newsman_header .newsman_header_tex h2 span { font-size: 24px; margin-left: 15px; }
.newsman_header .newsman_header_tex h2:after { width: 32px; height:4px; left: 5px; }
.newsman_header .newsman_header_tex h3 { font-size:22px; }
.newsman_header .newsman_header_tex p { font-size: 14px; opacity: 0.6; margin-top:8px; }  
.newsman_underBar { display: block; width: 100%; height:52px; border-top:1px solid #ced2d7; border-bottom:1px solid #ced2d7; position: relative;}
.newsman_underBar:after { display: block; content: ""; width: 100%; height:4px; background: url("../images/newsman/newsman_10.png") repeat-x; position: absolute; bottom:-5px; left:0; }    
.newsman_underBar a { width: 50%; float: left; height: 100%; line-height: 51px; font-size: 16px; color:#000; font-family: "NanumMyeongjoBold";  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }  
.newsman_underBar a.readOn { color:#0078bd; }  
.newsman_underBar a img { display: inline-block; height: 15px; margin-top: 18px; margin-right: 3px;}    
.newsman_underBar a:first-child {border-right:1px solid #ced2d7; }   
/* 버튼 */
.newsman_header #newsmanpop { display: none}
    
/* white type */
.newsman_header.whitetype .newsman_sns ul li a.newsman_fb { left:0px; background-position: -40px 0; }
.newsman_header.whitetype .newsman_sns ul li a.newsman_tw { left:45px; background-position: -120px 0; }
    
/* 팝업  => 모바일 pop03 / pop04  */
.newsman_pop3, .newsman_pop4 { display: block; width: 100%; height:100%; position: fixed; top:0px; left:0; z-index: 150; background: #fff; overflow-x: hidden; }
.newsman_pop3 h2, .newsman_pop4 h2 { width:100%; height:50px; line-height: 49px; position: relative; background:#f0f0f0; color:#333; font-size: 16px; font-weight: bold; border-bottom:1px solid #dfe1e3; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 70px; }
.newsman_pop3 h2 a, .newsman_pop4 h2 a { display: block; width: 51px; height:50px; position: absolute; top:0; left:0px; }
.newsman_pop3 h2 span, .newsman_pop4 h2 span { color:#257bcd; }
.newsman_pop3 ul, .newsman_pop4 ul { width:100%; height:auto; overflow: hidden; margin-top:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:10px; }
.newsman_pop3 ul:after, .newsman_pop4 ul:after { content:""; display:block; clear:both; }
.newsman_pop3 ul li, .newsman_pop4 ul li { width: 50%; height:61px; float: left; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:10px; }
.newsman_pop3 ul li a, .newsman_pop4 ul li a { display: table; width: 100%; height:100%; position: relative; border-bottom:1px solid #eff0f2;   }
.newsman_pop3 ul li a img.sednow_imgwrap, .newsman_pop4 ul li a img.sednow_imgwrap { display: block; width:50px; height:50px; position: absolute; top:5px; left: 15px;}
.newsman_pop3 ul li a:after, .newsman_pop4 ul li a:after { display: block; content: ""; width: 60px; height:60px; position: absolute; top:0px; left:10px; background: url("../images/common/sed_now_01_2.png") no-repeat; }
.newsman_pop3 ul li a > span, .newsman_pop4 ul li a > span { display: table-cell; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 75px; text-align: left; font-size: 12px; vertical-align: middle}
.newsman_pop3 ul li a > span span:first-child, .newsman_pop4 ul li a > span span:first-child { color:#333; }
.newsman_pop3 ul li a > span span:nth-child(2), .newsman_pop4 ul li a > span span:nth-child(2) { color:#999;  }
.newsman_pop3 ul li a > span span:nth-child(3), .newsman_pop4 ul li a > span span:nth-child(3) {display: block; margin-top:4px; color:#257bcd }
.newsman_pop3 ul li a > span span:nth-child(3) img, .newsman_pop4 ul li a > span span:nth-child(3) img { margin-right: 3px; margin-top:1px;}   
    
    
/*더보기*/
.newsman_pop3 .newm_list_more_wrap, .newsman_pop4 .newm_list_more_wrap { max-width: 1198px; height:58px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0;  border-bottom: 0 none; }
.newsman_pop3 .newm_list_more_wrap > div, .newsman_pop4 .newm_list_more_wrap > div { width:100%; height: 100%;  border-bottom: 0 none; }
.newsman_pop3 #newm_list_more, .newsman_pop4 #newm_list_more { display:inline-block; height:34px; margin:8px auto 0 auto;  line-height: 33px; font-size:15px; font-weight: normal; }
.newsman_pop3 #newm_list_more a, .newsman_pop4 #newm_list_more a { display: block; height: 100%; background: url(../images/newsman/newsman_23.jpg) no-repeat left; padding-left: 33px; color:#257bcd; }
.newsman_pop3 #newm_list_more a:hover, .newsman_pop4 #newm_list_more a:hover { display: block; height: 100%; background: url(../images/newsman/newsman_23.jpg) no-repeat left; padding-left: 33px; color:#257bcd; } 
.newsman_pop3 #newm_list_close, .newsman_pop4 #newm_list_close { display:inline-block; height:34px; margin:8px auto 0 auto;  line-height: 33px; font-size:15px; font-weight: normal; }
.newsman_pop3 #newm_list_close a, .newsman_pop4 #newm_list_close a { display: block; height: 100%; background: url(../images/newsman/newsman_23_off.jpg) no-repeat left; padding-left: 33px; color:#257bcd;}
.newsman_pop3 #newm_list_close a:hover, .newsman_pop4 #newm_list_close a:hover { display: block; height: 100%; background: url(../images/newsman/newsman_23_off.jpg) no-repeat left; padding-left: 33px; color:#257bcd; }     
}
/* 780 */
@media screen and (max-width:780px){ 
.newsman_header .newsman_header_tex h2 span { font-size: 22px; margin-left: 13px; }
.newsman_header .newsman_header_tex h3 { font-size:18px; }
.newsman_header .newsman_header_tex p { font-size: 12px; opacity: 0.6; margin-top:5px; }
}
/* 640 */
@media screen and (max-width:640px){ 
.newsman_header .newsman_640 { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.newsman_header .newsman_1197, .newsman_header .newsman_480 { display: none;}    
.newsman_header .newsman_header_tex h2 { height: 52px; font-size:36px; padding-top: 10px; }
.newsman_header .newsman_header_tex h2 span { font-size: 18px; margin-left: 10px; }
.newsman_header .newsman_header_tex h2:after { width: 25px; height:3px; }    
.newsman_header .newsman_header_tex h3 { font-size:16px; }
.newsman_header .newsman_header_tex p { font-size: 11px; }
}
/* 550 */
@media screen and (max-width:550px){ 
.newsman_header { width:100%; position: relative; text-align: left; height: 0; overflow: hidden; padding-bottom: 66.5%; }
.newsman_header .newsman_480 { display: block; position: absolute; top: 0; left: 0; width: 100%; height:100%; }
.newsman_header .newsman_1197, .newsman_header .newsman_640 { display: none;}
.newsman_header .newsman_header_tex { left: 0; display: block; position: static; max-width: 100%;} 
.newsman_header .newsman_header_tex > div { display: block;}
.newsman_header .newsman_header_tex > div > div{ display: block; vertical-align: bottom; height: auto; padding-left: 0; position: absolute; bottom: 0; left: inherit; width: 100%; text-align: center;}   
.newsman_header .newsman_header_tex > div > div > * { text-align: center }   
.newsman_header .newsman_header_tex div ul {display: none;}        
.newsman_header .newsman_sns { display: block; width:86px; height:40px; position: absolute; bottom:10px; right:30px }
.newsman_header .newsman_sns ul { position: relative; width: 100%; height:100%; }    
.newsman_header .newsman_sns ul li { width:40px; height:40px; float:left;}
.newsman_header .newsman_sns ul li a { display: block; width:40px; height:40px; background: url("../images/newsman/newsman_04_8.png"); position: absolute; top:0; } 
.newsman_header .newsman_sns ul li a.newsman_fb { left:0px; background-position: 0 0; }
.newsman_header .newsman_sns ul li a.newsman_tw { left:45px; background-position: -80px 0; }   
.newsman_header .newsman_sns ul li a.newsman_ho { right:0; background-position: -160px 0; } 
.newsman_header .newsman_header_tex h2 { display: inline-block; width:auto; height:45px; font-size:29px; }
.newsman_header .newsman_header_tex h2 span { font-size: 16px; margin-left: 10px; }
.newsman_header .newsman_header_tex h2:after { left:3px; width:22px; }    
.newsman_header .newsman_header_tex h3 { max-width: 100%; font-size:16px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 20px; line-height: 20px;}
.newsman_header .newsman_header_tex p { display: none;}    
.newsman_header .newsman_sns { top:10px; right:10px }          
/* white type */
.newsman_header.whitetype .newsman_header_tex h2 { color: #fff; } 
.newsman_header.whitetype .newsman_header_tex h2:after { background:#fff; }
.newsman_header.whitetype .newsman_header_tex h3 { color:#fff; } 
.newsman_header.whitetype .newsman_sns ul li a.newsman_fb { left:0px; background-position: 0px 0; }
.newsman_header.whitetype .newsman_sns ul li a.newsman_tw { left:45px; background-position: -80px 0; }     
}
/* 480 */
@media screen and (max-width:480px){ 
.newsman_pop3 ul li, .newsman_pop4 ul li { width: 100%; } 
}

/* 390 */
@media screen and (max-width:390px){ 
.newsman_header .newsman_header_tex h3 {font-size: 13px;}
}
 

/* -----------------------  Hall of Fame --------------------------*/
/*타이틀*/
.hof_title {display: inline-block; width:auto; height:40px; margin:70px auto 30px auto; font-size: 30px; font-family: "NanumMyeongjoBold";  position: relative; color:#333; padding-top:25px;}
.hof_title100 {  margin:170px auto 30px auto; }
.hof_title:after { display: block; content: ""; width:20px; height:3px; background:#555555; position: absolute; top:0; left:50%; margin-left:-10px;  }
.hof_title span { color:#247acd; }
/*양쪽버튼*/
.hof_wrap {  max-width: 1198px; margin:0 auto; width:100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hof_wrap .hof_btn { display: block; width: 100%; height: 100%;  position: absolute; top:0; left: 0; }
.hof_wrap .hof_btn a{ display: block; width:27px; height:100%; background-image: url(../images/content/usael_13.png); background-repeat: no-repeat; position: absolute; top:0; z-index: 20; }
.hof_wrap .hof_btn a.usa_prev{ background-position: -5px center; left:-40px; } 
.hof_wrap .hof_btn a.usa_prev:hover{ background-position: -40px center }
.hof_wrap .hof_btn a.usa_next{ background-position: -75px center; right:-40px }
.hof_wrap .hof_btn a.usa_next:hover{ background-position: -110px center }
/*contents*/
.hof_wrap .hall_of_fame { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; }
.hof_wrap .hall_of_fame .hof_list {position:relative; width: 100%; height:100%; }
.hof_wrap .hall_of_fame .hof_list li { display: block; width:33.33%; height: auto; float:left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hof_wrap .hall_of_fame .hof_list li a { display:inline-block; position: relative; width: 98.5%; height:auto;  border:1px solid #e1e1e1; border-bottom:1px solid #bfc1c3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
/*이미지*/
.hof_wrap .hall_of_fame .hof_list li a > div { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px 15px 20px 15px; }
.hof_wrap .hall_of_fame .hof_list li a > div span { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; }
.hof_wrap .hall_of_fame .hof_list li a > div span img { position: absolute; top: 0; left: 0; width: 100%; }
.hof_wrap .hall_of_fame .hof_list li a > div span:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0.5; }
/*텍스트*/
.hof_wrap .hall_of_fame .hof_list li a > dl { width: 100%; height: 145px; margin:0 0 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 20px; text-align: left; }
.hof_wrap .hall_of_fame .hof_list li a > dl dt{ display: block; font-size: 20px; color:#333; font-weight: bold; width:100%; height:2.4em; line-height:1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo { font-size: 12px; color:#999; margin:10px 0 8px 0;}
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo span { display:inline-block; padding: 0 7px; position: relative;}
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo span:after { display: block; height: 10px; width: 1px; background: #e1e1e1; position: absolute; top:3px; left: 0; content: "";}
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo span.changed:after { display: block; height: 10px; width: 1px; background: #65acf2; position: absolute; top:3px; left: 0; content: ""; opacity: 0.8}
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo span:first-child { padding-left: 0;}
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo span:first-child:after { display: none}
.hof_wrap .hall_of_fame .hof_list li a > dl dd:nth-child(3) { display: block; font-size: 13px; color:#666; width:100%; height:4.8em; line-height:1.6em; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}

/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img, .hof_wrap .hall_of_fame .hof_list li.no_img * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hof_wrap .hall_of_fame .hof_list li.no_img { position: relative }
.hof_wrap .hall_of_fame .hof_list li.no_img .fake { display:inline-block; width: 98.5%; height:auto; border:0 none;  } 
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(1) { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px 15px 20px 15px;}
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(1) > span { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; background: #fff; }
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(1) > span span { display: block; position: absolute; top: 0; left: 0; width: 100%; }
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(2) { display: block; width: 100%; height: 175px; }

.hof_wrap .hall_of_fame .hof_list li.no_img .real { display:block; width: 100%; height: 100%; position: absolute; top:0; left:0; }
.hof_wrap .hall_of_fame .hof_list li.no_img .real a { display:inline-block; width: 98.5%; height:100%; border-bottom: 0 none; position: relative;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a:after { display: block; content: ""; width: 100%; height: 1px; background:#bfc1c3; position: absolute; bottom:0; left: 0;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl { width: 100%; height:100%; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; text-align: left; overflow: hidden;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dt{ display: block; font-size: 20px; color:#333; font-weight: bold; width:100%; height:3.6em; line-height:1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo { font-size: 12px; color:#999; margin:10px 0 8px 0;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo span { display:inline-block; padding: 0 7px; position: relative;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo span:after { display: block; height: 10px; width: 1px; background: #e1e1e1; position: absolute; top:3px; left: 0; content: "";}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo span.changed:after { display: block; height: 10px; width: 1px; background: #65acf2; position: absolute; top:3px; left: 0; content: ""; opacity: 0.8}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo span:first-child { padding-left: 0;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo span:first-child:after { display: none}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { display: block; font-size: 13px; color:#666; width:100%; height:240px; line-height:24px; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; word-wrap:break-word; margin-top: 23px;}


@media screen and (max-width:1278px){    
.hof_wrap { padding-right: 40px; padding-left: 40px; margin-bottom: 10px; }  
.hof_wrap .hof_btn a.usa_prev{ left:5px; } 
.hof_wrap .hof_btn a.usa_next{ right:5px }    
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:216px; -webkit-line-clamp:9; }    
}
@media screen and (max-width:1100px){       
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:192px; -webkit-line-clamp:8; }    
}
@media screen and (max-width:1000px){       
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:168px; -webkit-line-clamp:7; }    
}
@media screen and (max-width:900px){
.hof_title {height:auto; margin:25px auto 20px auto; font-size: 22px;  padding-top:0; line-height: normal;}
.hof_title100 {  margin:25px auto 20px auto; }
.hof_title:after { display: none;}
.hof_wrap .hall_of_fame .hof_list li a > div { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px 10px 15px 10px; }
.hof_wrap .hall_of_fame .hof_list li a > dl { margin:0 0 10px 0; height:130px; padding: 0 15px;}   
.hof_wrap .hall_of_fame .hof_list li a > dl dt{ font-size: 16px; color:#333; height:2.4em; line-height:1.2em; }
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo { font-size: 11px; color:#999; margin:10px 0 8px 0;}
.hof_wrap .hall_of_fame .hof_list li a > dl dd:nth-child(3) { font-size: 12px; color:#666; height:4.5em; line-height:1.5em; }   
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(1) { padding:10px 10px 15px 10px;}
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(2) { height: 140px; }    
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl { padding:15px;}   
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dt{ font-size: 16px; color:#333; height:2.4em; line-height:1.2em; }
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo { font-size: 11px; color:#999; margin:10px 0 8px 0;}   
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { font-size: 12px; height:200px; line-height:20px; -webkit-line-clamp:10; margin-top:12px; }        
}
@media screen and (max-width:860px){       
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:180px; -webkit-line-clamp:9; }    
}
@media screen and (max-width:780px){
.hof_wrap .hall_of_fame .hof_list li { width:50%;}
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:240px; -webkit-line-clamp:12; }    
}
@media screen and (max-width:750px){       
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:220px; -webkit-line-clamp:11; }    
}
@media screen and (max-width:680px){
.hof_wrap { padding-right: 35px; padding-left: 35px; }
.hof_wrap .hof_btn a{ display: block; width:19px; height:100%; background: url("../images/newsman/newsman_25_2.png")no-repeat; position: absolute; top:0; z-index: 20; }
.hof_wrap .hof_btn a.usa_prev{ background-position: 0 center; left:10px; } 
.hof_wrap .hof_btn a.usa_prev:hover{  background-position: 0 center; }
.hof_wrap .hof_btn a.usa_next{ background-position: -18px center; right:10px }
.hof_wrap .hof_btn a.usa_next:hover{ background-position: -18px center; }
}
@media screen and (max-width:660px){       
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:200px; -webkit-line-clamp:10; }    
}
@media screen and (max-width:600px){       
/*no_img*/
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { height:180px; -webkit-line-clamp:9; }    
}
@media screen and (max-width:540px){    
.hof_wrap { width:100%; position: relative; margin-bottom: 10px; padding-right:0px; padding-left: 0px; }    
.hof_wrap .hof_btn { display: none;} 
.hof_wrap .hall_of_fame { width:100%; height: 185px; }
.hof_wrap .hall_of_fame .hof_list { width:900px; height:100%; position: absolute; top: 0; left: 6px;}
.hof_wrap .hall_of_fame .hof_list li { width: 166px; height: 100%;}
.hof_wrap .hall_of_fame .hof_list li a { display:block; position: relative; width:160px; height: 185px; border:1px solid #e1e1e1; border-bottom:1px solid #bfc1c3; background: #fff;}
/*이미지*/
.hof_wrap .hall_of_fame .hof_list li a > div { padding:8px;}
.hof_wrap .hall_of_fame .hof_list li a > div span { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; }
.hof_wrap .hall_of_fame .hof_list li a > div span img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hof_wrap .hall_of_fame .hof_list li a > div span:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:1px solid #e1e1e1; opacity: 0.5; }
/*텍스트*/
.hof_wrap .hall_of_fame .hof_list li a > dl { height: 80px; margin:0 0 10px 0; padding:0 10px; }
.hof_wrap .hall_of_fame .hof_list li a > dl dt{ font-size: 15px; font-weight: normal; }
.hof_wrap .hall_of_fame .hof_list li a > dl dd.hof_listinfo { display: none;}  
.hof_wrap .hall_of_fame .hof_list li a > dl dd:nth-child(3) { display: block; font-size: 12px; color:#999; width:100%; height: 2.6em; line-height: 1.3em;  text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:5px;} 
/*no_img*/   
.hof_wrap .hall_of_fame .hof_list li.no_img .fake { width: 160px; }
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(1) { padding:8px;}     
.hof_wrap .hall_of_fame .hof_list li.no_img .fake > span:nth-child(2) { height:84px; } 
.hof_wrap .hall_of_fame .hof_list li.no_img .real { width: 160px;}
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl { padding:10px;}      
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dt{ font-size: 15px; font-weight: normal; }    
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd:nth-child(3) { color:#999; height:114px; line-height:19px; -webkit-line-clamp:6; margin-top:10px;}  
.hof_wrap .hall_of_fame .hof_list li.no_img .real a > dl dd.hof_listinfo { display: none;}    
}
@media screen and (max-width:480px){
.hof_title {margin:18px auto 13px auto; font-size: 20px;} 
.hof_title100 { margin:18px auto 13px auto; }   
.hof_wrap .hall_of_fame .hof_list {left: 3px; }           
}


/* -----------------------  TAB 3 --------------------------*/ 
.newsman_tab3_m{ display: none;}
.newsman_tab3{    max-width:1198px;  margin:80px auto 0 auto;  }
.newsman_tab3 .tab{ max-width:1198px; position:relative; } 
.newsman_tab3 .tab:after{ content:""; display:block; clear:both; }
.newsman_tab3 .tab > li {  width:198px; height:58px; float:left; } 
.newsman_tab3 .tab > li > a{  display:block; width:100%; height:100%; background-color:#f2f2f2; color:#a4a4a4; text-align:center; line-height:40px; text-decoration: none; border:1px solid #e1e1e1; font-size: 18px; line-height: 57px; }
.newsman_tab3 .tab > li > a.selected{ background-color:#fff; color:#333; border-bottom:1px solid #fff; font-weight: bold; position: relative; z-index: 50;}
.newsman_tab3 .tab > li > a.selected:after { display: block; content: ""; width: 100%; height:1px; position: absolute; bottom:-1px; left: 0; background: #fff; z-index: 130;}
.newsman_tab3 .tab > li > a img { margin-top:20px;}
.newsman_tab3 .tab > li > a.newm_search { text-indent: 14px; position: relative}
.newsman_tab3 .tab > li > a.newm_search:after { display: block; width:18px; height:19px; position: absolute; top:20px; left:50px; background: url("../images/newsman/newsman_14.jpg") no-repeat ; content: "";}
.newsman_tab3 .tab > li > a.newm_search.selected:after { display: block; width:18px; height:19px; position: absolute; top:20px; left:50px; background: url("../images/newsman/newsman_14_2.jpg") no-repeat; content: "";}

.newsman_tab3 .tab > li .panel{  position:absolute; left:0; top:59px; width:100%; height:60px; color:#555; padding:0; border-top:1px solid #e1e1e1; }
.newsman_tab3 .tab > li .panel ul { text-align: left; width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:23px;  }
.newsman_tab3 .tab > li .panel ul li { display:inline-block;zoom:1;*display:inline; font-size: 12px; margin-right: 15px; }
.newsman_tab3 .tab > li .panel ul li a.choice { color:#000;}
.newsman_tab3 .tab > li .panel ul li a { color:#999;}
.newsman_tab3 .tab > li .panel ul li img { margin-right: 3px;}
.newsman_tab3 .tab > li .panel .newm_search_go { margin-top:12px;}
.newsman_tab3 .tab > li #tab3 p { position: relative; width:100%; height:100%;}
.newsman_tab3 .tab > li #tab3 p:after { display: block; content: ""; width: 100%; height:1px; position: absolute; bottom:0; left: 0; background: #fff; z-index: 130; border:1px solid #fff;}
.newsman_tab3 .tab > li #tab3 p > span { display: block; width: 45%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 60px; margin:0 auto; position: relative;}
.newsman_tab3 .tab > li #tab3 p > span input { width:100%; height: 35px; border:0 none; border-bottom:1px solid #000; margin-right: 5px; margin-top:13px; color:#333; font-size: 16px; }
.newsman_tab3 .tab > li #tab3 p > span span { display: block; position: absolute; top:13px; right:0; width: 35px; height:35px;}
.newsman_tab3 .tab > li #tab3 p > span span a {position:relative; overflow: hidden; display:block; width: 35px; height: 35px; border-radius:50%; text-indent: -9999em;}
.newsman_tab3 .tab > li #tab3 p > span span a .line {z-index:30; position:absolute; top:0; left:0; display:block; width: 35px; height: 35px; border-radius:50%; border: 1px solid #000; opacity:0.5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.5s ease-out;}
.newsman_tab3 .tab > li #tab3 p > span span a .ico  {z-index:20; position:absolute; top:0; left:0; display:block; width: 35px; height: 35px; background:url("../images/newsman/newsman_21_3.png") no-repeat; background-position: center center; transition:all 0.5s ease-out;}
.newsman_tab3 .tab > li #tab3 p > span span a .bg   {z-index:10; position:absolute; top:0; left:0; display:block; width: 35px; height: 35px; transition:all 0.5s ease-out;}
.newsman_tab3 .tab > li #tab3 p > span span a:hover .line {opacity: 0;}
.newsman_tab3 .tab > li #tab3 p > span span a:hover .ico  {background: url("../images/newsman/newsman_21_2.png") no-repeat; background-position: center center;}
.newsman_tab3 .tab > li #tab3 p > span span a:hover .bg   {background-color: #000; }


/* 1197 */
@media screen and (max-width:1197px){
.newsman_tab3 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px;}
}
/* 900 */
@media screen and (max-width:900px){
.newsman_tab3{ display: none;}
.newsman_tab3_m{ display: block; border-top:10px solid #dfe2e4;}
.newsman_tab3_m h3 { width:100%; height: 75px; line-height: 74px; font-family:"NanumMyeongjoBold"; font-size: 22px; color:#333; }
.newsman_tab3_m h3 span { color:#247acd;} 
.newsman_tab3_m > ul { width:100%; height:40px; position: relative; background:#f2f2f2; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; }
.newsman_tab3_m > ul > li.newsm_tab3_m_left { height: 100%; float:left; margin-left: 10px; }
.newsman_tab3_m > ul > li.newsm_tab3_m_right { height: 100%; float:right; margin-right: 10px;}
.newsman_tab3_m ul li ul li { display:inline-block;zoom:1;*display:inline; }
.newsman_tab3_m ul li ul li a { color:#999; line-height: 39px; }
.newsman_tab3_m ul li ul li a img { margin-top:13px; margin-right: 3px;}
.newsman_tab3_m ul li.newsm_tab3_m_left ul li { margin-right:20px;}
.newsman_tab3_m ul li.newsm_tab3_m_right ul li { margin-left:5px;}
.newsman_tab3_m ul li.newsm_tab3_m_left ul li a { font-size:16px; font-weight: bold;}
.newsman_tab3_m ul li.newsm_tab3_m_right ul li a { font-size:13px;}
.newsman_tab3_m ul li.newsm_tab3_m_left ul li a.choice{ color:#000;}
.newsman_tab3_m ul li.newsm_tab3_m_right ul li a.choice { color:#000;}   
.newsman_tab3_m div { width: 100%; height:80px;}
.newsman_tab3_m div input { width:70%; height: 35px; border:0 none; border-bottom:1px solid #000; margin-right: 5px; margin-top:25px; color:#333; font-size: 14px; border-radius:0; -webkit-appearance: none; -webkit-border-radius:0px; }
.newsman_tab3_m div .newm_search_go { margin-top:25px;}
}
/* 480 */
@media screen and (max-width:480px){
.newsman_tab3_m h3 { font-size: 20px; }    
.newsman_tab3_m h3 { width:100%; height: 50px; line-height: 49px; }
.newsman_tab3_m div { height:76px;}    
.newsman_tab3_m div input { margin-top:21px;}   
.newsman_tab3_m ul li.newsm_tab3_m_left ul li { margin-right:10px;}    
.newsman_tab3_m ul li.newsm_tab3_m_left ul li a { font-size:14px;} 
}
/* 580 */
@media screen and (max-width:490px){
    .newsman_tab3_m ul li.newsm_tab3_m_right ul li.newsm_tab3_m_right_none1 { display: none;}
}
/* 380 */
@media screen and (max-width:390px){
    .newsman_tab3_m ul li.newsm_tab3_m_right ul li.newsm_tab3_m_right_none2 { display: none;}
     
}

/*-------------------------------------- 기사목록 10개 나열 --------------------------------------*/
.newsman_list { max-width: 1198px; margin:60px auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0;}
.special_list_1st { border-top: 1px solid #e1e1e1; }/*first-box line*/
.special_list10 {  width:100%; height:310px; border-bottom: 1px solid #e1e1e1; position: relative; background:#fff; }
.special_list10.special_list_bg { background:#f7f7f7; } /*bg color*/
.special_list10 a { display: block; height:100%; }
.special_list10 a > span { display: block; width: 30%; position: absolute; top:20%; right:20px;}
.special_list10 a > span span { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; border:1px solid #e1e1e1}
.special_list10 a > span span img { display: block; position: absolute; top: 0; left: 0; width: 100%; }
.special_list10 a dl { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px 0 30px 30px; text-align: left}
.special_list10 a dl dt { height:55px; line-height:55px; font-size: 29px; font-weight: bold; color:#222; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 35% 0 0; }
.special_list10 a dl dd {  height:6em; line-height:2em; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 35% 0 0;  }
.special_list10 a dl dd.speciallist_coninfo { height: 20px; color:#666; font-size: 11px;}
.special_list10 a dl dd.speciallist_coninfo:after { content:""; display:block; clear:both; }
.special_list10 a dl dd.speciallist_coninfo span { display:inline-block; padding: 0 6px; position: relative; font-size: 12px; color:#999;}
.special_list10 a dl dd.speciallist_coninfo span:after { display: block; height: 10px; width: 1px; background: #e1e1e1; position: absolute; top:6px; left: 0; content: "";}
.special_list10 a dl dd.speciallist_coninfo span:first-child { padding-left: 0;}
.special_list10 a dl dd.speciallist_coninfo span:first-child:after { display: none}
/*공유버튼*/
.el_share_cover{position:absolute;left:30px;bottom:30px;}
.el_share_cover .el_share_list{display:inline-block;zoom:1;*display:inline;}
.el_share_cover .el_share_list li{display:inline-block;zoom:1;*display:inline;padding-left:2px;}
.el_share_cover .el_share_list li:first-child{padding-left:0;}
.el_share_cover .el_share_list li img{width:40px;}
/*더보기*/
.newm_list_more_wrap { max-width: 1198px; height:65px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0}
.newm_list_more_wrap > div { width:100%; height: 100%; border-bottom:1px solid #e1e1e1; }
#newm_list_more { display:inline-block; height:34px; margin:15px auto 0 auto; line-height: 32px; font-size:21px; font-weight: bold; }
#newm_list_more a { display: block; height: 100%; background: url(../images/content/usael_20.png) no-repeat left; padding-left: 44px; }
#newm_list_more a:hover { color:#318fe6; background: url(../images/content/usael_21.png) no-repeat left; }
#newm_list_close { display:inline-block; height:34px; margin:15px auto 0 auto; line-height: 32px; font-size:21px; font-weight: bold; }
#newm_list_close a { display: block; height: 100%; background: url(../images/content/usael_20_off.png) no-repeat left; padding-left: 44px; }
#newm_list_close a:hover { color:#318fe6; background: url(../images/content/usael_21_off.png) no-repeat left; }


/* 1197 */
@media screen and (max-width:1197px){  
.newsman_list { padding:0 10px;}
.newm_list_more_wrap { padding:0 10px;}
}
/* 900 */
@media screen and (max-width:900px){   
.newsman_list { margin:0 auto; padding:0;}    
.newm_list_more_wrap { padding:0;}    
.special_list10 { height:290px; }    
.special_list10 a > span { width: 35%; top:90px; }
.special_list10 a dl { padding:25px 0 30px 30px; }
.special_list10 a dl dt { height:55px; line-height:55px; font-size: 25px; padding:0 40px 0 0; }
.special_list10 a dl dd {  height:6em; line-height:2em; margin-top:5px; padding:0 43% 0 0;  }
.special_list10 a dl dd.speciallist_coninfo { margin-top: 10px; }       
}
/* 780 */
@media screen and (max-width:780px){    
.special_list10 { height:280px; }     
.special_list10 a > span { width: 40%; top:85px; right:15px;}
.special_list10 a dl { padding:20px 0 30px 30px; }
.special_list10 a dl dt { height:55px; line-height:55px; font-size: 25px; padding:0 40px 0 0; }
.special_list10 a dl dd {  height:6em; line-height:2em; margin-top:5px; padding:0 48% 0 0;  }
.special_list10 a dl dd.speciallist_coninfo { margin-top: 10px; }       
}
/* 640 */
@media screen and (max-width:640px){ 
.special_list10 { height:240px; }     
.special_list10 a > span { width: 40%; top:75px; right:15px;}
.special_list10 a dl { padding:10px 0 20px 20px; }
.special_list10 a dl dt { height:55px; line-height:55px; font-size: 20px; padding:0 40px 0 0; }
.special_list10 a dl dd {  height:6em; line-height:2em; margin-top:5px; padding:0 48% 0 0;  }
.special_list10 a dl dd.speciallist_coninfo { margin-top: 5px; }   
/*공유버튼*/    
.el_share_cover{position:absolute;left:20px;bottom:20px;} 
.el_share_cover .el_share_list li img{width:30px;}    
/*더보기*/    
.newm_list_more_wrap { height:58px; border-bottom:10px solid #dfe2e4; }
.newm_list_more_wrap > div{ border-bottom: 0 none;}    
#newm_list_more { margin:8px auto 0 auto;  line-height: 33px; font-size:15px; }
#newm_list_more a { padding-left: 33px;  background: url(../images/newsman/newsman_23.jpg) no-repeat left; color:#257bcd; font-weight: normal}
#newm_list_more a:hover { background: url(../images/newsman/newsman_23.jpg) no-repeat left;  }   
#newm_list_close { margin:8px auto 0 auto;  line-height: 33px; font-size:15px; }
#newm_list_close a { padding-left: 33px;  background: url(../images/newsman/newsman_23_off.jpg) no-repeat left; color:#257bcd; font-weight: normal}
#newm_list_close a:hover { background: url(../images/newsman/newsman_23_off.jpg) no-repeat left;  }       
}
/* 480 */
@media screen and (max-width:480px){   
.special_list10 { height:90px; }     
.special_list10.special_list_bg { background:#fff; } /*bg color*/
.special_list10 a > span { width:105px; height:57px; top:15px; right:10px;}
.special_list10 a > span span { position: static; width: 100%; height:100%; padding-bottom:0; }
.special_list10 a > span span img { position: static; width: 100%;}
.special_list10 a { display: table;}
.special_list10 a dl { display: table-cell; padding:0; height: auto; vertical-align: middle}
.special_list10 a dl dt { height:auto;  max-height:2.4em; line-height:1.2em; font-size: 15px; padding:2px 130px 0 10px; 
font-weight: normal; white-space:inherit; text-align:left; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.special_list10 a dl dd { display: none }
.special_list10 a dl dd.speciallist_coninfo { display: block; color:#999; font-size: 12px; height:1.5em; line-height:1.5em; margin-top:5px; padding-left: 10px;}   
.special_list10 a dl dd.speciallist_coninfo span:after { top:4px; }    
.el_share_cover { display: none;}    
}

/* -----------------------  추천 기자 --------------------------*/
.hof_wrap2 {  max-width: 1198px;  margin:0 auto; width:100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*버튼*/
.hof_wrap2 .hof_btn2 { width: 100%; height: 100%;  position: absolute; top:0; left: 0; }
.hof_wrap2 .hof_btn2 a{ display: block; width:27px; height:100%; background-image: url(../images/content/usael_13.png); background-repeat: no-repeat; position: absolute; top:0; z-index: 20; }
.hof_wrap2 .hof_btn2 a.usa_prev2{ background-position: -5px center; left:-40px; } 
.hof_wrap2 .hof_btn2 a.usa_prev2:hover{ background-position: -40px center }
.hof_wrap2 .hof_btn2 a.usa_next2{ background-position: -75px center; right:-40px }
.hof_wrap2 .hof_btn2 a.usa_next2:hover{ background-position: -110px center }
/*li들*/
.hof_wrap2 .hall_of_fame { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; }
.hof_wrap2 .hall_of_fame .hof_list2 { width: 100%; height:100%; position: relative;}
.hof_wrap2 .hall_of_fame .hof_list2:after{ content:""; display:block; clear:both; }
.hof_wrap2 .hall_of_fame .hof_list2 li { display: block; width:20%; height: auto; float:left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hof_wrap2 .hall_of_fame .hof_list2 li a { display: inline-block; width: 97%; height: auto; border:1px solid #e1e1e1; border-bottom:1px solid #bfc1c3; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*동그라미 이미지*/
.hof_wrap2 .hall_of_fame .hof_list2 li a > div { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; position: relative;}
.hof_wrap2 .hall_of_fame .hof_list2 li a > div:after { position: absolute; bottom:-4px; left: 0; width:100%; height:5px; display:block; content: ""; background: #fff;}/*아래 1픽셀 줄 생기는거 방지(크롬) */
.hof_wrap2 .hall_of_fame .hof_list2 li a > div:before { position: absolute; top:0; right:37px; width:5px; height:100%; display:block; content: ""; background: #fff; z-index: 50;}/*오른쪽 1픽셀 줄 생기는거 방지(크롬) */
.hof_wrap2 .hall_of_fame .hof_list2 li a > div > span:after { position: absolute; top:0; left: 0; width: 100%; height:100%; display:block; content: ""; background: url("../images/newsman/newsman_18_2_2.png")no-repeat; background-size: 100%;}
.hof_wrap2 .hall_of_fame .hof_list2 li a > div > span { display: block; margin-top: 15px;position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%;}
.hof_wrap2 .hall_of_fame .hof_list2 li a > div > span img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
/*텍스트*/
.hof_wrap2 .hall_of_fame .hof_list2 li a dl { width: 100%; height:122px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin-top:10px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dt{ width: 100%; height: 36px; border-top:1px solid #e6e8eb; border-bottom:1px solid #e6e8eb; background: #fafafa; line-height: 35px; font-size: 12px; color:#333;  }
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dt span { font-size: 15px; font-weight: bold; }
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dt img { display: inline-block; width: 24px; height: 24px; margin-top:6px; margin-left: 3px; }
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd.hof_listcon2 { font-size: 12px; color:#888; height:3em; line-height:1.5em; text-align:left; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:10px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd { font-size: 11px; color: #999; text-align: left; margin-top:8px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd span { color:#010101;  }
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd img { margin-top:1px;}

/*선임기자,논설위원일 경우*/
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a { background: #f3f3f3;}
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl { padding: 0; position: relative;}
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl:after { display: block; content:""; width:100%; height: 4px; position: absolute; top: 39px; left:0; background: url("../images/newsman/newsman_37.png") repeat-x; }
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dt{ height: 39px; border:0 none; background: #247acd; line-height: 38px; color:#a9d5ff; position: relative;}
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dt:after { display: block; content:""; width:5px; height: 45px; position: absolute; bottom: -4px; left:-3px; background: url("../images/newsman/newsman_35_333.png") no-repeat; }
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dt:before { display: block; content:""; width:5px; height: 45px; position: absolute; bottom: -4px; right:-3px; background: url("../images/newsman/newsman_36_333.png") no-repeat; }
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a > div span:after { position: absolute; top:0; left: 0; width: 100%; height:100%; display:block; content: ""; background: url("../images/newsman/newsman_18_2_2_2.png")no-repeat; background-size: 100%;}
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a > div:after { position: absolute; bottom:-4px; left: 0; width:100%; height:5px; display:block; content: ""; background: #f3f3f3;}/*아래 1픽셀 줄 생기는거 방지(크롬) */
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a > div:before { position: absolute; top:0; right:37px; width:5px; height:100%; display:block; content: ""; background: #f3f3f3; z-index: 50;}/*오른쪽 1픽셀 줄 생기는거 방지(크롬) */
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a:hover dt { background:#1c5fa0; }
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a:hover dl dt:after { display: block; content:""; width:5px; height: 45px; position: absolute; bottom: -4px; left:-3px; background: url("../images/newsman/newsman_35_5.png") no-repeat; }
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a:hover dl dt:before { display: block; content:""; width:5px; height: 45px; position: absolute; bottom: -4px; right:-3px; background: url("../images/newsman/newsman_36_5.png") no-repeat; }

@media screen and (max-width:1300px){        
  .hof_wrap2 .hall_of_fame .hof_list2 li a dl dt img { display: none; } 
}
@media screen and (max-width:1278px){    
.hof_wrap2 { padding-right: 35px; padding-left: 35px; }  
.hof_wrap2 .hof_btn2 a.usa_prev2{ left:5px; } 
.hof_wrap2 .hof_btn2 a.usa_next2{ right:5px }    
}
@media screen and (max-width:1120px){   
    .hof_wrap2 .hall_of_fame .hof_list2 li { width:25%; }
}
@media screen and (max-width:900px){   
    .hof_wrap2 .hall_of_fame .hof_list2 li { width:33.33%; }
    .hof_wrap2 .hall_of_fame .hof_list2 li a dl dt span { font-size: 14px; }
    .hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a:hover dt { background:#247acd; }
    .hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a:hover dl dt:after { display: block; content:""; width:5px; height: 45px; position: absolute; bottom: -4px; left:-3px; background: url("../images/newsman/newsman_35_333.png") no-repeat; }
    .hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a:hover dl dt:before { display: block; content:""; width:5px; height: 45px; position: absolute; bottom: -4px; right:-3px; background: url("../images/newsman/newsman_36_333.png") no-repeat; }
    .hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dd { padding: 0 10px; }
}
@media screen and (max-width:680px){   
.hof_wrap2 { padding-right: 30px; padding-left: 30px;  margin-bottom:10px; }      
.hof_wrap2 .hof_btn2 a{ display: block; width:19px; height:100%; background: url("../images/newsman/newsman_25_2.png")no-repeat; position: absolute; top:0; z-index: 20; }
.hof_wrap2 .hof_btn2 a.usa_prev2{ background-position: 0 center; left:5px; } 
.hof_wrap2 .hof_btn2 a.usa_prev2:hover{  background-position: 0 center; }
.hof_wrap2 .hof_btn2 a.usa_next2{ background-position: -19px center; right:5px }
.hof_wrap2 .hof_btn2 a.usa_next2:hover{ background-position: -19px center; } 
.hof_wrap2 .hall_of_fame .hof_list2 li a > div { padding: 0 30px; }    
.hof_wrap2 .hall_of_fame .hof_list2 li a > div:before { right:27px; }/*오른쪽 1픽셀 줄 생기는거 방지(크롬) */    
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a > div:before { right:27px; }/*오른쪽 1픽셀 줄 생기는거 방지(크롬) */        
.hof_wrap2 .hall_of_fame .hof_list2 li a dl { height:110px; padding: 0 15px; }
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dt{ font-size: 11px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd.hof_listcon2 { height:2.6em; line-height:1.3em; margin-top:8px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd {  margin-top:4px;}
}
@media screen and (max-width:630px){ 
.hof_wrap2 .hall_of_fame .hof_list2 li a dl { height:105px; padding: 0 10px; }
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dt{ height: 36px; line-height: 15px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dt span { font-size: 13px; font-weight: normal; display: block; margin-top:4px;}
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dt { line-height: inherit}
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a dl dt span { line-height: inherit; padding-top: 5px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd.hof_listcon2 { margin-top:7px;}
.hof_wrap2 .hall_of_fame .hof_list2 li a dl dd{ margin-top:3px;}
}
@media screen and (max-width:520px){ 
/* 기존 */
.hof_wrap2 { padding-right: 0px; padding-left: 0px; }      
.hof_wrap2 .hof_btn2 { display: none;}
.hof_wrap2 .hall_of_fame { height: 236px; padding-bottom: 0; }
.hof_wrap2 .hall_of_fame .hof_list2 { position: absolute; top: 0; left: 6px; min-width: 1020px;}
.hof_wrap2 .hall_of_fame .hof_list2 li { width:166px; margin-bottom:0; }
.hof_wrap2 .hall_of_fame .hof_list2 li a { display: block; width:160px; height: 100%; padding: 0;}
.hof_wrap2 .hall_of_fame .hof_list2 li a > div { padding: 0 25px; }    
.hof_wrap2 .hall_of_fame .hof_list2 li a > div:before { right:21px; } 
.hof_wrap2 .hall_of_fame .hof_list2 li.editorialist a > div:before { right:21px; }    
.hof_wrap2 .hall_of_fame .hof_list2 li a > div span { margin-top: 10px;}   
}  

/* -----------------------  폰트 --------------------------*/
/*나눔명조 볼드 추가*/
@font-face {
  font-family: 'NanumMyeongjoBold';
  src: url('../fonts/NanumMyeongjoBold/NanumMyeongjoBold.eot');
  src: url('../fonts/NanumMyeongjoBold/NanumMyeongjoBold.woff2') format('woff2'),
       url('../fonts/NanumMyeongjoBold/NanumMyeongjoBold.woff') format('woff'),
       url('../fonts/NanumMyeongjoBold/NanumMyeongjoBold.ttf') format('truetype'),
       url('../fonts/NanumMyeongjoBold/NanumMyeongjoBold.svg#NanumMyeongjoBold') format('svg'),
       url('../fonts/NanumMyeongjoBold/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumMyeongjoRegular';
  src: url('../fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.eot');
  src: url('../fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.woff2') format('woff2'),
       url('../fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.woff') format('woff'),
       url('../fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.ttf') format('truetype'),
       url('../fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.svg#NanumMyeongjoRegular') format('svg'),
       url('../fonts/NanumMyeongjoRegular/NanumMyeongjoRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}