/* m01_arv begin */
@charset "utf-8";
/* CSS Document */


.m01_arv { overflow:hidden; clear:both; padding:18px; border:1px solid #d1d1d1;  }


.m01_arv .navi{ display:block; clear:both; overflow:hidden; font-size:11px; border-bottom:1px solid #e5e5e5; padding-bottom:8px;}




.m01_arv ul, .m01_arv li{list-style:none;}
.m01_arv .div, .m01_arv ul, .m01_arv li, .m01_arv ol, .m01_arv  p,.m01_arv  form, .m01_arv  input, .m01_arv  dl,  .m01_arv  dt,   .m01_arv  dd
{margin : 0 ;padding : 0 ;}

.viewsubject {  margin:0px 0; display:block; clear:both;  position:relative;  }
.m01_arv  .arvtitle {}
.m01_arv  .arvtitle .hbox { }
.m01_arv  .arvtitle .hbox h2 {padding:25px 0; margin:0px; font-size:28px;  display:block; clear:both; font-weight:bold; color:#000; line-height:28px; letter-spacing:-2px; }
.m01_arv  .arvtitle .hbox h3 {padding:3px 0 0 0; margin:0px; font-size:14px;  font-weight:bold;  letter-spacing:-1px;}


.m01_arv .arvdate { display:block; clear:both;  overflow:hidden; margin-bottom:25px; font-size:11px; line-height:11px; color:#ababab;  }
.m01_arv .arvdate a{color:#333333; }

.m01_arv .relation_area{background:#f5f5f5;border:1px solid #e5e5e5; padding:15px; margin-bottom:25px; display:block; clear:both;  overflow:hidden;}
.m01_arv .relation_area dt{color:#3881ce;font-weight:bold;}
.m01_arv .relation_area dd{background:url(/data/skin/content/1/m01_arv//images/re.gif) 0 6px no-repeat; padding-left:9px;}

.m01_arv .copy {background-color:#f5f5f5;padding:9px 13px 9px 13px;color:#515151;margin-top:10px;display:block; clear:both; font-size:12px; }
.m01_arv .body_btn_area {float:right}


.m01_arv img {border:0px; vertical-align:middle;}
.m01_arv .pic {float:left; border:0px red solid; margin:0 12px 12px 0 ; display:block;}
.m01_arv .pic img {border:1px solid #d1d1d1;}
.m01_arv .cnt_view{ padding:10px 0 20px 0; font-size:14px; color:#545454;  line-height:160%; text-align:justify; }
.m01_arv .util{font-size:11px;letter-spacing:-1px; color:#535353;height:20px; margin:10px 0 0 0; float:right; }
.m01_arv .util ul {}
.m01_arv .util li{float:left; padding-right:3px; height:16px;margin:0px; }
.m01_arv .util li img{border:0px; vertical-align:middle; display:block; }
.m01_arv .util li.line {border-right:1px #dbdbdb solid ; padding-right:5px;  margin-right:5px; }
.m01_arv .util li.txt {padding:0px 7px 0 10px; display:block;}


.m01_arv .util2 ul{ float:left; border-bottom:1px solid #d1d1d1; width:100%; background:#fafafa; padding:20px 20px 15px 20px;}
.m01_arv .util2 ul li { float:left; margin-right:1px;  }
.m01_arv .util2 ul li span { color:#aa0000;}
.m01_arv .util2 ul li.btn_top { float:right; padding-right:30px; margin-top:20px;}
.m01_arv .util2 ul li.tit { padding-top:10px; font-weight:bold; letter-spacing:-1px; }

.m01_arv .comment {margin:20px 0 0px 0; }
.m01_arv .comment h2{padding:5px 0; margin:0px;}
.m01_arv .comment .box {border:1px solid #dedede; background-color:#f9f9f9; padding:15px 20px ;}
.m01_arv .comment .box  span {font-size:11px;  letter-spacing:-1px; }
.m01_arv .comment .box input, .m01_arv .comment .box textarea {border:1px solid #c3c3c3; }
.m01_arv .comment .box .noline{border:none;}
.m01_arv .comment .box textarea {border:1px solid #c3c3c3; width:390px; height:50px; font-size:12px; float:left;  }
.m01_arv .comment .box p {padding:3px 0; border:0px red solid;}
.m01_arv .comment .box img {vertical-align:middle;}
.m01_arv .comment .box label {width:60px; float:left; padding:5px 0 0 0; }
.m01_arv .comment .box .spam  { border:0px red solid; padding:5px 0 3px 0;}
.m01_arv .comment .box .cont {margin:4px 0 0 0;}
.m01_arv .comment .box .spam input {margin:5px 0 0 10px;}
.m01_arv .comment .box .btn_reg {display:block; border:0px red solid; padding:0 10px ;}
.m01_arv .comment .box .cntxt {clear:both; padding:3px 0 0 60px;  display:block;}
.m01_arv .comment_list {margin:20px 0 0 0;border:0px red solid;}
.m01_arv .comment_list .title {border:0px red solid; height:20px;}
.m01_arv .comment_list .title span.up {font-weight:bold; font-size:11px; color:#d80909;}
.m01_arv .comment_list .title span.down {font-weight:bold; font-size:11px; color:#1c66ac;}
.m01_arv .comment_list .title .fl {float:left; font-weight:bold;}
.m01_arv .comment_list .title .fr {float:right;}
.m01_arv .comment_list .cnt {clear:both; border:1px solid #dedede; padding:10px;}
.m01_arv .att_view { margin-top:20px; font-size:11px; border-top:1px #ededed solid; border-bottom:1px #ededed solid; background-color:#fbfbfb; }
.m01_arv .att_view .att_view_title { font-weight:bold; height:15px; }
.m01_arv .att_view_list{font-size:11px; color:#aeaeae; letter-spacing:-1px;  }
.m01_arv .att_view_list a {font-size:11px; letter-spacing:0px;  text-decoration:underline;}
.m01_arv .newsinfo { background-color:#fafafa; border-top:1px #dedede solid; border-bottom:1px #dedede solid; padding:20px; font-size:12px; color:#434343;}
.m01_arv .newsinfo span{ font-size:11px; color:#8d8d8d;}
.m01_arv .newsinfo dl {}
.m01_arv .newsinfo dt { font-size:12px; color:#aa0000; font-weight:bold; padding-bottom:5px;}
.m01_arv .newsinfo dd { font-size:12px; color:#434343; line-height:22px;}
.m01_arv .newsinfo table td{font-size:12px; color:#434343;}
.m01_arv .imgframe {padding-bottom:10px}
.m01_arv .img {padding-bottom:0px}
.m01_arv .imgcaption {text-align:left;padding-left:10px;text-indent:-9px;font-size:11px;color:#aa0000;line-height:120%}
.m01_arv .imgcaption2 {text-align:left;}
.m01_arv .copyright {padding:10px 20px;}





/*btn*/
.btn_style{font-size:12px;float:left;padding:4px 4px 2px 4px ;text-align:center;background-color:#858585;display:block;color:#FFFFFF;border:1px solid #7d7d7d;line-height:14px;margin-left:3px;}
.btn_style a{color:#FFFFFF;display:block;}
.btn_style a:hover{color:#FFF}
.btn_style a:link {color:#FFF}
.btn_style a:visited {color:#FFF}
.btn_style a:active {color:#FFF}
.btn_style2{font-size:12px;float:left;padding:2px 4px 2px 4px ;text-align:center;background-color:#858585;display:block;color:#FFFFFF;border:1px solid #7d7d7d;line-height:14px;margin-left:3px;}
.btn_style2 a{color:#FFFFFF;display:block;}
.btn_style2 a:hover{color:#FFF}
.btn_style2 a:link {color:#FFF}
.btn_style2 a:visited {color:#FFF}
.btn_style2 a:active {color:#FFF}

.m01_arv .bottom_byline {margin:20px auto 10px; padding:0 15px;}
.m01_arv .bottom_byline:after {content:''; clear:both; display:block;}
.m01_arv .bottom_byline .name {display:inline-block; line-height:24px; font-size:16px;  color:#333; vertical-align:middle; margin-right:8px;font-weight: 600;}
.m01_arv .bottom_byline .name:after {content:''; display:inline-block; line-height:24px;  vertical-align:middle; margin-left:13px; background:#333; width:2px; height:13px;}
.m01_arv .bottom_byline .name a {font-size:16px; color:#000; line-height:24px;}
.m01_arv .bottom_byline .email {display:inline-block; font-size:14px; line-height:24px; color:#555; vertical-align:middle;}
.m01_arv .bottom_byline .email a {font-size:15px; color:#000; line-height:24px;}

.m01_arv .btn_allarticle { background:url(/data/skin/content/1/m01_arv//images/bg_btn1.gif) no-repeat; float:right;  height:23px; width:155px;  padding-top:1px; }
.m01_arv .btn_allarticle a {font-size:11px !important; padding-left:20px; letter-spacing:-1px;}
/* m01_arv end */
/* m01_arl22 begin */
.m01_arl22nn{overflow:hidden; position:relative; clear:both; border-bottom:1px solid #e4e4e4;padding-bottom: 10px; line-height: 18px;}
.m01_arl22nn h2{padding-bottom:15px;display:block;}
.m01_arl22nn h2 span{position:absolute; top:3px; right:0px;}
.m01_arl22nn ul{ overflow:hidden; display:block;}
.m01_arl22nn ul li{display:block; background:url(/data/skin/content/1/m01_arl22//images/dot.gif) 0 6px no-repeat; padding-left:8px;}
.m01_arl22nn ul li a {color:#333;}
/* m01_arl22 end */
/* m01_arl23 begin */
@charset "utf-8";

/* 2014.01.16 이재현 : m01_ar123 클래스에서 padding-top:10px; 제거 */

.m01_arl23{overflow:hidden; position:relative; clear:both; border-bottom:1px solid #e4e4e4; padding-bottom:10px; padding-top:10px; line-height:18px; }
.m01_arl23 h2{padding-bottom:15px;display:block;}
.m01_arl23 h2 span{position:absolute; top:12px; right:0px;}
.m01_arl23 ul{ overflow:hidden; display:block;}
.m01_arl23 ul li{display:block; background:url(/data/skin/content/1/m01_arl23//images/dot.gif) 0 6px no-repeat; padding-left:8px;}
/* m01_arl23 end */
/* m01_arl26 begin */
@charset "utf-8";

/* 
2014.01.16 이재현 : 
m01_ar1266nn 클래스에서 border-top과 margin-bottom을 제거함. 
m01_arl266nn h2 스타일에서 margin-top 제거.
컨텐츠 영역사이의 마진은 '공백' 으로 대체.
테두리 색상은 #e5e5e5 에서 #e4e4e4 으로 변경.
*/

.m01_arl266nn{overflow:hidden; position:relative; clear:both; border-bottom:1px solid #e4e4e4; padding-bottom:10px; line-height:18px; }
.m01_arl266nn h2{ padding-bottom:15px;display:block;}
.m01_arl266nn h2 span{position:absolute; top:0px; right:0px;}
.m01_arl266nn ul{ overflow:hidden; display:block;}
.m01_arl266nn ul li{display:block; background:url(/data/skin/content/1/m01_arl26//images/dot.gif) 0 6px no-repeat; padding-left:8px;}
/* m01_arl26 end */
/* m01_pvw1 begin */
@charset "utf-8";

/* 
2014.01.16 이재현 : 
- 박스아래 테두리 색상 #e4e4e4로 변경하고, padding-bottom을 줌.
- 이미지목록의 margin-top을 5px로 줄이고, bottom 마진을 제거.
 */

.rig_video {clear:both;  overflow:hidden; border-bottom:1px solid #d5d5d5; padding-bottom:10px;  }
.rig_video .video_tab li {float:left;}
.rig_video .video1 li {float:left;margin-top:5px;margin-bottom:0;}
.video_img1 {background:url(/data/skin/content/1/m01_pvw1//images/movie_bg1.gif) no-repeat;width:135px;height:109px;margin-left:8px;}
.video_img2 {background:url(/data/skin/content/1/m01_pvw1//images/movie_bg2.gif) no-repeat;width:97px;padding-bottom:14px;margin-left:6px;padding-top:27px;margin-right:8px;}
.video_img3 {background:url(/data/skin/content/1/m01_pvw1//images/movie_bg2.gif) no-repeat;margin-left:1px;margin-right:1px;}
.video_img3 img {border:1px solid #000000;}
.video_arr {padding-top:43px;}

.rig_news1 div.r_thumb { padding-right:3px;float:left;}
/* m01_pvw1 end */
/* m01_arl24 begin */
@charset "utf-8";

/* 
2014.01.16 이재현 : 
- 상단 테두리 제거, 마진도 제거, 하단 마진은 제거 하였는데 어차피 세미콜론으로 line-height속성과 구분이 되어있지 않아서 화면에 적용되지 않았음. 
- h2 영역 margin-top 제거.
*/

.m01_arl24{overflow:hidden;  clear:both; border-bottom:1px solid #e4e4e4; padding-bottom:10px; line-height:18px; }
.m01_arl24 h2{padding-bottom:15px;display:block;position:relative;}
.m01_arl24 h2 span{position:absolute; top:3px; right:0px;}
.m01_arl24 ul{ overflow:hidden; display:block;}
.m01_arl24 ul li{display:block; background:url(/data/skin/content/1/m01_arl24//images/dot.gif) 0 6px no-repeat; padding-left:8px;}
/* m01_arl24 end */
/* m01_arl6 begin */
@charset "utf-8";

/*
.m01_arl6{overflow:hidden; position:relative; background:#f2f3f5;  padding:20px 0 20px 15px}
.m01_arl6 h2{ margin:0 0 7px 0; font-size:13px; letter-spacing:-1px; }
.m01_arl6 dl{overflow:hidden; float:left; width:100px; margin:0 15px 10px 0;}

.m01_arl6 dl dt img { border:1px solid #e4e4e4; }
.m01_arl6 dl dd { overflow:hidden; padding-top:8px;}
.m01_arl6 dl dd p a{color:#666; line-height:16px; font-size:12px; font-family:굴림, Gulim,"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  }
.m01_arl6 .more a { color:#666 !important; text-decoration:none; font-size:11px; position:absolute; right:16px; top:20px; letter-spacing:-1px;}
.m01_arl6 .more a span { color:#f15316;}



 <div class="m01_arl6">
	<h2><img src="/data/skin/content/1/m01_arl6//images/tit_l_08.gif" alt="PEOPLE NEWS"><span><a href=""><img src="/data/skin/content/1/m01_arl6//images/btn_more_bl.gif" alt="더보기"></a></span></h2>

            <%foreach from=$list key=key item=item%>
			<dl>
                <dt><%if $item.img%><a href="<%$item.url%>"><img src="<%$item.img|tpl_thumb:58:58%>"   width="58" height="58" alt="<%$item.title%>" /></a><%/if%></dt>
                <dd>
                    <p><a href="<%$item.url%>"><%$item.title|tpl_strcut_gulim_12px:$item.title_len%></a></p>
                </dd>
            </dl>

			<%/foreach%>

    <span class="more"><a href="<%$head.ref_url%>"><span> + </span>더보기</a></span>
</div>

*/

.m01_arl6n{overflow:hidden; position:relative; clear:both; border-bottom:1px solid #e4e4e4; padding-bottom:10px; }
.m01_arl6n h2{padding-bottom:10px;display:block;}
.m01_arl6n h2 span{position:absolute; top:3px; right:0px;}
.m01_arl6n dl{overflow:hidden;}

.m01_arl6n dl dt { margin-right:2px;float:left; width:58px; }
.m01_arl6n dl dd {float:left; overflow:hidden; width:180px;}
/* m01_arl6 end */
/* m01_arl65 begin */
@charset "utf-8";



.m01_arl65{overflow:hidden; position:relative; clear:both; border-bottom:1px solid #e4e4e4; padding-bottom:10px; }
.m01_arl65 h2{padding-bottom:10px;display:block;}
.m01_arl65 h2 span{position:absolute; top:3px; right:0px;}
.m01_arl65 dl{overflow:hidden;padding-bottom:10px;}

.m01_arl65 dl dt {padding-right: 5px;float:left; width:58px; }
.m01_arl65 dl dd {float:left; overflow:hidden; width:177px;}
/* m01_arl65 end */