@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.2em; } 
h3 { font-size: 1.3em; } 
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: 43px; left: 10%; margin-left: -92px; }


/* 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;  } 






/* 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; }



/* 탭메뉴 */
.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: 0.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: Gulim; }
.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/news/hani/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: Gulim; 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; }

/* banner */
#banner { padding-top: 20px; padding-bottom: 20px; }


/* 뉴스 정렬 결과 영역 */
.main-result-section { padding-top: 3px; padding-bottom: 20px; margin-bottom: 10px;border-bottom: 1px solid #DBDBDB;}
.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{ content: "."; display: block; font-size: 0; 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,serif; color: #000; }
.main-result-section .main-result-list dl dd a { font-family: arial; }
.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 { 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 { display: table; table-layout: fixed; }
.main-result-section .main-result-list dl dd.photo a { display: table-cell; }
.main-result-section .main-result-list dl dd.photo a { overflow: hidden; width: 96px; height: 86px;  line-height: 75px; vertical-align: middle; font-size: 75px; }
.main-result-section .main-result-list dl dd.photo a img { }
.main-result-section .main-result-list dl dd.photo a img { max-width: 98px; max-height: 86px; vertical-align: middle; }
.main-result-section .main-result-list .date { padding-top: 6px; font-family: Verdana; font-size: 11px; color: #888; }