@charset "utf-8";
#dvBody{margin-bottom: 10px;}
.txt_box ol li, .list_thumbandstat li{
	display: table;
    width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
.txt_box ol li a, .list_thumbandstat li a{
	position: relative;
    display: table-row;
}
.list_thumbandstat li a > span:first-child{padding-left:13px;}
.txt_box ol li a .tit, .list_thumbandstat li a .tit{
    display: table-cell;
    padding: 0 10px 0 13px;
    vertical-align: middle;
    height: 80px;
}
.list_thumbandstat li a .tit{
    padding: 0 10px 0 3px;
}
.txt_box ol li a strong, .list_thumbandstat li a strong{
    white-space: normal;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: #333;
    font-weight: normal;
    letter-spacing: -0.08em;  
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.txt_box ol li a .thumb, .list_thumbandstat li a .thumb{
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 57px;
    padding: 0px 10px;
}
.txt_box ol li a .thumb img, .list_thumbandstat li a .thumb img{
    border: 1px solid rgba(0, 0, 0, 0.1);
	object-fit: cover;
    height: inherit;
    width: inherit;
}

.txt_box li .s-box {
    overflow: hidden;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    color: #000;
    margin: 8px 8px 0 0;
}
.txt_box li .space00{margin: 8px 8px 0px 0px;}
.txt_box li .space01{margin: 0px 10px 6px 6px;}
.txt_box li .s-box em{
    display: inline-block;
    margin-right: 10px;
    padding-left: 16px;
    text-align: left;
    height: 14px;
    font-size: 1.2rem;
    float: left;
}
.txt_box li .space01 em{
    margin-right: 7px;    
}
.txt_box li .s-box em:last-child{
    margin-right: 0;
}
.psi_list_cont > .psi_list_link > .date{display: block;margin: 10px 8px 0px 8px;color: #999;font-size: 11px;line-height: 11px}

/*==최대 아이폰6+까지 =======================================*/
@media only screen and (max-width: 320px){
    .card_list .txt_box li .s-box{margin: 0 0 20px;}
    .card_list .txt_box li .s-box em{width: 27px;}
}
    
.txt_box li .rec-i {
	background: url(/images/mobile_2017/rec.svg) 1px 1px no-repeat;
    opacity: .6;
    background-size: 12px;
}
.txt_box li .reply-i {
	background: url(/images/mobile_2017/reply.svg) 0px 1px no-repeat;
	opacity: .6;
}
.txt_box li .share-i {
	background-image: url(/images/mobile_2017/share.svg);
	background-position: 0px -1px;
	background-repeat: no-repeat;
	background-size: 13px;
	opacity: .6;
	padding-left: 15px!important;
}
.txt_box ol li a .number{
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #a5a5a5;
    display: table-cell;
    vertical-align: text-bottom;
    padding: 31px 5px;
    margin-right: 5px;
    width: 26px;
}
.txt_box ol li a .snumber{font-size: 1.9rem;}

.list_l_box > ul > li{
    margin-bottom: 10px;
}
.list_l_box > ul > li:last-child{
    margin-bottom: 0;
}
.list_l_box ul li a{display: block;}
.list_l_box ul li .link_thumb img{   
	height: 200px;
    object-fit: cover;
}
.list_l_box ul li .link_tit{
    position: relative;
    background-color: #fff;
    padding: 14px 15px 22px;
    border-bottom: 1px solid #e5e5e5;
}
.list_l_box ul li .link_tit strong{
    display: block;
	font-weight: 400;
}
.list_l_box ul li .link_tit strong a{
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: -0.05em;
    color: #333;
    /*max-height: 52px;*/
    /*overflow: hidden;*/
}
.list_l_box ul li .link_tit span a{
    display: inline-block;
    font-size: 1.1rem;
    color: #a5a5a5;
    margin: 10px 0 0 2px;
}
.series .list_l_box .link_tit a:first-child{
	margin-bottom: 12px;
}
.series .list_l_box .link_tit a:last-child{
	overflow: hidden;
    white-space: nowrap;
}
.series .list_l_box .link_thumb{
	position: relative;
	height: 225px;
    overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, .03);
}
.series .list_l_box .link_thumb img{
	object-fit: cover;
    height: inherit;
}
.series .list_l_box .link_thumb .hot{
	font-size: 1.2rem;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 11px;
    border: 1px solid #fff;
    border-radius: 11px;
    padding: 3px 10px;
	background-color: rgba(0, 0, 0, 0.3);
}
.series .list_l_box .link_tit{
	padding: 14px 15px 24px;
}
.series .list_l_box .link_tit strong{
	font-size: 1.7rem;
    line-height: 1.4em;
    color: #333;
	letter-spacing: -0.05em;    
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.series .list_l_box .link_tit span{
	display: inline-block;
    font-size: 1.5rem;
	color: #286dc8;
	letter-spacing: -0.05em;
	max-width: 89%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.series .list_l_box .link_tit .amount{
	margin-left: 3px;
	vertical-align: middle;
	font-size: 1.2rem;
    color: #999;
}
.series .slide_menu_box li{    
    width: 50%;
}
.series .txt_box .list_title{
    color: #000;
}
/*
.box_tit.series{
    overflow: hidden;
    white-space: nowrap;
}
.box_tit.series .hot{
    vertical-align: middle;
}
.box_tit.series h2{
    max-width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.box_tit.series .amount{
     vertical-align: middle;
}
.box_tit .amount{
    font-size: 1.2rem;
    color: #999;
}
.series .text_list .link_thumb{
    height: 225px;
    overflow: hidden;
    display: block;
}
.series .text_list .link_thumb img{
    object-fit: cover;
    height: inherit;
}
*/
.series .slide_menu {
    position: relative;
    overflow: visible;
    background-color: #fff;
    border-bottom: 1px solid #cdcdcd;
    height: 44px;
}
.series .slide_menu ul {
    white-space: nowrap;
}
.series .slide_menu > ul li:first-child {
    margin-left: 8px;
    position: relative;
    display: block;
}
.series .slide_menu > ul li:first-child span {
    font-size: 1.2rem;
}
.series .slide_menu li {
    display: inline-block;
    margin: 0 3px;
    vertical-align: top;
    width: initial;
}
.series nav li.on a {
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}
.series .slide_menu li a {
    padding: 14px 8px 16px;
    position: relative;
    display: block;
    color: #a5a5a5;
}
.series .slide_menu li a span {
    font-size: 1.5rem;    
}
.txt_article.series .text_list .thumb {
    width: 64px;
    height: 64px;
}
.txt_article.series .text_list .txt_box {
    padding-left: 15px;
}
.txt_article.series .text_list .thumb img{
    object-fit: cover;
    height: inherit;
}
.txt_article.series .text_list strong {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #286dc8;
    min-height: 30px;
}
.txt_article.series .text_list strong em{
    font-size: 1.2rem;
    color: #999;
    margin-left: 3px;
}
.txt_article.series .text_list .name {
    color: #333;
    margin-top: 0px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
}
.txt_article.series .text_list .date {
    font-size: 1.1rem;
    margin-top: 2px;
    color: #a5a5a5;
}
.banner{
    text-align: center;
}
.series_intro{
    padding: 20px 13px 10px;
}
.series_intro h2{
    font-size: 2rem;
    font-weight: normal;
	line-height: 1.3em;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
}
.series_intro p{
    font-size: 1.4rem;
    color: #333;
    line-height: 1.5em;
    letter-spacing: -0.05em;
}
.series_intro .more{
    font-size: 1.4rem;
    color: #a6a6a6;
    display: inline-block;
    margin-left: 7px;
    vertical-align: baseline;
}
.reporter_box{
    border-bottom: 1px solid #dedede;
    position: relative;
    padding: 10px 13px;
}
.reporter_box .btns {
    display: inline-block;
    width: 152px;
    vertical-align: middle;
    position:inherit;
	right: inherit;
    top: inherit;
}
.reporter_box .text{
	width: 70px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 6px;
}
.reporter_box .face{       
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 6px;
	border-radius: 100%;
    background: #e5e5e5 url(/images/mobile_2017/myroom.svg) no-repeat 0 0;
    background-size: 60%;
    background-position: center;
}
.reporter_box .face img{
	height: 40px;
    min-width: 40px;
    object-fit: cover;
}
.reporter_box .name{
    font-size: 1.4rem;
    color: #333;
    display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}
.reporter_box .id{
    font-size: 1.1rem;
    color: #b3b3b3;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reporter_box .members{
    display: block;
    font-size: 1.2rem;
    color: #a6a6a6;
    text-decoration: underline;
}
/*

.reporter_box .btns{
    display: inline-block;
    width: 152px;
    position: absolute;
    right: 10px;
    top: 16px;
}
*/
.reporter_box .icon{
    width: 28px;
    height: 28px;
    border: 1px solid #999;
    border-radius: 15px;
    margin: 0 3px;
    text-indent:0; font-size:15px; color:transparent;
    display: inline-block;
    vertical-align: middle;
    background-size: 60%;
    opacity: .5;
}
.reporter_box .icon:last-child{
    margin-right: 0;
}
.reporter_box .btns .icon.zzim.on{
    border: 1px solid #db0000;
    opacity: 1;    
}
.reporter_box .btns .icon.site{
    opacity: 1;    
    border: 1px solid #cecece;
}

/* 연재/특별 기획공유 190814 */
.reporter_box .share_btn{z-index: 1;position: absolute;bottom: 13px;right: 14px; width: 36px;height: 36px;border-radius: 100%;text-indent: 0;font-size: 12px;color: transparent;background-color: #286dc8;background-size: 20px;background-position: 6px 8px;background-repeat: no-repeat;background-image: url(//ojsimg.ohmynews.com/images/mobile_2017/share_w.svg);}

#dvBody .card_list{
	padding-bottom: 0;
}
.series .card_list{
    background-color: #ececec;
}
.series .card_list ul li{
    margin-bottom: 8px;
}
.series .card_list ul li a{
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin: 0 4px;
}
.series .card_list ul li .thumb{
    border: 0;
    height: 145px;
    overflow: hidden;
    display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .03);
}
.series .card_list ul li .thumb img{
    object-fit: cover;
    min-height: 145px;
}
.series .card_list ul li strong{
    margin: 10px 12px 14px;
    height: auto;
	min-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;    
}
.series .card_list ul li .s-box.space01{margin: 0px 8px 16px 10px;}
.card_list.photo li{
	width: 33.333%;
	margin-bottom: 8px;
}
.card_list.photo li a{
	margin: 0 3px;
}
.realtime .slide_menu_box li{
    width: 33.33%;
}
.realtime .order a{
    position: relative;
    padding: 11px 60px 13px 10px;
}
.realtime .rec-i {
    display: inline-block;
    position: absolute;
    right: 10px;
	overflow: hidden;
    height: 14px;
	/*width: 41px;*/
    text-align: right;
    font-size: 1.2rem;
    text-indent: 18px;
    background-image: url(/images/mobile_2017/rec.svg);
    background-repeat: no-repeat;
	opacity: .6;
    margin: 2px 0;    
}
.realtime .txt_article .box_tit h2{
    font-size: 1.4rem;
    letter-spacing: -0.05em;
}

.box_tit .icon.question{
    width: 15px;
    height: 19px;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
    margin-left: 4px;
    vertical-align: inherit;
    background-size: 90%;
}
.atc_notice{
    padding: 14px;
    width: inherit;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e5e5e5;
}
.atc_notice .ico_info{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background-size: 10px;
    vertical-align: middle;
}
.atc_notice p{
    font-size: 1.2rem;
    color: #555;
    line-height: 1.5em;
    letter-spacing: -0.07em;
    margin-bottom: 3px;
}
.atc_notice span{
    font-size: 1.1rem;
    color: #999;
    letter-spacing: -0.07em;
}

/* s: 실글 선거기간 */
.atc_notice .tit01{font-size: 12px; margin-bottom: 5px; letter-spacing: -.75px; }
.atc_notice .tit02{font-size: 11px; letter-spacing: -.75px; }
.atc_notice > ul li{background: url(/images/ohmynews/main/bul_sq.gif) 0px 5px no-repeat; line-height: 120%; font-size: 11px; color: #666; padding-left: 8px; padding-bottom: 4px;}
.atc_notice a.tlink01{text-decoration: underline; color: #e91e63;}
.atc_notice .tcolor01{color: #ff8d70;}
.atc_notice .tcolor02{color: #ffe970;}
.txt_article li a.live{padding: 12px 0 12px;}
.cssEtc {background-color: #fff; padding: 0 0 14px 0;}
.slide_list.hot { margin: 0 7px;}
.swiper-pagination-bullets.initial { position: initial; width: 100%;}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
/* e: 실글 선거기간 */

.citizen{
    background-color: #fff;
    padding: 12px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.citizen h2{
    font-size: 1.4rem;
    line-height: 1.4em;
    letter-spacing: -0.05em;
    padding-left: 12px;
}
.citizen .cssCitizen{    
    margin-top: 16px;
    padding-left: 12px;
}
.citizen .cssMenuItem{
    width: 70px;
    margin-right: 15px;
	text-align: center;
}
.citizen .cssMenuItem .face{
    width: 70px;
    height: 70px;
    border: 1px solid #ccc;
    display: block;
    border-radius: 35px;
    overflow: hidden;
    background-color: #e0e0e0;
}
.citizen .cssMenuItem .face img {
    width: 100%;
    object-fit: cover;
	min-height: 72px;
}
.citizen .cssMenuItem .name{
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    margin: 4px 4px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}
.citizen .cssMenuItem .id{
    color: #b9b9b9;
    margin: 4px 4px 0;    
	line-height: 1em;
    display: inline-block;
}
.realtime .explain{
    background-color: #fff;
    padding: 14px 12px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    letter-spacing: -0.05em;
    color: #a5a5a5;
}
.text_list.realtime a{
    padding:0;
}
.text_list.realtime li{
    padding: 13px 10px;
}
.text_list.realtime .reporter{
	display: inline-block;
}
.realtime .reporter .face{
    width: 43px;
    height: 43px;
    overflow: hidden;
    border-radius: 22px;
    display: inline-block;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.realtime .reporter .face img {
    width: 100%;
    object-fit: cover;    
	min-height: 45px;
}
.realtime .reporter .id{
    font-size: 1.5rem;
    color: #333;
    vertical-align: middle;
    margin-left: 2px;
}
.realtime .reporter .id em{
    font-size: 1.2rem;
    color: #a5a5a5;
    margin-left: 3px;
}
.text_list.realtime .date{
	margin-top: 10px;
    font-size: 1.2rem;
    color: #b9b9b9;
    display: block;
}
.text_list.realtime strong{
    margin-top: 5px;
    font-size: 1.5rem;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.realtime .state{
    margin-top: 20px;
    position: relative;
    height: 16px;
}
.realtime  .state .charcoal{
	display: inline-block;
    font-size: 1.2rem;
    color: #a7a7a7;    
	padding: 0;
}
.realtime .state .charcoal .icon{
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
	text-indent: -999em;
}

.realtime  .state .rec-i{
    font-size: 1.2rem;
    color: #666;    
    max-width: 60px;
}


.txt_box li .name-id {
	font-size: 1.1rem;
    color: #888;    
	margin: 2px 2px 0px 0px; 
	display: block;
}
.txt_box li .date-top {
	font-size: 1.1rem;
	color: #888;    
	display: inline-block;
	margin-bottom: 2px;
}

.slide_list.tv{margin: 10px 10px 0px 10px;}
.slide_list.tv li{
    float: left;
    width: 50%;
    margin-bottom: 10px;
}
.slide_list.tv li a{
    display: inline-block;
    margin: 0 3px;
    background-color: #fff;
}
.slide_list.tv .thumb{ position: relative;}
.slide_list.tv li a .tit{    
    /*padding: 7px 7px 11px;*/
    padding: 5px 5px 0;
    display: inline-block;
}
.slide_list.tv li a strong{
    font-weight: normal;
    color: #333;
    display: block;
    font-size: 1.4em;
    line-height: 1.3em;
    overflow: hidden;
    height: 37px;
}
.slide_list.tv .play{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-indent:0; font-size:15px; color:transparent;
    background-color: rgba(0,0,0,0.50);
    border-radius: 50%;
	background-image: url(/images/mobile_2017/play.svg);
}
@media (min-width: 320px) and (max-width: 425px){
    .txt_box .slide_list.tv .play{
        margin-left: -25px;
        margin-top: -25px;
        width: 45px;
        height: 45px;
    }
}
.layer_joinrpt .head{
	padding: 14px 14px 16px;
    background-color: #444;
    position: relative;
}
.layer_joinrpt .head h2{
    text-align: center;
    color: #fff;
	font-weight: normal;
    font-size: 1.5rem;
}
.layer_joinrpt .head button{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 6px;
    text-indent:0; font-size:15px; color:transparent;
    background-size: 20px;
}
.layer_joinrpt .reporter_box .btns {
    width: auto;
}
.layer_joinrpt .reporter_box .icon {
    margin: 0 4px;
}
.layer_joinrpt .reporter_box .icon:last-child {
    margin-right: 0;
}
.layer_joinrpt ul{
	background-color: #fff;
}
.exp{
	display: inline;
	position: relative;    
	vertical-align: inherit;
}
.tooltipT{
    bottom: 25px;
    left: -40px;
	width: 170px;
}
.tooltipB{
    bottom: 27px;
    left: 0;
	width: 170px;
}
.tooltipT, .tooltipB{
	z-index: 2;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 12px;    
	white-space: normal;
}
.tooltipT p, .tooltipB p{
	color: #777;
	font-size: 1.2rem;
    letter-spacing: -0.05em;
}
.tooltipT:after, .tooltipB:after{
    position: absolute;
	content: "";
	background-image: url(/images/mobile_2017/font_arrow.svg);
	width: 20px;
	height: 10px;
	background-position: center;
	background-repeat: no-repeat;
}
.tooltipT:after{
	bottom: -10px;
    left: 41px;
	transform: rotate(180deg);
}
.tooltipB:after{
	bottom: -10px;
    left: 26px;
	transform: rotate(180deg);
}
.list_title.hashtag a{ color: #227dc5;}


/* 리스트페이지 타이틀 여백수정 171011*/
.txt_box .list_title {
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    height: 44px;
    line-height: 44px;
    padding: 0px 10px 0px 15px;
    margin-top: 0px;
    background-color: #fff;
    position: relative;
}
.card_list ul {padding-top:10px}
.swiper-container.cssHotList{background-color: #fff;padding: 0 0 14px 0}

/*181115 10만인리포트 추가*/
.list_l_box .club-report{margin: 5px 0 20px;overflow: hidden}
.list_l_box .club-report > li{border: 1px solid #e1e1e1;border-left: none;border-right: none}
.list_l_box .club-report > li > a{display: block;padding-bottom: 42%;color: transparent;background-size: cover;background-position: 50%;background-repeat: no-repeat}
.list_l_box .more-wrap{}
.list_l_box .more-wrap [class*="-btn"]{display: inline-block;height: 50px;line-height: 46px;border: 1px solid #ddd;color: #888;font-size: 14px;font-weight: 600;text-align: center;box-sizing: border-box}
.list_l_box .more-wrap .more-btn{background-color: #fff;width: 70%;float: left;color: #151515;border-left: none}
.list_l_box .more-wrap .more-btn.full{width: 100%}
.list_l_box .more-wrap .top-btn{border-left: none;border-right: 0;background-color: #e5e5e5;width: 30%}
.list_l_box .more-wrap .icon{width: 25px;height: 15px;margin-left: 10px;background-size: 18px;vertical-align: middle;opacity: 0.5}
.list_l_box .more-wrap .arrow_bottom{background-image: url(/images/mobile_2017/arrow_dw.svg)}
.list_l_box .more-wrap .arrow_top{background-image: url(/images/mobile_2017/arrow_up.svg)}

/*2019 책동네 */
.list_title > a.publisher-sub{position: relative;margin-left: 7px;padding-left: 9px;font-size: 17px}
.list_title > a.publisher-sub::before{position: absolute;left: 0;top: 3px;content: "";margin-right: 8px;display: inline-block;width: 2px;height: 14px;background-color: #000}
.list_title > a.book-sub{position: relative;margin-left: 10px;padding-left: 5px;font-size: 13px;font-weight: 400;color: #ac8959}
.list_title > a.book-sub::before{position: absolute;left: 0;top: 2px;content: "";display: inline-block;width: 1px;height: 10px;background-color: #ac8959}

.book-info-wrap{position: relative;display: block;height: 100px;padding: 11px 11px 11px 100px;letter-spacing: -0.025em}
.book-info-wrap *{box-sizing: border-box}
.book-info-wrap > .book-cover{position: absolute;left: 11px;display: inline-block;width: 69px;height: 100px;background-repeat: no-repeat;background-position: center top;background-size: cover}
.book-info-wrap > .book-cover::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1)}
.book-info-wrap > .book-txt{position: relative;height: inherit;display: block}
.book-info-wrap > .book-txt > *{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.book-info-wrap > .book-txt > h1{font-size: 15px;font-weight: 400;height: 40px;line-height: 1.2em;margin-top: 10px}
.book-info-wrap > .book-txt > h1 > strong{color: #ac8959;font-weight: 400;margin-left: 4px}
.book-info-wrap > .book-txt > p{position: absolute;bottom: 11px;font-size: 13px;font-weight: 400;color: #8f8f8f;line-height: 1.2em}
.swiper-book-wrap{text-align: left;background-color: #fff}
.swiper-book-wrap > .title-wrap{padding: 18px 15px 12px;}
.swiper-book-wrap > .title-wrap > h2{color: #000;font-size: 16px}
.swiper-book{position: relative;padding: 25px 0 35px;background: rgba(110,107,129,1);background: -moz-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,107,129,1)), color-stop(100%, rgba(144,132,117,1)));background: -webkit-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: -o-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: -ms-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: linear-gradient(to right, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);}
.swiper-book .book-info-wrap{border: none;background-color: #fff;margin: 0;padding: 25px 15px 25px 100px;}
.swiper-book .book-info-wrap .book-cover{left: 15px}
.swiper-book .book-info-wrap .book-txt{height: 85px}
.swiper-book .book-info-wrap .book-txt > h1{font-size: 16px;}
.swiper-book .book-info-wrap .book-txt > p{font-size: 14px;color: #ac8959}
.swiper-book .swiper-pagination{bottom: 15px}
.swiper-book .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px}
.swiper-book .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}

.book-tab-list{margin-top: 25px;}
.book-tab-list > li{float: left;width: 50%}
.book-tab-list > li > a{display: block;position: relative;color: #b5b5b5;font-size: 18px;font-weight: 400;height: 45px;line-height: 45px;border-bottom: 1px solid #e5e5e5}
.book-tab-list > li > a:hover{text-decoration: none}
.book-tab-list > li:first-child > a{text-align: right;padding-right: 30px}
.book-tab-list > li:last-child > a{text-align: left;padding-left: 30px}
.book-tab-list > li > a.on{color: #333;font-weight: 600}
.book-tab-list > li > a.on::after{position: absolute;content: "";left: 0;right: 0;bottom: 0;height: 2px;background-color: #333}

.list_thumbandstat.book{}
.list_thumbandstat.book > li{padding: 10px 0}
.list_thumbandstat.book > li > a .thumb{width: 70px;height: 100px;padding-right: 20px}
.list_thumbandstat.book > li > a .book-title{display: block;font-size: 14px;color: #ac8959;margin-top: 10px}

.txt_box > ul > li > .book-info-wrap{border-bottom: 1px solid #e5e5e5}
.txt_box > ul > li > .book-info-wrap > .book-txt > p{bottom: 17px}

.book-intro-wrap{background-color: #fff;padding: 25px 15px;border-bottom: 1px solid #e5e5e5}
.book-intro-wrap > h1{font-size: 17px;font-weight: 600;margin-bottom: 6px;line-height: 22px;}
.book-intro-wrap > .name{position: relative;font-size: 12px;color: #888;padding-left: 8px}
.book-intro-wrap > .name::before{content: "";position: absolute;left: 0;top: 5px;background-color: #333;height: 1px;width: 5px;display: inline-block;}
.book-intro-wrap > .book-intro{margin-top: 10px;font-size: 15px;line-height: 1.3em;color: #333}
.book-intro-wrap > .book-intro > a{text-decoration: underline;color: #4979aa;font-weight: 600}
.book-intro-wrap + .txt_box .list_thumbandstat li a .tit strong{-webkit-line-clamp: 3;height: 65px}

/* 200115 생나무글 정책변경 */
/* 생나무 안내*/
.link_tree {display: block;text-decoration: none; margin: 10px; border-radius: 3px;padding: 20px 18px 10px 32px; border: solid 1px #009588;background: #f4f9ef;color: #795548;font-size: 12px;}
.link_tree li.box_titl{font-size: 15px; font-weight: 500; padding: 0 0 8px 0;list-style: none;}
.link_tree li{list-style: outside;color: #000;font-size: 12px; font-weight: 400;padding-bottom: 5px;}
.link_tree li span.text { color: #009588;font-weight: 500;}
.link_tree a.btn_list{padding: 5px 10px; background-color: #009688;font-size: 11px;color: #fff;text-decoration: none; margin: 5px 0; display: inline-block;}
.link_tree a.btn_list:hover{background-color: #1e867c;}
.list_type{/* padding: 0 15px 0 10px; */background-color: #fff;}
.list_type_tree{background-color: #fff;}
.list_type_tree li{overflow:hidden;padding: 15px 15px 15px 10px;border-bottom: solid 1px #ddd;}
.list_type_tree li .tree_con{float: left;width: 70px;text-align: center;box-sizing: border-box;border: solid 1px #ddd;color: #999;background: #f1f1f1;padding: 2px 7px 2px 20px;display: inline-block;margin-right: 12px;background-size: 12px;background-position: 7px;background-repeat: no-repeat;background-image: url(/images/ohmynews/common/ic_tree_before_24dp.png);}
.list_type_tree li .tree_con.ok{text-align: left;border: solid 1px #8994ce;color: #3F51B5;letter-spacing: -1px;background: #fff;padding: 2px 7px 2px 22px;background-size: 16px;background-position: 5px;background-repeat: no-repeat;background-image: url(/images/ohmynews/common/ic_tree_ok_24dp.png);}
.list_type_tree li .tree_list{display:block; overflow: hidden;}
.list_type_tree li .tree_list .text{display: block;/*padding-top: 3px;*/font-size: 16px;line-height: 120%;color: #333;font-weight: 500;}
.list_type_tree li .tree_list .date{padding-top: 5px;font-size: 11px; color: #999; font-weight: 400;}
.list_type_tree li .tree_list .date a{color: #666; font-weight: 400;}
.list_type_tree li .tree_list .date .bar1{padding: 0 7px; color: #ddd;}

.tree_alert-box{position: fixed;top: 20%;left: 0;right: 0;width: 78%;max-width: 300px;min-width: 250px;margin: 0 auto;margin-top: 16%;z-index: 400;border-radius: 10px;padding: 30px 20px 15px;background-color: #000000c4;}
.tree_alert-box .alt-text{color: #fff; font-size: 14px; line-height: 140%; text-align: center;}
.tree_alert-box .alt-btn{display: block; width: 100%; margin-top: 20px; background-color: #5163bd; padding: 12px 30px; border-radius: 4px;text-align: center;font-size: 13px; color: #fff;}