body {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
div {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
ul {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
ol {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h1 {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h2 {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h3 {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h4 {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
form {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
fieldset {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p {vertical-align: top; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
button {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
header {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
footer {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
body {font-family: "georgia", "verdana", "arial" ,"Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; color: #000; font-size:1.05em; font-weight: normal}
input {font-family: "georgia", "verdana", "arial" ,"Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; color: #000; font-size:1.05em; font-weight: normal}
select {font-family: "georgia", "verdana","arial" , "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; color: #000; font-size:1.05em; font-weight: normal}
textarea {font-family: "georgia", "verdana","arial" , "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; color: #000; font-size:1.05em; font-weight: normal}
header {font-family: "georgia", "verdana", "arial" ,"Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; color: #000; font-size:1.05em; font-weight: normal}
footer {font-family: "georgia", "verdana", "arial" ,"Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; color: #000; font-size:1.05em; font-weight: normal}
body {background: #fff; -webkit-text-size-adjust: none}
img {padding:0; margin:0; border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px}
input {border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px}
fieldset {border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px}
img {vertical-align: top}
input {vertical-align: top}
select {vertical-align: top}
textarea {vertical-align: top}
ul {list-style-type: none; list-style-image: none}
ol {list-style-type: none; list-style-image: none}
li {list-style-type: none; list-style-image: none}
address {font-style: normal; font-weight: normal}
em {font-style: normal; font-weight: normal}
i {font-style: normal; font-weight: normal}
h1 {font-size: 1em; font-weight: normal}
h2 {font-size: 1em; font-weight: normal}
h3 {font-size: 1em; font-weight: normal}
h4 {font-size: 1em; font-weight: normal; font-family: "verdana", "arial" ; color:#666; font-size:0.8em; padding-bottom:15px; text-align:right; padding-right:10px; }
h4 a {color:#666}
h5 {font-size: 1em; font-weight: normal}
strong {font-size: 1em; font-weight: normal}
hr {display: none}
a {text-overflow: ellipsis; color: #000; text-decoration: none; -o-text-overflow: ellipsis}
a:link {text-decoration: none}
a:hover {text-decoration: none}
a:active {text-decoration: none}
input:focus {outline-style: none; outline-color: invert; outline-width: 0px}
input {-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0}
input[type='text'] {-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0}
header {display: block}
footer {display: block}

#page_01 { left: 0; }
#page_02 { left: 100%;}
#page_03 { left: 200%;}
#page_04 { left: 300%;}
#page_05 { left: 400%;} 
#page_06 { left: 500%;} 
#page_07 { left: 600%;}

#wrap {min-width:290px;}

/*공통*/
#header {height:46px; background:url(http://res.heraldm.com/kh_201209/mobile/images/bg.png)}
#header h1 {padding-left:10px; padding-top:11px;}
#header .btn_search {position:absolute; top:3px; right:50px }
#header .btn_list {position:absolute; top:3px; right:10px }
#header .btn_list_on {position:absolute;top:0; right:0  }

#searchwrap {display:none; z-index:999; clear:both; overflow:hidden; padding-top:10px; padding-left:10px; padding-right:10px; height:42px; background-color:#0093d1}
#searchwrap .searchleft {height:32px; width:6px; background:url('../images/bg_search_left.png') no-repeat; display:block; position:absolute; left:10px; top:56px;}
#searchwrap .textwrap {clear:both; overflow:hidden; height:32px; background-color:#fff; margin-right:40px;}
#searchwrap .textwrap .searchtext {width:85%; margin-left:6px; overflow:hidden; height:25px; padding-top:5px; color:#666; font-size:0.875em}
#searchwrap .searchbtn {height:32px; width:36px; background:url('../images/btn_down_search.png') no-repeat; display:block; position:absolute; right:10px; top:56px;}

/*메인*/
#date {font-family:verdana; color:#666; font-size:0.7em; margin-left:10px; margin-right:10px; padding:6px 0; border-bottom:#b3b3b3 1px dotted;}

#headline { background: none repeat scroll 0 0 #FFFFFF;position: relative; overflow: hidden; width: 94%; display:block;height:109px; margin:12px 10px 12px 10px;}
#headline .s { background: none repeat scroll 0 0 #FFFFFF; display: block; position: absolute; width: 100%;height:109px; }

#headline img {float:left; padding-right:10px; width:125px;}
#headline ul li .title {padding-bottom:10px; line-height:1.3em; color:#0093d1; font-weight:bold; letter-spacing:-1px}
#headline ul li .title a {color:#0093d1}
#headline ul li .text {line-height:1.45em; font-size:0.7em}
#headline ul li .text a {color:#666;}

.headpaging {text-align:center;  margin-left:10px; margin-right:10px; border-bottom:#0093d1 3px solid}
.headpaging a.blue {display: inline-block; height: 12px; margin:0 5px 5px 5px; text-indent: 666em; width: 12px; background:#0079ab; -webkit-box-shadow:1px 1px 2px #999 inset; border-radius: 105px; }
.headpaging a.gray {display: inline-block; height: 10px; margin:0 5px 5px 5px; text-indent: 666em; width: 10px; background:#dcdcdc; -webkit-box-shadow:1px 1px 2px #999 inset; border-radius:95px; }
.headpaging a strong{display:none;}

#newslist {margin-left:10px; margin-right:10px; margin-bottom:15px; }
#newslist ul {width:100%; overflow:hidden}
#newslist ul li {padding-top:13px; padding-bottom:13px; padding-left:10px; padding-right:10px;}
#newslist .fill {background-color:#f3f3f3; }


#features {text-align:center; margin-left:10px; margin-right:10px; clear:both;overflow:hidden}
#features h2 {text-align:left; color:#006f9d; font-size:1.125em; font-weight:bold; padding-top:10px; padding-bottom:10px; border-top:#0093d1 3px solid; border-bottom:#e2e2e2 1px solid; margin-bottom:15px}
#features li {width:50%; height:144px; float:left; margin-bottom:15px}
#features li .wrap {clear:both; margin: 0px auto; width: 146px; display: block}
#features li .text {font-weight:bold;text-align:left; clear:both; overflow:hidden; width:134px; color:#fff; line-height:1.6em; font-size:0.75em; background-color:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.2; position:relative; top:-45px; height:35px; padding-right:6px; padding-left:6px; padding-top:5px; padding-bottom:5px}


#editorial {clear:both; margin-left:10px; margin-right:10px; }
#editorial h2 {color:#006f9d; font-size:1.125em; font-weight:bold; padding-top:10px; padding-bottom:10px; border-top:#0093d1 3px solid; border-bottom:#e2e2e2 1px solid}
#editorial h2 .btn {position:absolute; padding-top:6px; right:10px}
#editorial ul {width:100%; overflow:hidden}
#editorial ul li {padding-top:13px; padding-bottom:13px;border-bottom:#e2e2e2 1px solid}
#editorial ul li .title {padding-bottom:10px; line-height:1.25em}
#editorial ul li .text {overflow:hidden; height:37px; color:#666;line-height:1.45em; font-size:0.75em}

.podcast {clear:both; margin-left:10px; margin-right:10px; margin-bottom:15px;}
.podcast h2 {color:#006f9d; font-size:1.125em; font-weight:bold; padding-top:10px; padding-bottom:10px; border-top:#0093d1 3px solid; border-bottom:#e2e2e2 1px solid}
.podcast h2 .btn {position:absolute; padding-top:6px; right:10px}
.podcast ul {width:100%; overflow:hidden}
.podcast ul li {padding-top:13px; padding-bottom:13px;border-bottom:#e2e2e2 1px solid}
.podcast ul li .title {padding-bottom:10px; line-height:1.25em}
.podcast ul li .text {overflow:hidden; height:37px; color:#666;line-height:1.45em; font-size:0.75em}

#section {clear:both; margin-left:10px; margin-right:10px; margin-bottom:15px;}
#section h2 {text-align:right; padding-right:10px; padding-top:13px; padding-bottom:6px; background-color:#013952; height:25px; color:#e4ecf0; font-family:verdana; font-size:0.8em; font-weight:bold}
#section h2 a {color:#e4ecf0;}
#section ul {width:100%;}
#section ul li {clear:both; overflow:hidden; font-family:verdana; font-size:0.875em; padding-left:10px; padding-right:10px; padding-top:13px; background-color:#006f9d}
#section ul li a {color:#e4ecf0;}
#section ul li .left {float:left; width:48%; margin-right:5px; padding-bottom:12px; border-bottom:#5ca3c0 1px solid;  }
#section ul li .right {float:right; width:48%; margin-left:5px; padding-bottom:12px; border-bottom:#5ca3c0 1px solid}


#sns {text-align:center; margin-left:10px; margin-right:10px; margin-bottom:15px; padding-top:12px; padding-bottom:12px; border-top:#b3b3b3 1px dotted; border-bottom:#b3b3b3 1px dotted}
#sns .text {color:#013952; font-size:0.8em; font-weight:bold; padding-right:1.5%}
#sns img {padding-right:10px;}

#subscription {margin-left:10px; margin-right:10px; margin-bottom:15px;}
#subscription h2 {background-color:#a0aeb6; color:#fff; height:25px; text-align:center; padding-top:5px; padding-bottom:3px} 
#subscription .wrap {background-color:#f5f5f5; font-family:verdana; text-align:center; padding-top:5px; padding-bottom:10px}
#subscription .wrap .title {font-size:0.875em; color:#013952 ; font-weight:bold}
#subscription .wrap .text {font-size:0.875em; color:#666}



/*섹션메인 메뉴*/
.sectiontitle {clear:both;}
.sectiontitle h2{ padding-left:10px; float:left; color:#006f9d; font-size:1.3em; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.sectiontitle h2 a{  color:#006f9d; font-weight:bold;}
.sectiontitle .date { padding-right:10px; float:right; text-align:right; font-size:0.7em; font-family:verdana; color:#666 ; padding-top:18px}
.sectiontitle .wrap {width:100%; overflow:hidden; clear:both; height:40px; background-color:#f7f7f7; border-top:#0093d1 3px solid; border-bottom:#d2d2d2 1px solid}

nav     {display: block; margin:0;}
nav {height:35px; width:100%;background-color:#f7f7f7;  clear:both; padding:0;margin:0;}
nav .menu_nn{position:absolute; width:100%;text-align:left; z-index:1;height:1px; }
nav .menu_nn .menu_nn_l{position:relative;top:-35px;width:30px;height:30px;float:left; display:none; margin-left:5px;}
nav .menu_nn .menu_nn_r{position:relative;top:-35px;width:30px;height:30px;float:right; margin-right:5px;}
nav .menu_nn .menu_nn_l .portal_b_before {position:relative;width: 30px; letter-spacing: -1px; background: url('http://res.heraldm.com/kh_201209/mobile/images/btn_left2.png')no-repeat; height: 30px; font-size: 0px; vertical-align: middle; overflow: hidden; z-index:1;}
nav .menu_nn .menu_nn_r .portal_b_after  {position:relative;width: 30px; letter-spacing: -1px; background: url('http://res.heraldm.com/kh_201209/mobile/images/btn_right2.png') no-repeat; height: 30px; font-size: 0px; vertical-align: middle; overflow: hidden; z-index:1;}
 
.menu_sk {font-size:0.8em; font-family:verdana; height:40px;position:relative;width:85%;overflow:hidden;margin:0 20px 0 20px; z-index:5;}
.menu_sk li {display:inline; clear:both;overflow:hidden; position:relative;top:10px; padding-right:8px; padding-left:5px; border-right:#d2d2d2 1px solid;letter-spacing:-1px;}
.menu_sk li a {color:#666666;}
.menu_sk li.on a{color:#247acd; font-weight:bold;}




/*기사*/
#linemap {font-weight:bold; color:#006f9d;font-size:0.8em; font-family:verdana; padding-left:10px; padding-right:10px; padding-top:12px; padding-bottom:12px; border-bottom:#e2e2e2 1px solid}
#linemap a {color:#006f9d}

#detail {margin-left:10px; margin-right:10px; margin-bottom:15px; margin-top:15px;}
#detail h2 {font-size:1.5em; padding-bottom:15px}
#detail h3 {font-size:0.875em; font-family:verdana; padding-bottom:15px; color:#666} 
#detail .datefont {padding-bottom:15px; border-bottom:#e2e2e2 1px solid; clear:both; overflow:hidden}
#detail .datefont .date {float:left; color:#9f9f9e;font-size:11px; font-family:verdana; text-align:right}
#detail .datefont .font {float:right; padding-top:3px }
#detail .article {padding-top:15px; padding:bottom; color:#333; line-height:1.4em}
#detail .article .photo {margin-top:15px; margin-bottom:15px;padding-bottom:10px; border-bottom:#b3b3b3 1px dotted; font-family:"verdana", arial ; color:#666; font-size:0.7em; line-height:1.3em}
#detail .article .photo img {width:100%; padding-bottom:7px}
#detail .article .article_kor {padding-top:15px; font-family: "Malgun Gothic", "맑은 고딕", sans-serif, "dotum","돋움"; font-size:0.875em; line-height:1.6em}
#detail .article .byline {font-size:0.75em; color:#006f9d; padding-top:15px}
#detail .article .byline a {color:#333}

#share {margin-left:10px; margin-right:10px; margin-bottom:20x; margin-top:20px; border-bottom:#b3b3b3 1px dotted; border-top:#b3b3b3 1px dotted; padding-top:15px; padding-bottom:15px; text-align:center}
#share img {padding-right:3%}

#bilingual {background: none repeat scroll 0 0 #FFFFFF;position: relative; overflow: hidden; width: 94%; clear:both; margin-left:10px; margin-right:10px; margin-top:20px;height:163px;}
#bilingual h2 {text-align:left; color:#006f9d; font-size:1.125em; font-weight:bold; padding-top:10px; padding-bottom:10px; border-top:#0093d1 3px solid; border-bottom:#e2e2e2 1px solid; margin-bottom:15px}
#bilingual .s { background: none repeat scroll 0 0 #FFFFFF; display: block; position: absolute; width: 100%;height:163px; }

#bilingual ul li {font-size:0.875em; font-family:"verdana", "Malgun Gothic", "맑은 고딕", dotum, "돋움"; line-height:1.6em; padding-bottom:12px; background:url('../images/dot.png') no-repeat 0 10px; padding-left:10px;}
#bilingual ul li a {color:#333}



#adtext {clear:both;  margin-left:10px; margin-right:10px; margin-bottom:20px; margin-top:5px; padding-bottom:10px; padding-top:10px; padding-left:20px; background:url('../images/bg_ad.png') repeat-y 0 5px; background-color:#f3f3f3}
#adtext ul li {padding-bottom:5px; padding-left:15px; color:#013952; font-family:"verdana", "Malgun Gothic", "맑은 고딕", dotum, "돋움"; font-size:0.875em; background:url('../images/dot_ad.png') no-repeat 0 5px;  }
#adtext ul li a {color:#013952}

#adthumb {clear:both; overflow:hidden; text-align:center; margin-left:10px; margin-right:10px; margin-bottom:20px;background-color:#f3f3f3}
#adthumb h2 { font-family:verdana; color:#fff; height:20px; background-color:#a0aeb6}
#adthumb ul li {font-family:"verdana", "Malgun Gothic", "맑은 고딕", dotum, "돋움"; width:33%; padding-top:10px; padding-bottom:10px; display:inline; float:left }
#adthumb ul li .wrap { margin: 0px auto; clear:both; display:block; width:85px}
#adthumb ul li .text {color:#013952; font-size:0.75em; width:85px; overflow:hidden; padding-top:10px}

#bl {clear:both; overflow:hidden; margin-left:10px; margin-right:10px; margin-bottom:15px; margin-top:15px; text-align:center; background-color:#f5f5f5; color:#999; border-top:#d2d2d2 1px solid; border-bottom:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid;border-right:#d2d2d2 1px solid; font-family:"verdana"; font-size:0.7em; padding-top:10px; padding-bottom:10px }
#bl a {color:#666}


/*뉴스리스트*/
#sectiontitle {clear:both; margin-left:10px; margin-right:10px;}
#sectiontitle h2{float:left; width:60%; color:#006f9d; font-size:1.3em; font-weight:bold; padding-top:10px; padding-bottom:10px;}
#sectiontitle .date {width:40%; float:right; text-align:right; font-size:0.7em; font-family:verdana; color:#666 ; padding-top:18px}
#sectiontitle .wrap {width:100%; overflow:hidden; clear:both; height:40px; background-color:#f7f7f7; border-top:#0093d1 3px solid; border-bottom:#d2d2d2 1px solid}
#sectiontitle .wrap .smenu {float:left; width:80%; height:28px; overflow:hidden; color:#666;  font-size:0.875em  }
#sectiontitle .wrap .smenu ul {text-align:left; height:5px;}
#sectiontitle .wrap .smenu li {display:inline; clear:both;overflow:hidden; position:relative;top:10px; padding-right:5px; padding-left:5px; border-right:#d2d2d2 1px solid;}
#sectiontitle .wrap .smenu li a {color:#666;}
#sectiontitle .wrap .smenu .end {border:none}
#sectiontitle .wrap .btnl {float:left; padding-top:5px }
#sectiontitle .wrap .btnr {float:right; padding-top:5px}

#sectionlist {clear:both; margin-left:10px; margin-right:10px; margin-bottom:20px;}
#sectionlist img {float:left; padding-right:10px;}
#sectionlist ul {overflow:hidden;}
#sectionlist ul li {border-bottom:#d2d2d2 1px solid; padding-bottom:15px; padding-top:15px }
#sectionlist ul li .title {overflow:hidden; padding-bottom:7px; line-height:1.125em}
#sectionlist ul li .title a {color:#000}
#sectionlist ul li .date {font-size:0.7em; font-family:verdana; color:#666;padding-bottom:7px}
#sectionlist ul li .text {line-height:1.45em; font-size:0.75em}
#sectionlist ul li .text a {color:#666;}

#sectionpaging {text-align:center; margin-left:10px; margin-right:10px; margin-bottom:20px}
#sectionpaging span {padding:0 8px; font-size:0.7em; font-family:verdana; color:#666}
#sectionpaging span a {color:#666}
#sectionpaging img {vertical-align:middle}
#sectionpaging .on {font-weight:bold;text-decoration:underline}

/*메뉴*/
#menuwrap {clear:both; overflow:hidden; background-color:#f6f7f7; padding-left:10px; padding-right:10px; padding-bottom:50px; margin-bottom:15px; font-family:"verdana", "arial", "Malgun Gothic", "맑은 고딕", dotum, "돋움"; border-bottom:#0093d1 3px solid }
#menuwrap img {padding-right:10px; padding-top:3px }
#menuwrap h2 {clear:both; color:#0093d1; padding-bottom:15px; padding-top:10px; background:url('http://res.heraldm.com/kh_201209/mobile/images/line.png');background-repeat:repeat-x; background-position:left bottom;font-size:1.2em}
#menuwrap h2 a {color:#0093d1}
#menuwrap ul {width:100%; }
#menuwrap ul li {clear:both; padding-top:10px; font-size:0.9em ; }
#menuwrap ul li a {color:#666}
#menuwrap ul li .left {float:left;width:48%; margin-right:5px; padding-bottom:14px;  background:url('http://res.heraldm.com/kh_201209/mobile/images/line.png');background-repeat:repeat-x; background-position:left bottom;}
#menuwrap ul li .right {float:right;width:48%; margin-left:5px; padding-bottom:14px; background:url('http://res.heraldm.com/kh_201209/mobile/images/line.png');background-repeat:repeat-x; background-position:left bottom; }
#menuwrap .btnclose { position:absolute;right:0;  padding-top:10px;  }

/*20131010추가팟캐스트아이콘*/
#menuwrap .sicon {font-family:"verdana", "arial", "Malgun Gothic", "맑은 고딕", dotum, "돋움"; border-bottom:#0093d1 3px solid; font-size:0.8em; color:#666;  padding-bottom:15px; padding-top:10px; }
#menuwrap .sicon a {color:#666}
#menuwrap .sicon .pod {padding:1px 4px 0 5px}
#menuwrap .sicon .podt {color:#0093d1}
#menuwrap .sicon .dt {padding:2px 4px 0 0}
#menuwrap .sicon .app {padding:2px 4px 0 5px}



/*앱소개*/
.appwrap {clear:both; overflow:hidden;}
.appt {font-size:1.125em; color:#006f9d; font-family:verdana; padding-top:14px;  padding-bottom:14px; padding-left:10px; background-color:#f7f7f7; border-bottom:#d2d2d2 1px solid;clear:both; font-weight:bold }
.applist {clear:both; overflow:hidden; padding-top:15px; padding-bottom:15px; margin-left:10px; margin-right:10px; border-bottom:#d2d2d2 1px dotted; width:100%}
.appimg {float:left; padding-right:1%}
.downlist {float:left; text-align:left; padding-top:3px; }
.downlist li {font-size:0.9em; background:url('../images/dot_app.png') no-repeat 0 7px; padding-left:10px; color:#666; font-family:"verdana", "Malgun Gothic", "맑은 고딕", dotum, "돋움";padding-bottom:11px; }

.downlist li a {color:#666;}
.downlist li span {color:#006f9d}
.downlist li img {padding-left:2px }

/*검색결과*/
.searchbg {font-weight:bold; color:#006f9d;font-size:0.8em; font-family:verdana; padding-left:10px; padding-right:10px; padding-top:12px; padding-bottom:12px; border-bottom:#e2e2e2 1px solid; background-color:#f7f7f7}
.searchresult {color:#013952; clear:both;margin-top:15px;  margin-left:10px; margin-right:10px; margin-bottom:20px;}


/*푸터*/
#footer {padding-top:15px; height:110px; background-color:#f5f5f5; text-align:center; color:#999; border-top:#d3d3d3 1px solid; font-family:"verdana", "Malgun Gothic", "맑은 고딕", dotum, "돋움"; font-size:0.8em}
#footer a {color:#999}
#footer p {padding-top:10px; padding-bottom:10px}