@charset "utf-8";
/*  begin */


.ara_001 { position: relative;}
.ara_001 h2 { font-size: 21px; line-height: 1.4; max-height: 58px; height: auto !important; margin-bottom: 5px;}
.ara_001 p { font-size: 15px; line-height: 1.8; max-height: 78px; height: auto !important; color: #444;}
.ara_001 a:hover { opacity: .75;}

.ara_001 .art_list > li { position: relative; margin-top: 30px;}
.ara_001 .art_list > li:first-child { margin-top: 0;}
.ara_001 .art_list > li .art_con { position: relative; display: block; padding-right: 175px; margin-left: 185px; min-height: 115px;}
.ara_001 .art_list > li .art_con .thumb { position: absolute; right: 0px; top: 0; display: block; width: 140px; height: 110; overflow: hidden;}
.ara_001 .art_list > li .art_con .thumb:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0, 0, 0, 0.075);}
.ara_001 .art_list > li p { position: relative; top: 5px;}
.ara_001 .category { position: absolute; left: 0; top: 0; width: 175px; font-family: "Noto Serif KR", serif;}
.ara_001 .category a { display: inline !important;}
.ara_001 .category i { display: block; font-size: 12px; font-style: normal; font-weight: bold; margin-bottom: 2px;}
.ara_001 .category i:first-child:before { display: none;}
.ara_001 .category i b { opacity: 0.6;}
.ara_001 .art_list > li > div h2 { font-size: 19px; line-height: 1.4; max-height: 52px; height: auto !important;}
.ara_001 a:hover { opacity: .75;}

.ara_001 .btn_a_more { display: block; width: 240px; height: 45px; line-height: 45px; background: #4c4c4c; color: #fff; margin: 40px auto; text-align: center; border-radius: 5px; transition: all .3s ease;}
.ara_001 .btn_a_more:hover { transform: translateY(2px);}
.ara_001 .arb { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent;}
/*  end */
/*  begin */


.arl_044 { position: relative;}
.arl_044 .top_art { position: relative;}
.arl_044 .top_art a { display: block;}
.arl_044 .top_art .thumb .bf32:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0, 0, 0, 0.075);}
.arl_044 .top_art .category { margin-top: 8px;}
.arl_044 h2 { font-size: 21px; line-height: 1.4; max-height: 58px; height: auto !important; margin-bottom: 5px;}
.arl_044 p { font-size: 15px; line-height: 1.8; max-height: 78px; height: auto !important; color: #444;}
.arl_044 a:hover { opacity: .75;}


.arl_044 .art_list > li { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(204, 204, 204);}
.arl_044 .art_list > li a { display: block;}
.arl_044 .art_list > li .art_con { position: relative; display: block; padding-right: 130px; min-height: 90px;}
.arl_044 .art_list > li .art_con .thumb { position: absolute; right: 0px; top: 50%; margin-top: -45px; display: block; width: 120px; height: 90px; overflow: hidden;}
.arl_044 .art_list > li .art_con .thumb:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; content: ""; z-index: 2; border: 1px solid rgba(0, 0, 0, 0.075);}
.arl_044 .art_list > li p { position: relative; top: 5px;}
.arl_044 .category { margin-bottom: 5px; font-family: "Noto Serif KR", serif;}
.arl_044 .category a { display: inline !important;}
.arl_044 .category i { font-size: 12px; font-style: normal; font-weight: bold;}
.arl_044 .category i:before { content: ","; margin: 0px 7px 0px -5px;}
.arl_044 .category i:first-child:before { display: none;}
.arl_044 .category i b { opacity: 0.6;}
.arl_044 .art_list > li > div h2 { font-size: 19px; line-height: 1.4; max-height: 52px; height: auto !important;}
.arl_044 a:hover { opacity: .75;}
/*  end */