/* m01_hdl17 begin */
.m01_hdl17 {font-family: 'Noto Sans KR'; width: 100%; line-height:240%; margin-bottom:10px;}

.m01_hdl17 .top_art {float: left; width: 420px; border: 1px solid #e3caca; box-sizing: border-box; height:370px;position: relative;}

.m01_hdl17 .top_art:hover {background-color: #e4e4e4;transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; }
.m01_hdl17 .top_art .image {width:418px; height:368px; overflow: hidden; margin: 0px auto 0px auto;}

.m01_hdl17 .top_art .image img {height:100%;margin-left:-65px;}
.m01_hdl17 .top_art .overbg {position: absolute; bottom:0; left:0; width:100%; height:45%; 
	background: black; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/}

.m01_hdl17 .top_art .text {position: absolute; bottom: 0; left:0; padding: 0 10px; box-sizing: border-box; text-shadow: 2px 2px 4px #000;}
.m01_hdl17 .top_art .text a {color:#fff;}
.m01_hdl17 .top_art .title {font-size: 35px; margin:2px 7px; font-weight: 600; text-align: left; line-height: 125%;}
.m01_hdl17 .top_art .byline {font-size: 17px; margin:2px 7px; text-align: left;}

.m01_hdl17 .repeat {float:left; width:270px; margin:0px 0px 10px 10px; border: 1px solid #e3caca; box-sizing: border-box; height:180px; position: relative;} 

.m01_hdl17 .repeat:hover {background-color: #e4e4e4;transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear;}

.m01_hdl17 .repeat a {text-decoration: none; color:#000;position: relative;}
.m01_hdl17 .repeat .image {width: 268px; height:179px; overflow: hidden; margin:0px auto 0px auto;}

.m01_hdl17 .repeat .image img {width:100%; height:100%;}
.m01_hdl17 .repeat .overbg {position: absolute; bottom:0; left:0; width:100%; height:70%; 
	background: black; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/}
.m01_hdl17 .repeat .text {position:absolute; bottom:0; left:0; width:100%; font-size: 16px; font-weight:300; padding: 0 10px; box-sizing: border-box; text-shadow: 2px 2px 4px #000;}
.m01_hdl17 .repeat .text a {color:#fff;}
.m01_hdl17 .repeat .title {font-size:21px; font-weight:400; }

.m01_hdl17 a:hover {color: #777777;}

.m01_hdl17 .thumbnail:hover img {-webkit-filter: contrast(103%) brightness(103%);  filter: contrast(103%) brightness(103%);
  transform:scale(1.01);             /*  default */
  -webkit-transform:scale(1.01);  /*  크롬 */
  -moz-transform:scale(1.01);     /* FireFox */
  -ms-transform:scale(1.00);
  -o-transform:scale(1.01);        /* Opera */
} 

.m01_hdl17 img {transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}

.m01_hdl17 .thumbnail:hover .title a {color:#ddd;}
/* m01_hdl17 end */
/* m01_hdl7 begin */
.m01_hdl7 {margin-bottom:5px; letter-spacing:-1px;font-family: 'Noto Sans KR';}
.m01_hdl7 .repeat {position: relative; float:left; width:226px; height: 260px; border:1px solid #ccc; margin-bottom:15px;overflow: hidden;}
.m01_hdl7 .image {height:150px; overflow:hidden; }
.m01_hdl7 img {width:100%; min-height:150px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.m01_hdl7 .repeat:hover img {-webkit-filter: contrast(103%) brightness(103%);  filter: contrast(103%) brightness(103%);
  transform:scale(1.01);             /*  default */
  -webkit-transform:scale(1.01);  /*  크롬 */
  -moz-transform:scale(1.01);     /* FireFox */
  -o-transform:scale(1.01);        /* Opera */
}
.m01_hdl7 a {text-decoration: none; color:#000;} 
.m01_hdl7 .repeat:hover .text_wa a {text-decoration: none; color:#19b5a5;} 
.m01_hdl7 .rvw {position: absolute; bottom:115px; left: 0; text-align: left; color:#ffcc00; font-size: 16px; padding:2px 5px; line-height:155%; width:100%;  font-weight: bold; height:25px; background-color: #333; 
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(top,rgba(51,51,51,0.65),rgba(51,51,51,0.65)); /*Safari 5.1-6*/
  background: -o-linear-gradient(bottom,rgba(51,51,51,0.65),rgba(51,51,51,0.65)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(bottom,rgba(51,51,51,0.65),rgba(51,51,51,0.65)); /*Fx 3.6-15*/
  background: linear-gradient(to bottom, rgba(51,51,51,0.65), rgba(51,51,51,0.65)); /*Standard*/
}
.m01_hdl7 .rvw a {text-decoration:none; color:#ffcc00;} 
.m01_hdl7 .text_wa {position:relative;line-height:190%; }
.m01_hdl7 .text {text-align: left; height:48px; font-size: 17px; margin:5px 8px 5px 8px;overflow: hidden; }
.m01_hdl7 .text2 {text-align: left; height:42px; font-size: 15px; margin:0px 8px 5px 8px; overflow: hidden; }
.m01_hdl7 .center {margin:0px 15px;}
/* m01_hdl7 end */
/* m01_hdl18 begin */
.m01_hdl18 {font-family: 'Noto Sans KR'; font-size: 16px; /*border-top: 1px solid #ccc; border-left: 1px solid #ccc;*/box-sizing: border-box; font-weight: 400;margin-bottom:20px;}
.m01_hdl18 .title {float: left; width: 50%; height: 26px; overflow: hidden; padding-top: 4px; margin: 5px 0px; padding-left: 15px; box-sizing: border-box; /*border-left: 5px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;*/ transition:all 0.1s linear; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear;}
.m01_hdl18 .title:hover {background-color: #191970;}
.m01_hdl18 .title a {color: #191970; text-decoration: none;}
.m01_hdl18 .title:hover a { color: #fff; text-decoration: none;}
/* m01_hdl18 end */
/* m01_arl20 begin */
.m01_arl20 {clear:both; font-family: Noto Sans KR; border: 1px solid #ccc; padding:10px 5px 5px 5px; line-height: 23px;margin-bottom:20px;}
.m01_arl20 .issue_title{text-align: left; font-weight: 500; font-size: 18px; padding:5px;}
.m01_arl20 .issue_title a {text-decoration:none; color:#000;}
.m01_arl20 .image {float: left; position: relative; overflow: hidden; margin:5px; border: 1px solid #e4e4e4; cursor: pointer;}
.m01_arl20 img {transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.m01_arl20 .image.large .over_bg {position: absolute; top:0; left:0; width:100%; height:55%; 
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/
  background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/}
.m01_arl20 .image.small .over_bg {position: absolute; top:0; left:0; width:65%; height:100%;  
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/}
.m01_arl20 .image .title {position: absolute; top: 5px; left:5px; width:55%; z-index: 1; text-shadow: 2px 0 black, -2px 0 black, 0 2px black, 0 -2px black, 1px 1px black, -1px -1px black, -1px 1px black, 1px -1px black; word-break:keep-all;}
.m01_arl20 .image .title a {color:#fff; font-size: 19px; font-weight: 600;}
.m01_arl20 .image .title a:hover {color:#e4e4e4; text-decoration: none;}
.m01_arl20 .image .title.large {text-align:center; width:98%; line-height:26px;}
.m01_arl20 .image .title.large a{font-size:22px;}

.m01_arl20 .image.large {width:340px; height: 150px; overflow: hidden;}
.m01_arl20 .image.large img {width:100%; margin-top: -30px;}

.m01_arl20 .image.small {width:163px; height: 150px; overflow: hidden;}
.m01_arl20 .image.small img {height:100%; margin-left: -15px;}


.m01_arl20 .image:hover img
{ -webkit-filter: contrast(103%) brightness(103%);  filter: contrast(103%) brightness(103%);
  transform:scale(1.01);             /*  default */
  -webkit-transform:scale(1.01);  /*  크롬 */
  -moz-transform:scale(1.01);     /* FireFox */
  -o-transform:scale(1.01);        /* Opera */
}
/* m01_arl20 end */
/* m01_arl22 begin */
.m01_arl22 {margin-bottom:10px;font-family: 'Noto Sans KR';}
.m01_arl22 .rep{padding:10px 10px; overflow: hidden; border:1px solid #d2d2d2; margin-top:-2px;}
.m01_arl22 .article_list {width:100%; padding:2px 0px; overflow: hidden; font-size: 16px; letter-spacing: -1px; line-height: 140%;}
.m01_arl22 .line {border-top: 1px solid #e4e4e4; margin: 7px 5px;} 
.m01_arl22 .writer_photo {float:left; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 80px; border:1px solid #ccc; width:45px; height:45px; margin-right: 5px;}
.m01_arl22 .writer_photo img {width:100%; min-height:47px; float: left;} 
.m01_arl22 .article_list a {text-decoration:none; color:#000;}
.m01_arl22 .article_list a:hover {text-decoration:none; color: #19b5a5;} 
.m01_arl22 .tt {font-size: 14px; color: #888; margin-bottom: 5px;} 
.m01_arl22 .deco {font-size: 18px; color:#422413; font-weight: bold; border-bottom: 1px solid #422413; border-top:5px solid #422413; padding:8px 10px;}
/* m01_arl22 end */
/* m01_arl9 begin */
.m01_arl9{clear:both; word-break: keep-all; cursor: pointer; font-size: 16px; line-height: 140%; margin-bottom:20px; padding-top:10px; border-top:1px solid #000;}  
.m01_arl9 .warp {float:left;  width: 237px; font-weight: 300; margin:0px 0.5px;}
.m01_arl9 .warp a {text-decoration: none; color:#fff;} 
.m01_arl9 .warp:hover a {text-decoration: none; color:#000;}
.m01_arl9 .fixtt {text-align: left; font-weight:bold; font-size: 18px; padding-bottom:10px;}
.m01_arl9 .image {width:237px; height: 157px; overflow: hidden;}
.m01_arl9 .image img {width:100%; min-height:157px;transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}  
.m01_arl9 .warp:hover img {	-webkit-filter: contrast(103%) brightness(103%);  filter: contrast(103%) brightness(103%);
transform:scale(1.01);             /*  default */
-webkit-transform:scale(1.01);  /*  크롬 */
-moz-transform:scale(1.01);     /* FireFox */
-o-transform:scale(1.01);        /* Opera */}
.m01_arl9 .title {font-size: 20px; line-height: 130%;  background-color: #eb5d6a; height: 72px;}
.m01_arl9 .title .box{padding:10px; height:40px; overflow: hidden;}
/* m01_arl9 end */
/* m01_arl49 begin */
.m01_arl49{clear:both;  word-break: keep-all; cursor: pointer; font-size: 16px; line-height: 140%; }  
.m01_arl49 a {text-decoration: none; color:#000;}
.m01_arl49 .list:hover a{text-decoration: none; color: #999;} 
.m01_arl49 .list {float:left; width:357px; margin-bottom:20px;}
.m01_arl49 .image {width:135px; height:90px; float:left; margin-right:8px;}
.m01_arl49 .image img {width:100%; min-height:90px;}
.m01_arl49 .title {float:left; font-size:18px; width:210px; height: 68px; margin-top:5px; overflow: hidden;}
/* m01_arl49 end */
/* m01_arl53 begin */
.m01_arl53 {clear:both; margin-bottom:10px; font-family: 'Noto Sans KR'; cursor: pointer; line-height:28px; border: 1px solid #ccc;position:relative; } 
.m01_arl53 a {text-decoration: none; color:#fff;}
.m01_arl53:hover a {text-decoration: none; color:#19b5a5;} 
.m01_arl53 .title {z-index: 2; position: absolute; top:58px; left:0; text-align: center; font-weight: 600; font-size:25px; color:#fff; padding:10px 0px; width: 100%;
  background: black; 
  background: -webkit-linear-gradient(top,rgba(51,51,51,0.65),rgba(51,51,51,0.65));  
  background: -o-linear-gradient(bottom,rgba(51,51,51,0.65),rgba(51,51,51,0.65)); 
  background: -moz-linear-gradient(bottom,rgba(51,51,51,0.65),rgba(51,51,51,0.65)); 
  background: linear-gradient(to bottom, rgba(51,51,51,0.65), rgba(51,51,51,0.65)); 
}
.m01_arl53 .title span {color:#ffcc00;}
.m01_arl53:hover .title span {color:#19b5a5;} 
.m01_arl53 .gra{display:none; z-index:1; position: absolute; top:55px; left:0;  background-color: #555; padding:30px 0px; width: 100%;opacity:0.65; filter:alpha(opacity=65);}
.m01_arl53 .list_ban {width:100%;height: 167px;  overflow: hidden;}
.m01_arl53 .list_ban img {width:100%;    min-height: 167px; }
/* m01_arl53 end */
/* m01_arl27 begin */
.m01_arl27 {position:relative;clear:both; font-family: 'Noto Sans KR'; background-color:#fff; margin-bottom:20px; border:1px solid #ccc;}
.m01_arl27 .logo {position:absolute; bottom: 0; right: 0; margin:20px; z-index: 3; width:110px; overflow:hidden;}
.m01_arl27 .logo img {width:100%;}
.m01_arl27 .art_img {position:relative;}
.m01_arl27 .art_img img {width:100%;}
.m01_arl27 .art_title {position: absolute; top:206px; left:0px; font-size:34px;  color:#ffcc00; opacity:0; filter:alpha(opacity=0); font-weight:600; text-align: center; width:100%; height:90px; overflow: hidden; line-height: 140%; text-shadow:2px 2px 4px #000; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; }
.m01_arl27:hover .art_title{opacity:1; filter:alpha(opacity=100); }
.m01_arl27 .art_title span {color:#ffcc00;} 
.m01_arl27 .gradation  {position: absolute; left:0; top:200px; width:100%; padding:30px 0px; opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; background-color: #000;}
.m01_arl27:hover .gradation {opacity:0.60; filter:alpha(opacity=60);}
/* m01_arl27 end */
/* m01_arl23 begin */
.m01_arl23{width: 218px; clear:both; border:1px solid #ccc; padding:15px; text-align: center; word-break: keep-all; font-size: 16px; line-height: 140%; margin-bottom:10px;}  
.m01_arl23 a {text-decoration: none; color:#000;}
.m01_arl23:hover a {text-decoration: none; color:#999;}
.m01_arl23 .fixtt {text-align: left; font-weight:bold;}
.m01_arl23 .image {height: 140px; margin:15px 0px 10px 0px;}
.m01_arl23 .image img {border:1px solid #ccc; height:100%;}  
.m01_arl23 .title {font-size: 20px; line-height: 130%;}
/* m01_arl23 end */
/* m01_arl8 begin */
.m01_arl8 {overflow:hidden; border:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;font-family: 'Noto Sans KR';} 
.m01_arl8 .rvw_title {font-size:16px; text-align: center; width:100%;overflow: hidden; padding:25px 0px 20px 0px;}
.m01_arl8 .rvw_title a {text-decoration:none; color:#000;font-weight: 600; padding-bottom:2px; border-bottom:1px solid #000; padding:2px 10px 4px 10px;} 
.m01_arl8 .rvw_title a:hover {color:#999; border-bottom:1px solid #999;} 
.m01_arl8 .title_list {font-size:13px; line-height:160%; margin:4px 10px; padding:0px 5px 4px 5px; cursor: pointer; border-bottom:1px solid #ccc;}
/* m01_arl8 end */
/* m01_arl78 begin */
.m01_arl78 {margin-bottom:20px; line-height:180%;font-family: 'Noto Sans KR';}
.m01_arl78 .deco {font-size: 18px; color:#422413; font-weight: bold; border-bottom: 1px solid #422413; border-top:5px solid #422413; padding:8px 10px;}
.m01_arl78 .con { padding:15px;  border:1px solid #bbb; margin-top:-2px;} 
.m01_arl78 .con a {text-decoration:none;  font-size:13px; color:#000; }
.m01_arl78 .con a:hover {text-decoration:none; color:#777; }
/* m01_arl78 end */