@charset 'utf-8';

/*
 * @author: by hyunhee
 * @date: 2012/05/21
 * @version: 0.1
 * @copyright: HANI. All Rights Reserved.
 * @description: 메인
 */

/* default */
/*img,div,aside,h1,h2,h3,input{behavior:url(./iepngfix.htc);}*/
html, body { width: 100%; height: 100%; }
html { overflow-y:scroll; }
body { text-align: center; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0; font-size: 12px; font-family: Arial,sans-serif; color: #666; line-height: 1.3; }
li { list-style: none; }
img, fieldset, legend { border: 0; }
table { border: 0; border-spacing: 0; border-collapse: collapse; font-size: 12px; }
a { color: #666; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
cite, em, address { font-style: normal; }
strong { color: #000; }
address a { color: #d9d9d9; }
hr, legend, caption { display: none; }

h1 { font-size: 1.1em; font-weight: bold; } 
h2 { font-size: 1.1em; } 
h3 { font-size: 1.3em; font-weight: bold; } 
h4 { font-size: 1.4em; font-weight: bold; } 
h5 { font-size: 1.5em; font-weight: bold; } 
h6 { font-size: 1.6em; font-weight: bold; } 

button { border: none; background-color: transparent; cursor: pointer; }
select { font: 12px "돋움", dotum, AppleGothic, Arial, Helvetica, Clean, Sans-serif; }

/* base */
/* form */
.input_check, .input_radio{ width: 13px; height: 13px; }

/* 숨김 */
.blind { display: block; overflow: hidden; position: absolute; top: -1000em; left: 0; }

/* clearfix */
.clearfx{ zoom: 1; }
.clearfx:after{ content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
.clear { clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; }

/* png24*/
.ie6 .png24{ tmp: expression(setPng24(this)); }


/* main layout */
/* layout */
#gnb { width: 100%; border-bottom: 1px solid #dbdbdb; text-align: center; }
#gnb .gnb-inner { overflow: hidden; width: 970px; margin: 0 auto; padding: 6px 0 5px; text-align: left; }
#header { overflow: hidden; position: relative; width: 970px; margin: 0 auto; text-align: left; }
#container { position: relative;  width: 970px; margin: 0 auto; text-align: left; }
#container:after{ content:" "; display:block; clear:both; }
#container #contents { float: left; width: 645px; padding: 25px 0 0 0; }
#container #aside { float: right; width: 300px; padding: 25px 0; }
#footer { clear: both; width: 970px; margin: 0 auto; text-align: left; }



/* quicks - rss/korean/about us 등 */
#header .quicks { position: absolute; top: 26px; right: 0; }
#header .quicks li { float: left; }
#header .quicks li a { padding:5px 8px 5px 6px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x8_cecece.gif) no-repeat 100% 50%; font-size: 11px; letter-spacing: -1px; }
#header .quicks li.last-child a { background: none; padding-right: 0; }

/* search */
#header .search { position: absolute; top: 48px; right: 0; }
#header .search span { position: relative; display: block; }
#header .search span .input_text { display: block; width: 175px; height: 13px; padding: 3px 5px; margin-right: 52px; border: 2px solid #ccdede; }
#header .search span .input_search { position: absolute; top: 0; right: 0; }
*html #header .search span .input_search { position: absolute; top: 1px; right: 0; }
*:first-child+html #header .search span .input_search { position: absolute; top: 1px; right: 0; }

/* logo */  
.main { height: 137px; }
.main .logo { position: absolute; top: 30px; left: 38%; margin-left: -72px; }

/* update */
.main .update { position: absolute; bottom:56px; left: 0; font-size: 11px;}
.main .update a, .main .banner img { display: block; }

/* navi */
.main .navi { clear: both; position: relative; margin-top: 89px; }
.main .navi .menu {  width:100%; height: 43px; border-top: 4px solid #088b85; background: url(http://img.hani.co.kr/section-image/12/english/images/com/navi/main_navi.gif) no-repeat 0 0;}
.main .navi .menu li { float: left; }
.main .navi .menu li h2 { overflow: hidden; line-height: 3.0; }
.main .navi .menu li h2 a { display: block; height: 43px;  text-align: center;  color: transparent;  text-indent: -500em; background: url(http://img.hani.co.kr/section-image/12/english/images/com/navi/main_navi.gif) no-repeat 0 0;}
.main .navi .menu li.all h2 { width: 78px; }
.main .navi .menu li.all h2 a { background-position: 0 0; }
.main .navi .menu li.all h2.selected a { background-position: 0 -43px; }

.main .navi .menu li.national h2 { width: 118px; }
.main .navi .menu li.national h2 a { background-position: -78px 0; }
.main .navi .menu li.national h2.selected a { background-position: -78px -43px; }

.main .navi .menu li.northkorea h2 { width: 134px; }
.main .navi .menu li.northkorea h2 a { background-position: -196px 0; }
.main .navi .menu li.northkorea h2.selected a { background-position: -196px -43px; }

.main .navi .menu li.international h2 { width: 160px; }
.main .navi .menu li.international h2 a { background-position: -330px 0; }
.main .navi .menu li.international h2.selected a { background-position: -330px -43px; }

.main .navi .menu li.eco h2 { width: 160px; }
.main .navi .menu li.eco h2 a { background-position: -490px 0; }
.main .navi .menu li.eco h2.selected a { background-position: -490px -43px; }

.main .navi .menu li.culture h2 { width: 121px; }
.main .navi .menu li.culture h2 a { background-position: -650px 0; }
.main .navi .menu li.culture h2.selected a { background-position: -650px -43px; }

.main .navi .menu li.opinion h2 { width: 197px; }
.main .navi .menu li.opinion h2 a { background-position: -771px 0; }
.main .navi .menu li.opinion h2.selected a { background-position: -771px -43px; }

.main .navi .menu .sub-menu { display: block; position: absolute; top: 47px; left: 0; width: 970px; height: 0px;   border-top: 1px solid #bdbdbd; background: #f0f0f0;  } 



/* add-menu-title - 메뉴 더보기 */
.main .add-menu-title {  position: absolute; top: 16px; right: 410px; }
.main .add-menu-title a {display: block; width: 70px; height:18px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/navi/lnb_more.gif) no-repeat 0 0;}
.main .add-menu-title a.on { background-position: 0 -18px; }

.main .pdf-button {  position: absolute; top: 13px; right: 5px; width: 132px; height: 25px;}
.main .pdf-button a {display: block; width: 132px; height:25px; }

/* 메뉴 더보기 레이어 */
#add-menu-layer { display: none; position: absolute; left: 0; top: -31px; width: 690px; height: 255px; z-index: 1000000; }
#add-menu-layer .add-menu-layer { position: relative; width: 690px; height: 255px; text-align: left; }
#add-menu-layer .add-menu-layer .more-view-title { float: left; width: 139px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_title_box_body.gif) no-repeat left top; }
#add-menu-layer .add-menu-layer .more-view-title .more-title-list { height: 195px; padding: 30px 15px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_title_box_bottom.gif) no-repeat left bottom; }
#add-menu-layer .add-menu-layer .more-view-title .more-title-list li { margin-bottom: 17px; }
#add-menu-layer .add-menu-layer .more-view-title .more-title-list li img { vertical-align: top; }

#add-menu-layer .add-menu-layer .more-category { position: relative; float: left; width: 551px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_category_box_body.gif) no-repeat left top; }
#add-menu-layer .add-menu-layer .more-category .inner-category-menu { height: 195px; padding: 30px 0; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_category_box_bottom.gif) no-repeat left bottom; }
#add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area { float: left; width: 117px; padding-left: 20px; }
#add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area ul { margin-top: 17px; }
#add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area li { padding-left: 8px; margin-bottom: 6px; line-height: 1.2em; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat left 7px; }
#add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area a { font-size: 11px; color: #333; }
#add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area a:hover { text-decoration: none; color: #087974; }





/* footer */

#footer .copyright { clear: both; width:100%; border-top: 2px solid #666; padding: 9px 0;  text-align: center; font-family: verdana; font-size: 11px; color: #333; line-height: 1.1; }



/* 메인 기사관련css */
#headline-news { overflow: hidden; width: 100%; padding: 0 0 15px 0; border-bottom: 2px solid #088b85; }

/* 타입별 헤드라인 기사 */
#headline-news .main-title { padding: 0 0 12px 0; font-family:georgia,serif; font-size: 30px; color: #000; line-height: 1.2; letter-spacing: -0.05em;  }
#headline-news .main-title img { vertical-align: top; }

.photo img { vertical-align: top;/* border: 1px solid #dbdbdb; */ }
.relation-article .preface-title { display: block; }
.relation-article .preface-title a { font-size: 15px; line-height: 1.45em; color: #000; }
.relation-article .preface-text { margin-top: 8px; }
.relation-article .preface-text a { color: #888; line-height: 1.45em; }
.relation-article .more-article { margin-top: 10px; }
.relation-article .more-article li { padding-left: 15px; margin-bottom: 5px; background: url(http://img.hani.co.kr/section-image/12/english/images/com/bul/bul_6x6_c6c6c6.gif) no-repeat 0 3px; }
.relation-article .more-article li.last-article { margin-bottom: 0; }
.relation-article .more-article li a { font-weight: bold; color: #000; font-family:arial; font-size: 12px; letter-spacing: 0.0em; }
.relation-article .more-article li img { vertical-align: -3px; }


/* type3 레이아웃 및 상세css */
.type3:after { clear: both; display: block; content: ""; }
.type3 .photo { position: relative; float: left; width: 250px; }
.type3 .photo a img { width:248px;height:249px; }
.type3 .photo .description { position: absolute; left: 0; bottom: 0; width: 230px; padding: 15px 10px; left top; }

.type3 .relation-article {float: right; width: 377px;}
.type3 .relation-article .preface-title { display: block; margin-top: -2px;}
.type3 .relation-article .more-article { margin-top: 17px;}
.type3 .main-title { width: 377px; font-size: 30px; color: #000; line-height: 1.1; letter-spacing: -0.05em;  }
.type3 .main-title a { width: 377px; font-size: 30px; color: #000; line-height: 1.1; letter-spacing: -0.05em;  }



/* type6 관련기사 붙을 때*/
.type6 .relation-article { overflow: hidden; width: 100%;}
.type6 .relation-article .left-list { float: left; width: 300px; }
.type6 .relation-article .left-list li a {font-family:arial; font-size: 12px; letter-spacing: 0.0em;}
.type6 .relation-article .right-list { float: right; width: 300px;}
.type6 .relation-article .right-list li a {font-family:arial; font-size: 12px; letter-spacing: 0.0em;}


/* 메인 일람 관련기사 */
.type-related {overflow: hidden; width: 100%;}
.type-related .more { margin-top: 10px; }
.type-related .more dt { padding-left: 15px; background: url(http://img.hani.co.kr/section-image/12/english/images/com/bul/bul_6x6_c6c6c6.gif) no-repeat 0 3px;}
.type-related .more dt.last-article { margin-bottom: 0; }
.type-related .more dt a {color: #000;  font-size: 13px; line-height: 1.8;}







/* HOT ISSUE*/
.theme-news { width: 100%; border-top: 2px solid #088b85; padding-bottom:30px; }
.theme-news .theme-title { position: relative; overflow: hidden; height: 40px; border-bottom: 1px solid #eaecec; background: #f1f4f3; }
.theme-news .theme-title h3 { float: left; }
.theme-news .theme-title h3 img { vertical-align: top; }
.theme-news .theme-title .theme-category { float: left; margin: 13px 0 0 13px; }
.theme-news .theme-title .theme-category li { float: left; }

.theme-news .theme-title .theme-category li a.on { font-weight: bold; color: #000; }
.theme-news .theme-title .theme-category li.last-child a { background: none; }
.theme-news .theme-title .more { position: absolute; right: 20px; top: 13px; font-size: 10px; font-family: verdana;}

.theme-news .theme-bottom {border-bottom: 1px solid #eaecec; padding-bottom:70px; }





/* 테마뉴스 > 컨텐츠영역 */
#community-news .theme-news .{ overflow: hidden; height: 120px; zoom: 1; background:url(http://img.hani.co.kr/section-image/12/english/images/com/bul/bul_5x1_d5d5d5.gif) repeat-x 0 100%;}
.theme-news .tm-photo-list { float: left; width: 665px; }
.theme-news .tm-photo-list li { float: left; margin-right: 8px;  margin-left: 12px; }

.theme-news .tm-photo-list li strong { display: block;letter-spacing: 0px; }
.theme-news .tm-photo-list li a:hover strong { color: #037570; }
.theme-news .tm-photo-list .title { width: 200px;  margin-top: 15px;}

.theme-news .tm-text-list { float: left; width: 265px; }
.theme-news .tm-text-list li { padding-left: 12px; margin-bottom: 7px; line-height: 1.2em; background:url(http://img.hani.co.kr/section-image/12/english/images/com/bul/bul_2x2_444.gif) no-repeat 0 5px; zoom: 1; }
.theme-news .tm-text-list li.last-list { margin-bottom: 0; }
.theme-news .tm-text-list a { display: block; color: #000; }


.theme-news .total-article { display: none; }


/* 메인 뉴스 영역 공통 */
.main-news, .theme-news{ zoom: 1; }
.main-news:after, .theme-news:after{ content: ""; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }

/* 탭메뉴 */
.tab-menu { overflow: hidden; zoom: 1; }
.tab-menu li { float: left; }
.tab-menu li img { vertical-align: top; cursor: pointer; }


/* 파워링크 AD*/
.visual-ad { height: 150px; margin-top: 5px; background: #ddd; }
.visual-ad2 { height: 240px; margin-top: 5px; background: #ddd; }
#power-link-ad { height: 175px;}



/* 오피니언 탭 */
#opinion-tab { position: relative; margin-top: 6px;}
#opinion-tab .tab-contents { border: 1px solid #088b85; border-top: 0; padding: 7px 13px 13px; height: 160px; }
#opinion-tab .tab-contents .content { display: none; }
#opinion-tab .opinion-item { clear: both; position: relative; width: 100%;}
#opinion-tab .opinion-item a { display: block; }
#opinion-tab .opinion-item strong { display: block; padding-right: 10px; letter-spacing: 0em; width:200px; height:43px; margin-bottom: 4px; }
#opinion-tab .opinion-item span { display: block; }
#opinion-tab .opinion-item span em { display: block;  font-size: 11px; color: #888; line-height: 14px; font-family: Arial,sans-serif;}
#opinion-tab .opinion-item  img { position: absolute; top: 0; right: 0; width:43px;height:43px; }
#opinion-tab .opinion-list { margin-top: 8px; }
#opinion-tab .opinion-list li { line-height: 15px; letter-spacing: 0px; padding-bottom: 5px;}
#opinion-tab .opinion-list li strong { padding-right: 4px;}

#opinion-tab #spacial-ad-banner { width: 252px; height: 60px; margin: 1px 0 13px; display:block;}
#opinion-tab #spacial-ad-banner img { vertical-align: top; border: 1px solid #dbdbdb; }

.tab-contents {zoom: 1; }
.tab-contents:after { content:" "; display:block; clear:both; }

.tab-contents .photo-item-type { overflow: hidden ;padding-bottom: 14px; zoom: 1; }
.tab-contents .photo-item-type p { float: left; width: 94px; }
.tab-contents .photo-item-type p a { display: block; }
.tab-contents .photo-item-type p a img { width: 82px; height: 61px; border: 1px solid #dbdbdb; vertical-align: top; }
.tab-contents .photo-item-type dl { float: right; width: 158px; }
.tab-contents .photo-item-type dl dt { padding-bottom: 3px; }
.tab-contents .photo-item-type dl dt a {font-weight: bold; color: #000;  font-family: Arial,sans-serif; }
.tab-contents .photo-item-type dl dd {}
.tab-contents .photo-item-type dl dd a { font-size: 11px; color: #888; letter-spacing: -1px; }

.tab-contents .list {  }
.tab-contents .list li { line-height: 24px; letter-spacing: -1px; }
.tab-contents .list li strong { padding-right: 4px; }
.tab-contents .list li.widgets .twitter { font-weight: bold; color: #27a4d4 }
.tab-contents .list li.widgets .twitter .icon { margin-right: 5px; }

.widgets span.icon { display: inline-block; width: 19px; height: 18px; background: url(http://img.hani.co.kr/section-image/12/english/images/com/ico/ico_set.gif) no-repeat 0 0; vertical-align: middle; }
.widgets .twitter span.icon { background-position: -21px 0; }




/* 멀티미디어css */
#multimedia { position: relative; margin-top: 6px; }
#multimedia .multimedia-move { position: absolute; right: 15px; top: 15px; font-size: 0; line-height: 0; }
#multimedia .multimedia-move img { cursor: pointer; }
#multimedia .title { overflow: hidden; height: 42px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background: #f1f4f3; }
#multimedia .title h3 { float: left; margin: 14px 0 0 13px; }
#multimedia .title h3 img { vertical-align: top; }
#multimedia .title .multimedia-category { float: left; margin: 14px 0 0 18px; }
#multimedia .title .multimedia-category li { float: left; }
#multimedia .title .multimedia-category li a { padding:0 3px 0 2px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_cecece.gif) no-repeat 100% 50%; font-size: 11px; color: #888; letter-spacing: -1px;  }
#multimedia .title .multimedia-category li a.on { font-weight: bold; }
#multimedia .title .multimedia-category li.last-child a { background: none; }

#multimedia .swap-gallery { position: relative; overflow: hidden; width: 100%; height: 275px; }
#multimedia .swap-gallery .rolling-gallery { position: absolute; left: 0; top: 0; border: 1px solid #dbdbdb; }
#multimedia .swap-gallery .main-img { position: relative; width: 100%; border-bottom: 1px solid #dbdbdb;  }
#multimedia .swap-gallery .main-img img { vertical-align: top; }
#multimedia .swap-gallery .main-img .description { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; text-align: center; color: #fff; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_multimedia.png) repeat left top; }
#multimedia .swap-gallery .gallery-list { width: 100%; padding: 1px 0 1px 1px; position:relative; overflow:hidden; }
#multimedia .swap-gallery .gallery-list li { position: relative; float: left; width: 96px; margin-right: 3px; font-size: 0; line-height: 0; }
#multimedia .swap-gallery .gallery-list li img { vertical-align: top; width: 97px; height: 57px; }
#multimedia .swap-gallery .gallery-list li.last-gallery { margin-right: 0; }
#multimedia .swap-gallery .gallery-list li span.overlay { display: none; position: absolute; top: 0; left: 0; width: 91px; height: 51px; border: 3px solid #ed1b23; }
#multimedia .swap-gallery .gallery-list li.on span.overlay { display: block; }

/* 동영상 */
#special-movie { padding-right: 0; }
#special-movie h3 { width: 52px; }
#special-movie img { vertical-align: bottom; }
#special-movie .movie-description { width: 260px; padding: 10px 10px 8px 16px; background: #595959; }
#special-movie .movie-description a {  color: #fff; font-family: Arial,sans-serif; letter-spacing: -1px; }

/* e-mail */
#email { margin-top: 6px; }
#email .tab-contents {  height: 110px; padding: 0 15px; border: 1px solid #dbdbdb; border-top: 0; }
#email .tab-contents .content {  }
#email .mail-item { float: left; width: 100%; height: 50px; padding :5px 0; text-align: left;}
#email .mail-item p{font-size:11px; color: #656565; padding-bottom: 10px; }
#email .search {float:left;height:40px;width:100%;}
#email .search .textWrap {width:163px;float:left;}
#email .search .input_text { display: block; width: 159px; height: 13px; padding: 1px 1px; border: 2px solid #ccdede; }
#email .search .input_search { margin-left:9px;}
#email .search .btn-set { overflow: hidden; margin-top: 10px; }
#email .search .btn-set a { display: block; float: left; width: 108px; height: 18px; }
#email .search .btn-set a span { left: 0; text-indent: -100000000px;}
#email .search .btn-set .view-news { position: relative; overflow: hidden; background: url(http://img.hani.co.kr/section-image/12/english/images/com/btn/btn_privacy.gif) no-repeat 0 0; margin-right: 6px; text-indent:-9999px;}


/* more-view */
#more { margin-top: 6px; }
#more .more-contents { padding: 0 0 10px 15px; border: 1px solid #dbdbdb; border-top: 0; letter-spacing: 0px;  position:relative; overflow:hidden; }
#more .list { overflow: hidden;width: 255px;padding :5px 14px 8px 0; text-align: left;}
#more .list li { padding-left: 8px; background: url(http://img.hani.co.kr/section-image/12/english/images/com/bul/bul_2x2_666.gif) no-repeat 0 8px; line-height:21px; }
#more .list li a { color: #333; }


/* issue */
#issue { margin-top: 6px; }
#issue .issue-contents {  padding: 0 0 10px 15px; border: 1px solid #dbdbdb; border-top: 0; letter-spacing: 0px;  position:relative; overflow:hidden; }
#issue .list {  overflow: hidden; width: 255px; padding :5px 14px 8px 0; text-align: left;}
#issue .list li { padding-left: 8px; background: url(http://img.hani.co.kr/section-image/12/english/images/com/bul/bul_2x2_666.gif) no-repeat 0 8px; line-height:21px; }
#issue .list li a { color: #333; }



/* 뉴스 정렬 결과 영역 */
.main-result-section { padding-bottom: 20px; margin-bottom: 15px;  border-bottom:0;}
.main-result-section .main-result-list {  }
.main-result-section .main-result-list li { clear: both; margin-top: 33px; zoom: 1; }
.main-result-section .main-result-list li:after{ display: block;  height: 0; line-height: 0; clear: both;  }
.main-result-section .main-result-list li.first-child { margin-top: 0; }
.main-result-section .main-result-list dl { overflow: hidden; }
.main-result-section .main-result-list dl dt a { font-size: 16px; font-family: Georgia; color: #000;font-weight: bold; }
.main-result-section .main-result-list dl dd a { font-family: Arial,sans-serif; }
.main-result-section .main-result-list dl dd.detail { padding: 8px 0 0 0; line-height: 18px; }
.main-result-section .main-result-list dl dd.photo { display:table;table-layout: fixed;overflow: hidden;  float: left; position: relative; width: 96px; height: 86px; padding: 1px; margin-top: 2px;  margin-right: 14px; border: 1px solid #e1e1e1; text-align: center;}
.main-result-section .main-result-list dl dd.photo a {display:table-cell;}
.main-result-section .main-result-list dl dd.photo a { vertical-align:middle;overflow: hidden; width: 96px; height: 86px;font-size:75px;line-height:75px;}
.main-result-section .main-result-list dl dd.photo a img {max-width: 96px; max-height: 86px; vertical-align: middle;}
.main-result-section .main-result-list .date { padding-top: 6px; font-family: Arial,sans-serif; font-size: 11px; color: #888; }


/*2단하단배너추가*/
#banner {padding-top: 20px; padding-bottom:20px;}
#banner .bn {position: relative;  text-align: center; }