@charset "UTF-8";
@import url("/_res/press/_css/user.css");

/* common */
.over-hidden{position:fixed;width:100%;overflow:hidden;}

audio.play{display:none;}

/* 오늘의 회화(팝업) */
.conv-pop-wrap{position:fixed;top:calc(50% - 14px);left:50%;z-index:30;width:100%;max-width:480px;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);min-height: 368px;background-color: #fff;}
.con-pop-box{position:relative;background:#fff;box-shadow:0px 1px 30px rgba(0,0,0,0.3);}
.con-pop-box > p{padding:20px 0 20px 20px;border-bottom:1px solid #e6e6e6;font-weight:400;font-size:18px;}
.conv-list{position:absolute;top:0;left:0;padding:19px 0 0 130px;width:100%;box-sizing:border-box;}
.conv-list:after{content:"";display:block;clear:both;}
.conv-list > li{float:left;}
.conv-list > li > a{display:inline-block;margin:0 10px 0 0;padding:0 15px 0 0;position:relative;font-size:15px;}
.conv-list > li:last-of-type > a{margin:0;padding:0;}
.conv-list > li > a:after{content:"";display:block;position:absolute;top:2px;right:0;width:1px;height:11px;background:#424242;}
.conv-list > li:last-of-type > a:after{display:none;}
.conv-list > li.active > a{font-weight:500;color:#ea1b45;}
.conv-list > li.active > div{display:block;border-bottom:1px solid #e6e6e6;overflow-y:scroll;}
.conv-list > li > div{display:none;position:absolute;top:58px;left:0;padding:30px 0 0 0;width:100%;height:222px;}
.conv-list > li > div > div{padding:0 20px 33px 20px;}
.conv-list > li > div > div:after{content:"";display:block;clear:both;}
.conv-list > li > div > div > div{display:inline-block;margin:0 -5px 0 0;}
.conv-list .conv-mark-box{padding:5px 0 0 0;width:34px;vertical-align:top;}
.conv-list .conv-mark-box img{width:100%;}
.conv-list .conv-txt-box{padding:0 0 0 20px;width:calc(100% - 110px);vertical-align:middle;}
.conv-list .conv-txt-box p{padding:0 0 6px 0;line-height:23px;}
.conv-list .conv-txt-box p:last-of-type{padding:0;}
.conv-list .conv-txt-box p:nth-of-type(2){font-weight:400;}
.conv-list .conv-txt-box p span{color:#0192bf;}
.conv-list .conv-txt-box pre{line-height:26px;white-space:pre-wrap;}
.conv-list .conv-etc-box{vertical-align:middle;}
.conv-list .conv-etc-box a{display:inline-block;width:28px;height:28px;text-indent:-99999px;}
.conv-list .conv-etc-box .voice{background:url(/_res/eng-newspaper/img/common/ico-refresh-play.gif) no-repeat 0 0/100%;}
.conv-list .conv-etc-box .voice.pause{background-image:url(/_res/eng-newspaper/img/common/ico-refresh-pause.gif);}
.conv-list .conv-etc-box .repeat{background:url(/_res/eng-newspaper/img/common/ico-sound-play.gif) no-repeat 0 0/100%;}
.conv-list .conv-etc-box .repeat.pause{background-image:url(/_res/eng-newspaper/img/common/ico-sound-pause.gif);}
.conv-close-btn{position:absolute;top:18px;right:20px;}
.today-chk-box{position: absolute;bottom: 22px;}
.today-chk-box .today-chk{display:none;}
.today-chk-box .today-chk + label{position:relative;padding:0 0 0 47px;font-weight:100;font-size: 16px;}
.today-chk-box .today-chk + label:before{content:"";display:block;position:absolute;top:4px;left:19px;width:17px;height:17px;border:1px solid #ccc;box-sizing:border-box;}
.today-chk-box .today-chk:checked + label:after{content:"";display:block;position:absolute;top:4px;left:19px;width:17px;height:17px;background:url(/_res/eng-newspaper/img/common/ico-chk.png) no-repeat 50% 50%/10px;}
.conv-pop-bg{position:fixed;top:0;left:0;z-index:20;width:100vw;height:100vh;background:rgba(0,0,0,0.5);}

/* board */
.b-search-form .b-btn-search{line-height:27px;}
@media screen and (max-width:800px) {
	
	/* board */
	.b-search-form .b-btn-search{line-height:24px;}
}

@media screen and (max-width:640px) {

	/* 오늘의 회화(팝업) */
	.conv-pop-wrap{top:20%;width:calc(100% - 20px);    min-height: 268px;}
	.con-pop-box > p{padding:15px 0 15px 10px;font-size:16px;}
	.conv-list{padding:14px 0 0 115px;}
	.conv-list > li > a{margin:0 5px 0 0;padding:0 8px 0 0;font-size:14px;}
	.conv-list > li > a:after{top:2px;}
	.conv-list > li > div{top:47px;padding: 25px 0 0 0;height:155px;}
	.conv-list > li > div > div{padding:0 10px 10px 10px;}
	.conv-list .conv-mark-box{padding:7px 0 0 0;}
	.conv-list .conv-txt-box{padding:0 0 0 10px;width:calc(100% - 100px);}
	.conv-list .conv-txt-box p{padding:0 3px 0 0;font-size:14px;line-height:19px;}
	.conv-list .conv-txt-box pre{font-size:14px;line-height:19px;}
	.today-chk-box .today-chk + label{padding:0 0 0 35px;font-size:14px;}
	.today-chk-box{bottom: 13px;}
	.today-chk-box .today-chk + label:before{top:3px;left:10px;width:14px;height:14px;}
	.today-chk-box .today-chk:checked + label:after{top:2px;left:8px;background-size:8px;}
	.conv-close-btn{top:13px;right:10px;}
	
	/* board */
	.b-search-form .b-btn-search{line-height:24px;}
	
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
	.content-wrap {padding: 10px 10px;}
}
	
}

@media screen and (max-width:420px) {
	.conv-pop-wrap{min-height: 268px;;}
	/* 오늘의 회화(팝업) */
	.conv-list{padding:14px 0 0 96px;}
	.conv-close-btn img{width:15px;}
	
	

}

/* 탭 */
.tab-box01, .tab-box02, .tab-box04{max-width:1200px;margin:0 auto;padding:50px 0}
.tab-box01 .tab-ul {width: 100%;position:relative;border:1px solid #cccccc;}
.tab-box01 .tab-ul:after{content:"";display:block;clear:both;}
.tab-box01 .tab-ul > li{display:inline-block;border: 0;border-left: 1px solid #ccc;margin:0 -4px 0 0;width:14.2%;text-align:center;vertical-align:middle;}
.tab-box01 .tab-ul > li:first-child {border-left: 0;}
.tab-box01 > .tab-ul > li:hover, .tab-box01 > .tab-ul > li:focus, .tab-box01 > .tab-ul > li:active, .tab-box01 > .tab-ul > li.active{background:#01439e;}
.tab-box01 > .tab-ul > li:hover > a {color:#fff;}
.tab-box01 .tab-ul li > a{padding: 15px 0;display: block;font-weight:400;font-size:15px;color:#555;line-height:30px;}
.tab-box01 .tab-ul li.focus > a, .tab-box01 .tab-ul li.active > a{color:#fff;}
.tab-box01.many .tab-ul{border: 1px solid #ccc;}
.tab-box01.many .tab-ul li{position:relative;padding:15px 0;border-left: 1px solid #ccc;}
.tab-box01.many .tab-ul li:first-child {border-left: 0;}
.tab-box01.many .tab-ul li:nth-child(3) ~ li {border-top: 1px solid #ccc;}
.tab-box01.many.w-cst .tab-ul li:nth-child(3) ~ li{}
.tab-box01.many.w-cst2 .tab-ul li:nth-child(2) ~ li{border-top: 1px solid #ccc;}
.tab-box01.many.w-cst li:nth-child(3){width:70%;border-left: 0;border-top: 1px solid #ccc;}
.tab-box01.many.w-cst li:nth-child(4){width:30%}
.tab-box01.many.w-cst2 li:nth-child(1){width:50%}
.tab-box01.many.w-cst2 li:nth-child(2){width:50%}
.tab-box01.many.w-cst2 li:nth-child(3){width:48%}
.tab-box01.many.w-cst2 li:nth-child(4){width:22%}
.tab-box01.many.w-cst2 li:nth-child(5){width:30%}
.tab-box01 .row01 > li{width:100%}
.tab-box01 .row02 > li{width:50%}
.tab-box01 .row03 > li{width:33.33333%}
.tab-box01 .row04 > li{width:25%}
.tab-box01 .row05 > li{width:20%}
.tab-box01.-under .tab-ul{border:0;box-sizing:border-box;}
.tab-box01.-under .tab-ul > li{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tab-box01.-under .tab-ul > li:nth-of-type(n+6){border-top:0;}
.tab-box01.-under .tab-ul > li:nth-of-type(5n){border-right:1px solid #ccc;}
.tab-box01.-under .tab-ul > li.last{border-right:1px solid #ccc;}
.tab-box01.-under .tab-ul > li:first-child{border-left:1px solid #ccc;}