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


.arl_041_01 { position: relative;}
.arl_041_01 .top_art { position: relative; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc;}
.arl_041_01 .top_art:first-child { padding-top: 0; margin-top: 0; border: 0;}
.arl_041_01 .top_art a { display: block;}
.arl_041_01 .top_art .thumb { margin-bottom: 10px;}
.arl_041_01 .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_041_01 .top_art .category { margin-top: 5px;}
.arl_041_01 h2 { font-size: 19px; line-height: 1.4; margin-bottom: 7px;}
.arl_041_01 p { font-size: 15px; line-height: 1.8; -webkit-line-clamp: 10; max-height: 267px; height: auto !important; color: #444;}

.arl_041_01 .category { margin-bottom: 5px; font-family: "Noto Serif KR", serif;}
.arl_041_01 .category a { display: inline !important;}
.arl_041_01 .category i { font-size: 12px; font-style: normal; font-weight: bold;}
.arl_041_01 .category i:before { content: ","; margin: 0px 7px 0px -5px;}
.arl_041_01 .category i:first-child:before { display: none;}
.arl_041_01 .category i b { opacity: 0.6;}
.arl_041_01 a:hover { opacity: .75;}
/*  end */
/*  begin */


.arl_041_02 { position: relative;}
.arl_041_02 .top_art { position: relative; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc;}
.arl_041_02 .top_art:first-child { padding-top: 0; margin-top: 0; border: 0;}
.arl_041_02 .top_art a { display: block;}
.arl_041_02 .top_art .thumb { margin-bottom: 7px;}
.arl_041_02 .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_041_02 .top_art .category { margin-top: 12px;}
.arl_041_02 h2 { font-size: 19px; line-height: 1.4; margin-bottom: 5px; max-height: 52px; height: auto !important;}
.arl_041_02 p { font-size: 15px; line-height: 1.8; -webkit-line-clamp: 14; max-height: 375px; height: auto !important; color: #444;}

.arl_041_02 .category { margin-bottom: 5px; font-family: "Noto Serif KR", serif;}
.arl_041_02 .category a { display: inline !important;}
.arl_041_02 .category i { font-size: 12px; font-style: normal; font-weight: bold;}
.arl_041_02 .category i:before { content: ","; margin: 0px 7px 0px -5px;}
.arl_041_02 .category i:first-child:before { display: none;}
.arl_041_02 .category i b { opacity: 0.6;}
.arl_041_02 a:hover { opacity: .75;}
/*  end */
/*  begin */


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

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


.arl_014 { position: relative; overflow: hidden;}

.arl_014 .top_art { position: relative;}
.arl_014 .top_art a { display: block;}
.arl_014 .top_art .thumb { margin-bottom: 7px;}
.arl_014 .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_014 .top_art .category { margin-top: 8px;}
.arl_014 h2 { font-size: 19px; line-height: 1.4; margin-bottom: 5px; max-height: 52px; height: auto !important;}
.arl_014 p { font-size: 15px; line-height: 1.8; -webkit-line-clamp: 6; max-height: 157px; height: auto !important; color: #444;}

.arl_014 .category { margin-bottom: 5px; font-family: "Noto Serif KR", serif;}
.arl_014 .category a { display: inline !important;}
.arl_014 .category i { font-size: 12px; font-style: normal; font-weight: bold;}
.arl_014 .category i:before { content: ","; margin: 0px 7px 0px -5px;}
.arl_014 .category i:first-child:before { display: none;}
.arl_014 .category i b { opacity: 0.6;}
.arl_014 a:hover { opacity: .75;}
/*  end */
/*  begin */


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

.arl_001 .art_list > li { position: relative; margin-top: 20px;}
.arl_001 .art_list > li:first-child { margin-top: 0;}
.arl_001 .art_list > li .art_con { position: relative; display: block; padding-right: 175px; margin-left: 185px; min-height: 115px;}
.arl_001 .art_list > li .art_con .thumb { position: absolute; right: 0px; top: 0; display: block; width: 140px; height: 110; overflow: hidden;}
.arl_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);}
.arl_001 .art_list > li p { position: relative; top: 5px;}
.arl_001 .category { position: absolute; left: 0; top: 0; width: 175px; font-family: "Noto Serif KR", serif;}
.arl_001 .category a { display: inline !important;}
.arl_001 .category i { display: block; font-size: 12px; font-style: normal; font-weight: bold; margin-bottom: 2px;}
.arl_001 .category i:first-child:before { display: none;}
.arl_001 .category i b { opacity: 0.6;}
.arl_001 .art_list > li > div h2 { font-size: 19px; line-height: 1.4; max-height: 52px; height: auto !important;}
.arl_001 a:hover { opacity: .75;}

.arl_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;}
.arl_001 .btn_a_more:hover { transform: translateY(2px);}
.arl_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 */


.ban_002 { position: relative; padding: 33px 0; overflow: hidden;}

.ban_002 .bx-viewport { height: 200px;}
.ban_002 .slide_wrap { position: relative;}
.ban_002 .slide_wrap .photo_box li { position: relative;}
.ban_002 .slide_wrap .photo_box li a { position: relative; display: block; transition: none; text-decoration: none;}
.ban_002 .slide_wrap .photo_box li a > span { display: block; margin-bottom: 7px;}
.ban_002 .slide_wrap .photo_box li a img { width: 100%; height: auto;}
.ban_002 .slide_wrap .photo_box li a i { display: block; line-height: 1.3; max-height: 34px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-style: normal;}

.ban_002 .bx-controls-direction { display: block;}
.ban_002 .bx-controls-direction a { position: absolute; left: 0; display: block; width: 100%; height: 30px; background: url(/data/skin/content/1/ban_002//images/btn_slide.png) no-repeat center 0; z-index: 100; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.ban_002 .bx-controls-direction a.bx-prev { top: -30px; background-position: center 0;}
.ban_002 .bx-controls-direction a.bx-next { bottom: -30px; background-position: center -30px;}
.ban_002 .bx-pager { display: none;}
.ban_002 .slide_wrap .photo_box li a:hover { opacity: .75;}

.ban_002 .slide_num { position: absolute; right: 0; top: 7px; color: #808080; font-size: 11px;}
.ban_002 .slide_num strong { font-weight: normal;}
/*  end */