.container, .content { padding-top:0; }
.content .top_b { width: 100vw; padding: 40px; position: relative; left: 50%; transform: translateX(-50%); background: var(--col-f7f7f7) url('//img.nocutnews.co.kr/nocut/img/pattern.png') repeat center; }
.content .top_b .con_b {width:1140px; margin:0 auto; display:flex;}
.content .top_b .icon { width: 54px; height: 54px; display: block; margin-right: 15px; border-radius: 50%; font-size: 250%; color: #fff; font-weight: 800; text-align: center; line-height: 54px; background: #323232; }
.content .top_b p {font-size:18px; font-weight:400; line-height:1.6; }
.content .top_b a {display:inline-block; padding:0 30px; margin-left:auto; line-height:65px; border:1px solid var(--col-afafaf); background-color:var(--col-fff); font-size:18px; color:var(--col-111) }
.content .top_b a:after { content: '\e5cc'; font-family: Material Icons; font-size:110%; position:relative; top:3px; }
.content .top_b a:hover { text-decoration:none; color:#000; border-color:#000;}
.content h2 { position:relative; top:20px; font-size:30px;color:var(--col-111);}
.content h2 a:after { content:'\e5cc'; font-family:Material Icons; position:relative; top:3px;}
.content h2 a:hover {text-decoration:none;}
.issue_b { display: flex; flex-wrap: wrap; margin-bottom:50px; }
.issue_b .li { width:30%; margin-right:5%; margin-top:50px; position:relative;}
.issue_b .li:nth-of-type(3n+3) { margin-right:0;}
.issue_b .li a{}
.issue_b .li .editor_b{ display:block; position:relative; padding:30px 0; border-top:1px solid var(--col-c6c6c6);}
.issue_b .li .editor_b strong { width:100%; max-height:1.6em;height:1.6em; line-height:1.6em; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: var(--font20); color: var(--col-000); font-weight:600; }
.issue_b .li .editor_b:hover strong { color:#a3a3a3; }
.issue_b .li .editor_b .note { height: 3.2em; max-height: 3.2em; overflow: hidden; margin-top: 13px; font-size: var(--font15); color: var(--col-5a5a5a); font-weight: 300; line-height: 1.6; }
.issue_b .li a:hover { text-decoration: none; }

.issue_b .li .article { padding:30px; min-height:136px; background: var(--col-f7f7f7); display:flex;}
.issue_b .li .article span {width:107px; height:76px; overflow:hidden; display:block; flex-shrink:0; margin-right:22px;}
.issue_b .li .article span img {width:100%; min-height:100%;}
.issue_b .li .article p{ font-size:var(--font15); color:var(--col-000); font-weight:400; line-height: 1.6em; max-height: 4.8em; }
.issue_b .li .article:hover p{ text-decoration:underline;}

.layer_pop { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 100; }
.layer_pop .popbox{ width:100%; min-width: 1200px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#4c4c4c; }
.layer_pop .popbox > a{ width:100%; display:block; overflow:hidden;}
.layer_pop .popbox > a img{ width:1700px; position:relative; top:0; left:50%; transform:translateX(-50%);}
.layer_pop .p_foot{ width:1700px; height:1px; box-sizing:border-box; position:absolute; top:1px; left:50%; transform:translateX(-50%); }
.layer_pop .p_foot span { position: absolute; right: 14.5%; top: 60px; width: 50px; height: 50px; color: transparent; overflow:hidden; text-indent:300px; }
.layer_pop .p_foot span input[type=checkbox] { width:1px; height:16px; margin-left:-1px; visibility:hidden; }
.layer_pop .p_foot span label { cursor:pointer; }
.layer_pop .p_foot a { position:fixed; right:115px; top:60px; width:50px; height:50px; color:transparent; display:none}

@media all and (max-width:1240px) {
	.layer_pop .popbox { min-width: 100%; left: 0; transform: none;overflow-x:auto;}
	.layer_pop .popbox > a{ width:1240px; }
	.layer_pop .popbox > a img{ left:-230px; transform:none;}
	.layer_pop .p_foot { width: 1240px; left:0; transform:none; }
	.layer_pop .p_foot span { right: 25px; top: 60px; }
}