@charset 'utf-8';
@import url('base.css');
@import url('common.css');
@import url('banner.css'); /*광고관련ad.css변경*/
@import url('photo.css');

/* section layout */
#header {position: relative; width: 970px; margin: 0 auto; text-align: left;  z-index:1000;}
#container { position: relative;  width: 970px; margin: 0 auto; text-align: left; z-index:100; }
#container:after{ content:" "; display:block; clear:both; }

#header-logo-article { /*position: fixed; top:0px; */ position: relative;  height:52px; width:970px; background:none; border-bottom:2px solid #000; z-index: 1002; background-color:white; }
#header-logo-article .logo { position:relative; top:0; left:0; text-align:center; padding-top:15px; }
#header-logo-article .menu-all { position:absolute; bottom:10px; left:0;  cursor:pointer}
#header-logo-article .header-ect { z-index:1008;}
#header-logo-article .header-ect .top_login {position:absolute; right:40px; bottom:10px;}

#search_form { z-index: 1009;}
#search_form .open_search{ position:absolute; right:7px; bottom:10px; _bottom:9px;}

#menu-all.fix  {display:block;position: relative; width: 970px; margin: 0 auto;  z-index:3000;}
#menu-all.fix .article-plus { position:fixed;_position:absolute; top:54px; *left:0; vertical-align:top;}



/*#top-fix-margin {margin-top:52px;}*/

#header-slide {position:relative; height:162px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
#header-slide .slide_box {position:relative; overflow:hidden; width:882px; height:163px; margin-left:47px; }
#header-slide .slide_part {position:absolute; }
#header-slide ul {width:882px; margin:12px 0 12px 0; display:table;}
#header-slide li { float:left; width:168px; height:142px; display:table; border-left: 1px solid #e0e0e0; padding: 0 25px 0; overflow:hidden; word-break: break-all;}
#header-slide li a { min-height:100px; display:table-cell;   vertical-align:middle;}
#header-slide li.first { border:0;}
#header-slide li strong { font-size:14px; display:block; padding-top:5px; padding-bottom: 10px; overflow:hidden; height:28px; }
#header-slide li span { color:#999;display:block; overflow:hidden; height:53px;}
#header-slide ul.slide_part li a img {width:168px;height:100px;}
#header-slide .slide-btn-area {  }
#header-slide #s-prev { position: absolute; top: 55px; left: 0; cursor: pointer;  background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_slid_left.gif) no-repeat ; width:19px; height:37px;}
#header-slide #s-next { position: absolute; top: 55px; right: 0; cursor: pointer; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_slid_right.gif) no-repeat;  width:19px; height:37px; }
#header-slide .slide-btn-area button{border: none;background-color: transparent;cursor: pointer;}

#top-fix {position: relative; width: 970px; margin: 0 auto;  z-index:2000;}
.top-fix { position:fixed;_position:absolute; top:0; *left:0; vertical-align:top; height:63px; background:url(http://img.hani.co.kr/section-image/15/hani/images/common/bg_line_top.png) repeat-x left bottom;}
.article-head2 {margin: 0 auto; width:970px; height:53px; vertical-align:top; top:0;  *position: relative; background-color:#ffffff;}
.article-head2 .logo { position:absolute; top:19px; left:40px;}
.article-head2 .menu-all { position:absolute; top:20px; left:0; cursor:pointer}
.article-head2 .menu-all-icon { position:absolute; top:20px; left:0;}
.article-head2 .top-sns {position:absolute; right:0;  top:18px; height:20px;}
.article-head2 .top-sns li { float:left; padding-right:10px;}
.article-head2 .top-sns li .icon { display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_sns.png) no-repeat 0 0; height:20px;}
.article-head2 .top-sns li.sns-f .icon {width:10px; background-position: 0 0;}
.article-head2 .top-sns li.sns-t .icon {width:20px; background-position: -27px 0;}
.article-head2 .top-sns li.sns-s .icon {width:24px; background-position: -137px 0; cursor:pointer}

.article-head2  #search_form .open_search{ position:absolute; right:7px; top:23px; *bottom:8px;}
.article-head2 h4 { padding-top:20px; position:relative; width:700px; margin: 0 auto; text-align:center;}
.article-head2 h4 img { vertical-align:middle}
.article-head2 h4 .btn-left { margin-right:15px;}
.article-head2 h4 .btn-right { margin-left:15px;}
.article-head2 h4 span.title { color:#222; font-size:14px}
.article-head2 h4 span strong { color:#000; padding-right:5px;}
.article-head2.title-area { text-align:center; position:relative} 

#top-share-box  { position: relative;z-index: 1009; }
#top-share-box.off {height:0px;overflow:hidden;}
#top-share-box .top-share-box {position:absolute; right:0px; top:0;  z-index: 1009;}
#top-share-box  .icon-aw{ position:absolute; top:-8px; right:15px; background:url(http://img.hani.co.kr/section-image/15/hani/images/common/bubble_top_aw.png) no-repeat 0 0; width:17px; height:10px;}
#top-share-box  .top-share {border:1px solid #c3c3c3; padding:20px 0 20px 20px; height:45px; background-color:#FFFFFF;-webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.2);box-shadow: 2px 4px 4px rgba(0,0,0,0.2);}
#top-share-box  .top-share li {float:left; padding-right:20px;}
#top-share-box  .top-share li .icon { display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_share_all.png) no-repeat 0 0; height:45px;}
#top-share-box  .top-share li.share-g .icon {width:37px; background-position: 0 0;}
#top-share-box  .top-share li.share-k .icon {width:43px; background-position: -58px 0;}
#top-share-box  .top-share li.share-c .icon {width:43px; background-position: -123px 0;}
#top-share-box  .top-share li.share-mail .icon {width:41px; background-position: -186px 0;}
#top-share-box  .top-share li.share-n .icon {width:45px; background-position: -244px 0;}

#foot-fix {position: relative; width: 970px; margin: 0 auto;  z-index:2000;}
.foot-fix { position:fixed;bottom:0; *left:0; height:172px; background:url(http://img.hani.co.kr/section-image/15/hani/images/common/bg_line_bottom.png) repeat-x left top; /*-webkit-box-shadow: 0 -4px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 -4px 4px rgba(0,0,0,0.1);box-shadow: 0 -4px 4px rgba(0,0,0,0.1);*/}
.foot-fix .title {position:absolute; left:10px; bottom:162px; background-color:#fff; border:1px solid #ddd; border-bottom:0; height:30px; z-index:2010}
.foot-fix .title h3 { font-size:15px; padding:8px 10px 0;}
.foot-fix #header-slide {position:relative; width:970px;  height:172px; margin-top:10px; overflow:hidden; background-color:#fff; }
.foot-fix #header-slide #s-prev { left:10px;}
.foot-fix #header-slide #s-next { right:10px;}

#foot-fix2 {position: relative; width: 530px; margin: 0 auto;  z-index:2000;}
.foot-fix2 { position:fixed;bottom:0; right:20px; height:162px; border-bottom:1px solid #dbdbdb; background-color:#fff; -webkit-box-shadow: 0 -4px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 -4px 4px rgba(0,0,0,0.1);box-shadow: 0 -4px 4px rgba(0,0,0,0.1);}
.foot-fix2 #header-slide {position:relative; width:530px;  height:162px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.foot-fix2 #header-slide #s-prev { left:10px;}
.foot-fix2 #header-slide #s-next { right:10px;}

#contents-article { position:relative; overflow:hidden;}
.article-head-polibar { width : 100%; margin-bottom: 10px; }
.article-head-polibar img { width : 100%; }
.article-head {position: relative; width: 970px; overflow:hidden; height:165px; padding:10px 0 ; background-color:#fff; border-bottom:1px solid #e6e6e6;}
.article-head .category{ display:block; font-size:13px;}
.article-head .category strong { color:#000; padding-right:5px;}
.article-head .category span { color:#777;}
.article-head h4 { display:table; height:100px; padding:10px 0; letter-spacing:-1px; }
.article-head span.title { font-size:40px; letter-spacing:-1.5px; color:#000; line-height:1.2em; vertical-align:middle; display:table-cell;position: relative; }
.article-head .reporter { position:absolute; left:0; bottom:10px;}
.article-head .reporter a { display:inline-block;  font-size:13px; color:#444; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_mail.png) no-repeat right 50%; padding-right:18px; margin-right:5px; }
.article-head .date-time { position:absolute; right:0; bottom:10px;}
.article-head .date-time span { color:#888; font-size:12px; padding-left:10px;}
.article-head .date-time span em { font-style:normal; color:#777;}


.article-body { position:relative; overflow:hidden; margin-top:30px; background:url(http://img.hani.co.kr/section-image/15/hani/images/section/section_bg.gif) right top repeat-y;}
.article-body.type02 { background-image:none;}
.article-body .a-left {float:left; width:643px; margin-right:13px; position:relative;}
.article-body .a-right {float:right; width:300px; padding-left:14px; position:relative;}
.article-body .a-right .padding_bottom {height:50px;}

.article-tools { position:relative; height:45px;}
.article-tools .tools { position:absolute; top:0; left:0;}
.article-tools .tools li { float:left; padding:7px 10px; overflow:hidden; position:relative; } 
.article-tools .tools li .icon{ float:left; display:block; cursor:pointer; height:22px; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_tools.png) no-repeat 0 0;  }
.article-tools .tools li.selected { background-color:#e9e9e9;}
.article-tools .tools li.tool-f .icon{ background-position: 0 0; width:11px;}
.article-tools .tools li.tool-t .icon{ background-position: -35px 0; width:23px;}
.article-tools .tools li.tool-share .icon{ background-position: -81px 0; width:24px;}
.article-tools .tools li.tool-scrap .icon{ background-position: -124px 0; width:22px;}
.article-tools .tools li.tool-print .icon{ background-position: -165px 0; width:19px;}
.article-tools .tools li .overlay {display:none; position:absolute; top:0; left:0; z-index:1;}
.article-tools .tools li.selected .overlay { display:block }
.article-tools .tools li .overlay .icon-area {text-align:left; height:22px; padding:7px 10px; background-color:#e9e9e9; font-size:12px; color:#000; text-align:left; font-weight:bold;}
.article-tools .tools li .overlay .icon { display:inline-block; overflow:hidden;}
.article-tools .tools li .overlay em { vertical-align:top; padding:0 10px; }

.article-tools .tools li.tool-f .overlay{ min-width:95px; }
.article-tools .tools li.tool-t .overlay{ left:0px; min-width:115px;}
.article-tools .tools li.tool-share .overlay{ left:0px; width:225px;}
.article-tools .tools li.tool-scrap .overlay{ left:118px;}
.article-tools .tools li.tool-print .overlay{ left:156px}

.article-tools .tools li.tool-share .overlay a { display:block; float:left; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_share_all.png) no-repeat 0 0; height:25px; margin-left:15px; }
.article-tools .tools li.tool-share .overlay a.s-g { background-position: 0 -64px; width:21px; } 
.article-tools .tools li.tool-share .overlay a.s-k { background-position: -42px -64px; width:12px; } 
.article-tools .tools li.tool-share .overlay a.s-c { background-position: -75px -64px; width:23px; } 
.article-tools .tools li.tool-share .overlay a.s-m { background-position: -120px -64px; width:24px; } 
.article-tools .tools li.tool-share .overlay a.s-n { background-position: -162px -64px; width:24px; } 

.article-tools .tools li.tool-f:hover .icon,
.article-tools .tools li.tool-f .overlay .icon{ background-position: 0 -28px;}
.article-tools .tools li.tool-t:hover .icon,
.article-tools .tools li.tool-t .overlay .icon{ background-position: -35px -28px; width:23px;}
.article-tools .tools li.tool-share:hover .icon,
.article-tools .tools li.tool-share .overlay .icon{ background-position: -81px -28px; width:24px;}
.article-tools .tools li.tool-scrap:hover .icon{ background-position: -124px -28px; width:22px;}
.article-tools .tools li.tool-print:hover .icon{ background-position: -165px -28px; width:19px;}

.article-tools .tools li.tool-scrap.selected,
.article-tools .tools li.tool-print.selected { background-color:#fff;}

.article-tools .tools li.tool-scrap.selected .icon{ background-position: -124px -28px; width:22px;}
.article-tools .tools li.tool-print.selected .icon{ background-position: -165px -28px; width:19px;}


.article-tools .font { position:absolute; right:0;}
.article-tools .font a {display:inline-block; overflow:hidden;  background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_tools.png) no-repeat; }
.article-tools .font a.large { background-position:-204px -3px; width:18px; height:24px; margin-right:10px;}
.article-tools .font a.small { background-position:-241px -3px;  width:18px;height:24px;}

.article-text {position:relative; overflow:hidden; margin-top:30px; padding: 0 0 30px; line-height: 2.0em; color: #222; font-size:16px;}
.article-text p {color: black; margin: 1.5em 0.5em 1.5em 0;text-align: justify;line-height: 2.0em;  font-size:16px;}
.article-text .subtitle { font-weight: bold; margin-bottom:2em; }
.article-text .text { text-align:justify; }
.article-text .image-area{margin-bottom	: 30px; position:relative;}
.article-text .image-area .desc { font-size:13px; color:#666; line-height:1.4em; padding-top: 8px;}
.article-text .image-area .imageC { margin:0 auto;}
.article-text .image-area .imageL { float:left; margin:0 20px 20px 0;}
.article-text .image-area .imageR { float:right; margin: 0 0 20px 20px;}
.article-text .image-area .image {position:relative;}
.article-text .image-area .icon_photo_big { position:absolute; bottom:20px; right:20px;  display:block; margin:0; border:0; width:46px; height:46px; }
.article-body.type02 .article-text .text { width:800px;}
.article-body.type02 .article-text .subtitle { width:800px;}
/*.article-body.type01 .article-text .image-area img { max-width: 590px;}
.article-body.type02 .article-text .image-area img { max-width: 970px;}*/
/*들여쓰기,인용문 추가*/
.article-body.type02  .article-text .text .indent{	margin: 0 0 0 170px;}
.article-body .article-text .text .blockquote_type01
{
	background: url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_blockquote_up.png) no-repeat 5% 10%;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;	
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 23pt;
	margin: 25px 30%;
	padding: 35px 5%;
	position: relative;
	text-align: center;
}
.article-body .article-text .text .blockquote_type01:before
{
	background: url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_blockquote_down.png) no-repeat 0 0;
	bottom: 5%;
	content: "";
	height: 20px;
	position: absolute;
	right: 5%;
	width: 20px;
}
.article-body .article-text .text .blockquote_type02
{
	background: url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_blockquote_up2.png) no-repeat 50% 10%;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 23pt;
	margin: 25px 25%;
	padding: 50px 3% 25px;
	position: relative;
	text-align: center;
}

.article-body.type02 .article-text .text .indent .blockquote_type01 ,
.article-body.type02 .article-text .text .indent .blockquote_type02
{
	margin: 25px 20%;
}


/*뉴스박스*/
#news-box {*zoom:1;display:block; clear:both; padding:20px 0;}
#news-box:after  {content:""; display:block; clear:both;}
#news-box .news-box{border:1px solid #e6e6e6; background-color:#f7f7f7; padding:20px; font-size:13px;} 

#news-box2{*zoom:1;display:block; clear:both; padding:20px 0; position:relative; }
#news-box2:after  {content:""; display:block; clear:both;}
#news-box2 .news-box2 {padding: 12px 24px 12px 30px;  border-left: 2px solid #474747;  background-color: #f7f7f7;  position: relative; margin-left:8px;}
#news-box2 .news-box2:before {content:"";position: absolute;top: 10%;left: -8px;width: 24px;height: 30px;background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_forum_24x24.png) no-repeat 0 100%;background-color:#f7f7f7;
}


.relation-area {  border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; padding:10px 20px 5px 0; min-width: 300px; max-width:400px; margin:20px 20px 10px 0; float:left}
.relation-area h5 { font-size:16px; color: #000}
.relation-list { padding-top:10px;} 
.relation-list li{ background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_dot_2x14.gif) no-repeat left top; padding-left:12px; font-size:14px; color:#444; line-height:1.4em; padding-bottom:13px; letter-spacing:-1px; }

.relation2-area {  border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; padding:10px 20px 5px 20px;  margin:20px 0 10px 0;}
.relation2-area h5 { font-size:16px; color: #000}
.relation2-area h5 span { font-size:14px; color: #00a5a4;padding-right:7px;}
.relation2-list { padding-top:10px;} 
.relation2-list li{ background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_dot_2x14.gif) no-repeat left top; padding-left:12px; font-size:14px; color:#444; line-height:1.4em; padding-bottom:13px; letter-spacing:-1px; }

.photo-list {position:relative; overflow:hidden;  border-top:2px solid #000; padding:30px 0 20px;}
.photo-list li { float:left; width: 200px; margin-right: 20px; overflow:hidden;}
.photo-list li h4 { font-size:16px; color:#222; padding-top:5px; line-height:1.3em;height: 40px; overflow: hidden; }
.photo-list li  .category { display:block; font-size:13px; color: #777; padding-top:10px; font-weight:normal;}
.photo-list li.kisa01, 
.photo-list li.kisa02,
.photo-list li.kisa03,
.photo-list li.kisa04, 
.photo-list li.kisa05,
.photo-list li.kisa06 {margin-bottom:8px; }
.photo-list li.kisa03,
.photo-list li.kisa06,
.photo-list li.kisa09 { margin-right:0; margin-bottom:20px;}
.photo-list li a img {width:198px;height:118px;}

.reply-box {position:relative; overflow:hidden;  border-top: 1px solid #e6e6e6; padding-top:20px; margin-bottom:30px;}

.ad-300X250 { margin:18px 0 20px; }


.article-right { position:relative; overflow:hidden; padding:9px 0;  border-top:1px dotted #a7a7a7;}
.article-right.first {border-top:0;}
.article-right .title{ font-size:14px; color:#222; line-height:1.3em; padding:8px 0 5px;  }
.article-right .category { display:block; font-size:12px; color:#999; padding:0 0 2px; font-weight:normal;}
.article-right .photo {float:right; display:block; position:relative;}
.article-right .photo img { margin-left:10px; border:1px solid #dadada}
.article-right .num { float:left; display:block; width:24px; height:35px; font-size:13px; color:#666; font-family:Arial; padding-top:10px;}
.article-popularity .article-right .title { display:table}

.article-serial .article-right .title { padding:0;}
.section-title { border-top:2px solid #dbdbdb; height:25px; padding-top:10px; color:#000; font-size:15px;}
.section-title  a {color:#000; font-size:15px;}
.article-like .text { text-align:right; color:#777; font-size:11px;}


#scroll_top_button { position:fixed; bottom: 20px; right: 0px; }
#scroll_top_button img { width:54px; height:88px; }