@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap);

*{
    padding: 0;
    margin:0;
    list-style:none;
    text-decoration:none;
    font-family: 'Noto Sans KR', sans-serif;
}
body{
    background:#fff;
}
img{
    border: 0;
}
em{
    font-style:normal;
}
#wrap{
    width:100%;
}
.category{
    font-size:15px;
    color:#515151;
    display:inline-block;
}
.name{
    font-size:12px;
    color:#515151;
    display:inline-block;
}
.vdate{
    color:#515151;
    font-size:15px;
}

/*content*/
.viewcon{
    width:1100px;
    height:auto;
    margin:0 auto;
    margin-top:35px;
}
.vconl{
    width:760px;
    height:auto;
    background:#fff;
    float:left;
    margin-bottom:30px;
}
.vcon1text{
    margin:15px;
}
.vcon1tit{
    font-size:40px;
    line-height:48px;
    font-weight: 900;
}
.vconsub{
    border-bottom:1px solid #ddd;
    padding-top:15px;
}
.vconsub>span{
    margin-right:12px;
}
.vconsub>em{
    margin-right:10px;
}
.vcon1_img{
	/*
    height:470px;
    margin:15px;
    display:inline;
	*/
	margin:15px;
}

.f_center{
	/*
    width:730px;
    margin:0 auto;
    display:block;
    height:470px;
    margin:10px;
    margin-bottom:40px;
    clear:both;
	*/
	margin:0 auto;
    display:inline-block;
	clear:both;
}
.f_right{
    float:right;
    width:auto;
	display:block;  	
	/*
    height:470px;
	margin-bottom:40px;
	*/      
    margin:10px;
    margin-left:20px;
	max-width:700px;
    clear:both;
}
.f_left{
    float:left;
    width:auto;
    display:block;
	/*
    height:470px;
	margin-bottom:40px;
	*/
    margin:10px;
    margin-right:20px;    
    max-width:700px;
}
/*
figure{
    height:470px;
    display:inline-block;
}
figure>img{
    height:100%;
    display:block;
    margin:0 auto;
}
*/
.center{
    display:block;
    margin:0 auto;
}
figcaption{
    color:#515151;
    font-size:12px;
    padding-top:5px;
    clear: both;
    float:left;
    display:block;
    text-align:left;
    width:auto;
    margin-top:5px;
}
.t_center{
    margin:10px;
    height:auto;
    width: auto;
    color:#212121;
    line-height:28px;
    display:inline-block;
    clear: both;
}

.vright{
    display:block;
    text-align:right;
}
.vmiddle{
    display:block;
    text-align:center;
}
#viewtext{
    margin:15px;
    height:auto;
    margin-top:20px;
    color:#212121;
    line-height:28px;
}
.vcopy{
    font-size:14px;
    margin-left:15px;
}
.vbanner{
    width:760px;
    height:95px;
    margin:0 auto;
    margin-top:40px;
}
.vbanner>a>img{
    width:100%;
}
.vnews1{
    width:100%;
    height:282px;
    border:1px solid #ddd;
    border-top:5px solid #000;
    margin-top:25px;
    background:#fff;
}
.vntit{
    padding:10px 15px;
    font-size:24px;
    border-bottom:1px solid #ddd;
	font-weight:bold;
}
.vnimg{
    width:350px;
    height:197px;
    overflow:hidden;
    float:left;
    margin:15px;
}
.vn1cate{
	font-size: 15px;
    color: #515151;
    display: inline-block;
    margin-top: 15px;
}
.vn1txt{
	width:370px;
    font-weight:700;
	height:66px;	
    overflow: hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
    color:#212121;
    font-size:22px;
}
.vn1sub{
    width:370px;
    height:92px;
	max-height:92px;
    color:#212121;
    font-size:14px;
    line-height:23px;
    margin-top:15px;    
    overflow: hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
}
.vnews2{
    width:100%;
    height:265px; 
    border:1px solid #ddd;
    border-top:5px solid #000;
    margin-top:20px;
    background:#fff;
}

.vconr{
    width:330px;
    height:auto;
    float:right;
    margin-bottom:30px;
}
.vcr1{
    width:100%;
    height:330px;
    border:1px solid #ddd;
    border-top:10px solid #000;
    background:#fff;
}
.vcr1img{
    width:290px;
    height:185px;
    overflow:hidden;
    margin:20px;
    display:block;
    text-align:center;
}
.vcr1img>img{
    height:100%;
}
.vcr1text{
    width:290px;
    margin:0px 20px;
}
.vcr1tit{
    color:#212121;
    font-weight:600;
    font-size:20px;
    overflow: hidden;
	max-height:58px;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
}


.vcr2{
    width:100%;
    height:600px;
    background:#fff;
    border:1px solid #ddd;
    border-top:10px solid #000;
    margin-top:25px;
}
.vcr2>ul>li{
    width:290px;
    height:80px;
    display:block;
    margin:0 auto;
    padding:13px 0px;
    border-bottom:1px solid #ddd;    
}
.vcr2>ul>li:last-child{
    border:0;
}
.vcr2img{
    width:142px;
    height:80px;
    overflow:hidden;
    float:left;
    margin-right:10px;
}
.vcr2img>img{
    height:100%;
}
.vcr2tit{
    color:#212121;
    line-height:18px;
    font-size:16px;
	font-weight:600;
    overflow: hidden;
	max-height:36px;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
    margin-bottom:-3px;
}
.vPopular{
    padding:15px 25px;
    font-weight:600;
    font-size:24px;
    border-bottom:1px solid #ddd;
}
.vSpecial{
    padding:15px 25px;
    font-weight:600;
    font-size:24px;
    border-bottom:1px solid #ddd;
}
.vcr3{
    width:100%;
    height:600px;
    background:#fff;
    border:1px solid #ddd;
    border-top:10px solid #000;
    margin-top:30px;
}
.vcr3>ul>li{
    width:290px;
    height:80px;
    display:block;
    margin:0 auto;
    padding:13px 0px;
    border-bottom:1px solid #ddd;    
}
.vcr3>ul>li:last-child{
    border:0;
}
.vcr3img{
    width:142px;
    height:80px;
    overflow:hidden;
    float:left;
    margin-right:10px;
}
.vcr3img>img{
    height:100%;
}
.vcr3tit{
    color:#212121;
    font-size:16px;
	font-weight:600;
    overflow: hidden;
	max-height:36px;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
    margin-bottom:-3px;
    line-height:18px;
}
.vcr4{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-top:25px;
}
.vcr4>a>img{
    width:100%;
}

.vconb{
    width:100%;
    height:900px;
    clear:both;
}
.recom{
    /*text-align:center;*/
    padding:12px;
    font-size:24px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
	font-weight:bold;
}
/*수정*/
.vcb1{
    width:100%;
    height:350px;
    margin-top:20px;
}
.vcb1_1{
    width:390px;
    height:345px;
    background:#fff;
    border:1px solid #ddd;
    border-top:5px solid #000;
    float:left;
}
.vcb1_1img{
    margin:20px;
    overflow:hidden;
    height:210px;
}
.vcb1_1img>img{
    width:100%;
    display:block;
    margin:0 auto;
    text-align:center;
}
.vcb1tit{
    font-size:22px;
    font-weight:600;
    line-height:28px;
    margin:20px;
    margin-top:0px;
    color:#212121;
	max-height:56px;
	overflow:hidden;
}
.vcb1_2{
    width:700px;
    height:345px;
    background:#fff;
    border:1px solid #ddd;
    border-top:5px solid #000;
    float:right;
}
.vcb1_2img{
    margin:20px;
    overflow:hidden;
    height:309px;
    width:309px;
    float:left;
}
.vcb1_2img>img{
    height:100%;
    display:block;
    margin:0 auto;
    text-align:center;
}
.vcb1_2tit{
    font-size:24px;
    font-weight:600;
    line-height:28px;
	max-height:56px;
    display:block;
    overflow: hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
    color:#212121;
    margin-top:40px;
    width:330px;
}
.vcb1_2text{
    font-size:14px;
    overflow: hidden;
	max-height:154px;
	display:block;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:7;
  -webkit-box-orient: vertical;
    color:#212121;
    line-height:22px;
    margin-top:20px;
    width:330px;
}
.vcb2{
    width:100%;
    height:350px;
    margin-top:30px;
}
.vcb2_1{
    width:700px;
    height:345px;
    background:#fff;
    border:1px solid #ddd;
    border-top:5px solid #000;
    float:left;
}
.vcb2_1img{
    margin:20px;
    overflow:hidden;
    height:309px;
    width:309px;
    float: left;
}
.vcb2_1img>img{
    height:100%;
    display:block;
    margin:0 auto;
    text-align:center;
}
.vcb2_1tit{
    font-size:24px;
    font-weight:600;
    line-height:28px;
	max-height:84px;
    display:inline;
    overflow: hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
    color:#212121;
    margin-top:40px;
    width:330px;
    float:left;
    margin-right:21px;
}
.vcb2_1text{
    font-size:14px;
	max-height:154px;
    overflow: hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
  -webkit-line-clamp:7;
  -webkit-box-orient: vertical;
    color:#212121;
    line-height:22px;
    margin-top:20px;
    width:330px;
    float:left;
    margin-right:21px;
}
.vcb2_2{
    width:390px;
    height:345px;
    background:#fff;
    border:1px solid #ddd;
    border-top:5px solid #000;
    float:right;
}
.vcb2_2img{
    margin:20px;
    overflow:hidden;
    height:210px;
}
.vcb2_2img>img{
    width:100%;
    display:block;
    margin:0 auto;
    text-align:center;
}
.vcb2_2tit{
    font-size:22px;
    font-weight:600;
    line-height:28px;
    margin:20px;
    margin-top:0px;
    color:#212121;
	max-height:56px;
	overflow:hidden;
}

.vbanner2{
    width:100%;
    height:auto;
}
.vbanner2>a>img{
    width:100%;
}

/*sns 가운데 정렬*/
.snsDiv .twitter-tweet {margin:10px auto !important;}
.snsDiv iframe {margin:10px auto !important;}
.snsDiv .fb-post {width:100%; text-align:center;}

/*카드뉴스*/
.cardnewslist .slick-prev {z-index:2; position:absolute; top:50%; left:30px; margin-top:-24px; width:48px; height:48px; border:0px; text-indent:-9999px; font-size:0px; background:url(../img/m16d_slide_lt01.png) no-repeat;}
.cardnewslist .slick-prev:hover {background:url(../img/m16d_slide_lt01.png) 0 -60px no-repeat;}
.cardnewslist .slick-next {z-index:2; position:absolute; top:50%; right:30px; margin-top:-24px; width:48px; height:48px; border:0px; text-indent:-9999px; font-size:0px; background:url(../img/m16d_slide_rt01.png) no-repeat;}
.cardnewslist .slick-next:hover {background:url(../img/m16d_slide_rt01.png) 0 -60px no-repeat;}
.cardnewslist figcaption {text-align:center; !important;}

/*//content*/