rset "euc-kr";
html { .overflow:scroll; .overflow-x:auto; }
html,body { margin:0; padding:0; color:#333; }
body { color:#333; font-size:12px; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif; background:#fff; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
strong { font-weight:bold; }
button { margin:0; padding:0; border:none; cursor:pointer; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif; }
li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif;}
q:before,q:after{ content:''; }
abbr,acronym { border:0; font-variant:normal; }
hr { display:none; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input[type="button"],input[type="text"],input[type="image"] {-webkit-appearance:none;-webkit-border-radius:0;}
input[type="radio"]{ background-color:#fff; width:18px; height:18px; }
input[type="checkbox"]{ background-color:#fff; width:16px; height:16px; }
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox; }
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; }
textarea,input { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
textarea {resize:none; }
/* to enable resizing for IE */
input,textarea,select{ *font-size:100%; }
/* because legend doesn't inherit in IE */
label { cursor:pointer; }
a, a:link { color:#333; text-decoration:none; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif; }
a:visited { color:#333; }
a:hover, a:active { color:#333; text-decoration:none; }
/* float out */
.f_clear:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1px; }
.f_clear { display:block; min-height:1px; }
/* banner */
.main_banner { /*background-color:#efefef;*/ width:100%; overflow:hidden; text-align:center; margin-top:8px;}
.sub_banner { width:100%; overflow:hidden; text-align:center; padding-top:15px; }
.main_banner, .sub_banner a { display:block; width:100%; }
#daum_ad_banner {text-align:center;display:block;width:100%;position:absolute;height:50px;z-index:1000;} /*11.7.15~ */
.wrap { width:100%; }
#container { background:#fff; overflow:hidden; height:100%; }
/* header */
#header { position:relative; width:100%; background-color:#FFFFFF; vertical-align:bottom; } /*height:42px;*/
#header h1 { float:left; display:inline; width:121px;/*width:82px;*/ height:28px; margin:10px 3px 0 10px; background:url('http://img.hani.co.kr/section-image/mobile/hanilogo.gif') no-repeat; }
#header h1 a { display:block; width:82px; height:28px; text-indent:-3000em; }
#header h2 { float:right; height:15px; margin-top:25px;}
#header .snb {position:relative; z-index:2; margin:3px 0 0; background:url('http://img.hani.co.kr/section-image/mobile/bg_snb.gif') repeat-x left top; clear:both; background-color:#3c9a42;}
*html #header .snb { height:30px;}
#header .snb ul {padding:0px 0 0 0px; overflow:hidden;}
#header .snb li {position:relative; float:left; height:30px; background:url('http://img.hani.co.kr/section-image/mobile/bg_snb_bar2.gif') no-repeat left 0; white-space:nowrap;}
#header .snb li a {display:inline-block; height:25px; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px; padding:6px 10px 0 10px;}
#header .snb li.first {background:none;}
#header .snb li.first a {padding-left:11px;}
#header .snb li.selected {z-index:999;}
#header .snb li.selected a {background-color:#e1efe2; color:#000; height:22px; padding:5px 12px 2px 12px; margin:0 -2px 0 0; border:1px solid #3a9a41; border-bottom:none;}
#header .subMenu {clear:both; position:relative; z-index:1; margin:-1px 0 0 0; padding:0 0 3px; background-color:#e1efe2;border-bottom:1px solid #dbdbdb;}
#header .subMenu .menuWrap {padding:0 0 0 3px; }
.subMenu .menuWrap li {display:inline;}
.subMenu .menuWrap li a {display:inline-block; color:#333; height:21px; padding:8px 2px 2px; font-size:15px; white-space:nowrap; overflow:hidden;}
.subMenu .menuWrap li span {display:inline-block; color:#333; height:21px; padding:8px 2px 2px; font-size:15px;}
.subMenu .menuWrap .text {display:block; height:21px; padding:10px 0 0 6px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.subMenu .menuWrap .text strong {color:#c62b29; padding-right:3px;}
.subMenu .menuWrap li.selected a {color:#c82d29;}
#header .subMenu .menuWrap ul.homeTab {padding:0 10px 0 0;}
.subMenu .menuWrap ul.homeTab li {margin-right:1px;}
/*main list*/
#main_box { padding:10px 6px 0}
.topnews { padding-bottom:3px;}
.topnews dt { overflow:hidden;}
.topnews dt img{ border:1px solid #7e7e7e}
.topnews dd h3 {colr:#111; font-size:15px; font-weight:bold; padding:0 0 2px;}
.topnews dd h3 a{color:#111;}
.topnews dd{ text-align:left; font-size:12px; color:#666; line-height:1.3em; padding:3px 0 0;}
.topnews dd a { color:#666;}
.picnews { margin-top:6px}
.picnews dt{ float:left; width:75px; margin-right:10px;}
.picnews dt img{ border:1px solid #7e7e7e}
.picnews dd.title {float:left; width:72%; color:#111; font-size:15px; line-height:1.1; font-weight:bold; display:block;}
.picnews dd.title a{color:#111;}
.picnews dd.title_s {float:left; width:72%; color:#999; font-size:12px; line-height:1.3; padding-top:2px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.picnews dd.title_s a{color:#666;}
/*20110427 À纸¼±*/
.vote { background-color:#f9f9f9; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; margin:5px 0 10px; padding:8px 0 5px; }
.vote dt span { font-weight:bold; color:#367e10; padding-left:4px;}
.vote dt p{float:right; display:inline; position:relative; padding-right:8px;}
.vote dd table td { color:#333; width:72px; border: 3px solid #f9f9f9;}
.vote dd table tr.vote_zone td{ background-color:#b2b2b2; font-weight:bold; text-align:center; color: #FFF;}
.vote dd table tr.vote_grade {}
.vote dd table tr.vote_img td{ padding-bottom:2px;}
/*main list2
#main_list{ margin-top:10px; border-top:1px solid #dbdbdb; padding:10px 6px 0;}
.news a{ display:block; font-size:13px; color:#000; font-weight:bold; height:27px; background:url('http://img.hani.co.kr/section-image/mobile/bg_icon.gif') no-repeat 0 0; padding:0 0 0 30px; }
.news a span{ display:block; padding-top:5px;}
.special a{ display:block; font-size:13px; color:#000; font-weight:bold; height:24px; background:url('http://img.hani.co.kr/section-image/mobile/bg_icon.gif') no-repeat 0 -28px; padding:0 0 0 30px; }
.special a span{ display:block; padding-top:3px;}
.opini a{ display:block; font-size:13px; color:#000; font-weight:bold; height:24px; background:url('http://img.hani.co.kr/section-image/mobile/bg_icon.gif') no-repeat 0 -56px; padding:0 0 0 30px; }
.opini a span{ display:block; padding-top:3px;}
.esc a{ display:block; font-size:13px; color:#000; font-weight:bold; height:24px; background:url('http://img.hani.co.kr/section-image/mobile/bg_icon.gif') no-repeat 0 -109px; padding:0 0 0 30px; }
.esc a span{ display:block; padding-top:3px;}
.eco a{ display:block; font-size:13px; color:#000; font-weight:bold; height:24px; background:url('http://img.hani.co.kr/section-image/mobile/bg_icon.gif') no-repeat 0 -82px; padding:0 0 0 30px; }
.eco a span{ display:block; padding-top:3px;}*/
/*main list2*/
#main_list{ margin-top:10px; border-top:1px solid #dbdbdb; padding:10px 6px 0;}
.news a{ display:block; font-size:13px;font-family:'µ¸¿ò',Dotum; color:#333; font-weight:bold; height:27px;}
.news a span{ display:block; padding-top:5px; color:#000}
.news_list { position:relative; width:100%;}
.news_list_bg { width:100%; background:url('http://img.hani.co.kr/section-image/mobile/main_listBg.gif') repeat-x 0 0;}
.news_list_bg dt, .news_list_bg dd {padding:5px 0 5px; }
.news_list dl { width:100%; padding-top:5px; border-bottom:1px solid #d5d5d5; display:block;}
.news_list dt.photo { width:85px; float:left; display:block;}
.news_list dt{ width:50px; float:left; display:block; font-size:13px; font-family:'µ¸¿ò',Dotum; color:#000; font-weight:bold;}
.news_list dt a span{ display:block; padding-top:3px; color:#333}
.news_list dt a span:first-letter{color:#000}
.news_list dd { vertical-align:top; font-size:13px;}
.news_list dd a{ display:block; color:#555; padding:3px 0 3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.news_list .photo a{ display:block; width:80px; font-size:11px; color:#666; font-weight:normal; line-height:1.1em; letter-spacing:-1px;}
.news_list .photo img{display:block; margin-bottom:2px; width:75px; }
.text_list li {*height:1.6em;}
.text_list li a{ padding-top:0; vertical-align:top; line-height:1.6em; }
.news_list .right_plues { padding-top:12px;}
/*list style*/
.list_box { position:relative; margin:18px 0 0; width:100%;}
.list_box h3 { font-size:15px; margin:0 0 0 10px; color:#000; font-weight:bold; }
.right_plues { position:absolute; top:0; right:8px; font-size:12px; color:#666; padding:5px 0 0;}
.right_plues a { display:block; color:#666; font-size:12px; background:url('http://img.hani.co.kr/section-image/mobile/ico_more2.gif') no-repeat right 3px; padding:0 10px 0 0; margin:-3px 0 0;}
.list_box ul { border-top:2px solid #2b5eb1; margin:2px 0 0; overflow:hidden; height:100%; }
.list_box ul li { position:relative; border-bottom:1px solid #d5d5d5; font-size:14px; line-height:1.1em; cursor:pointer; }
*html .list_box ul li{ height:18px;}
.list_box ul li a { display:block; padding:11px 10px 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align:top;}
.list_box ul li a.multiLine {height:34px;}
.list_box ul li a em { color:#888; font-size:11px; margin:0 3px 0 0; }
.list_box ul li strong { color:#2b5eb1; padding-right:3px;}
.list_box ul li a img {}
.list_box ul li a span{display:inline-block; background:url('http://img.hani.co.kr/section-image/mobile/ico_pic.gif') no-repeat top left; width:13px; height:11px; padding-right:4px;}
*html .list_box ul li a span{ background-position:center left;}
*:first-child+html .list_box ul li a span{ padding-bottom:4px;}
.list_box ul.pic_list {text-align:center; padding:11px 6px 10px 6px; width:auto;}
.list_box ul.pic_list li { border:0; float:left; text-align:center;width:33%; font-size:11px; font-family:'µ¸¿ò',Dotum;}
.list_box ul.pic_list li a { display:block; padding:0; text-align:center; padding-left:6px; line-height:1.3em}
.list_box ul.pic_list img {border:1px solid #d9d9d9;}
.list_box ul.pic_list2 {text-align:center; padding:11px 6px 10px 6px; border-bottom:1px solid #d5d5d5; }
.list_box ul.pic_list2 li { border:0; float:left; text-align:center; padding-bottom:15px; font-size:11px; font-family:'µ¸¿ò',Dotum; }
.list_box ul.pic_list2 li a { display:block; padding:0; text-align:center; padding-left:6px; overflow:visible; line-height:1.3em }
.list_box ul.pic_list2 img {border:1px solid #d9d9d9; }
/*list_top*/
.list_box.top h3 { color:#c82d29; }
.list_box.top h3 a:link,.list_box.top h3 a:hover,.list_box.top h3 a:visited,.list_box.top h3 a:active { color:#c82d29; }
.list_box.top ul { border-top:2px solid #c82d29; }
/*list_app*/
.app li.first { color:#666; padding-top:0;}
.app { padding:0 5px 6px; }
.app li{padding:15px 0px 6px; overflow:hidden; cursor:none; }
.app li img {padding-top:10px; display:block; }
.app li.two { color:#c82d29;}
.app li span{ font-size:11px; color:#666; font-family:'µ¸¿ò',Dotum;}
.tab_ul { border-bottom:1px solid #c82d29; height:25px; margin-top:20px; font-size:12px;}
.tab_ul li { float:left; border:1px solid #dadada; height:20px; padding:3px 2px 0px; margin-right:3px; font-weight:bold; cursor:pointer; background-color:#e8e8e8;}
.tab_ul li.on {background-color:#c82d29; color:#fff; border:1px solid #c82d29; cursor:pointer}
.tab_ul li.on a{color:#fff; }
.list_box ul.app {border-top:0;}
.home { width:100%; height:30px; padding-top:8px; background-color:#f3f3f3; text-align:right;}
.home a{display:inline-block; padding:2px 6px 2px; border:1px solid #dddddd; text-align:center; box-shadow:1px 1px 0 #d3d3d3; -moz-box-shadow:1px 1px 0 #d3d3d; -webkit-box-shadow:1px 1px 0 #d3d3d3; background-color:#FFF;}
.home a.home_btn{margin-right:2px; }
.home a.top_btn{ margin-right:6px; background:url('http://img.hani.co.kr/section-image/mobile/ico_aw.gif') no-repeat 3px -31px; padding-left:13px; background-color:#FFF; }
.home2 { width:100%; margin-bottom:5px; text-align:right;}
.home2 a{display:inline-block; padding:2px 6px 2px; border:1px solid #fff; text-align:center; background-color:#FFF;}
.home2 a.top_btn{ margin-right:6px; background:url('http://img.hani.co.kr/section-image/mobile/ico_aw2.gif') no-repeat 3px -32px; padding-left:13px; background-color:#FFF; }
/* pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{ position:relative; color:#323232; font:bold 12px µ¸À½,Dotum, Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff; z-index:2;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8;}
.pagination strong{ color:#ff7635;}
.pagination .direction{ font-weight:normal; color:#404040; text-decoration:none !important; border:0; z-index:1;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ color:#323232; background-color:#fff;}
.pagination .prev{ border-left:0;}
.pagination .next{ border-right:0;}
.pagination .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:3px;*top:2px;}
.pagination .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
.pagination .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px;}
/* view Image, Header,Content,Bottom */
.viewImage {text-align:center; }
.viewImage p {position:relative; display:inline-block; text-align:center; *display:inline; }
.viewImage p strong {position:absolute; right:0; bottom:0; width:24px; height:24px; display:block; overflow:hidden; cursor:pointer;}
.viewImage p strong.img_p {background:url('http://img.hani.co.kr/section-image/mobile/icon_p.gif') no-repeat 0 0; text-indent:-3000em;}
.viewImage p strong.img_m {background:url('http://img.hani.co.kr/section-image/mobile/icon_m.gif') no-repeat 0 0; text-indent:-3000em;}
.viewImage span{display:block; margin: 0 auto; padding:2px 20px 10px; color:#888; font-size:11px; font-family:'µ¸¿ò',Dotum; line-height:1.3em;}
.viewImage span a{ color:#888;}
.viewH {padding:10px 10px 0; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; margin-top:10px;}
.viewH .btn {text-align:left; margin-bottom:10px; position:relative;}
.viewH .btn span {float:right;}
.viewH .btn span a.me2day{position:absolute; right:61px; bottom:0; display:block; width:72px; height:20px; cursor:pointer;}
.viewH .btn span a.twitter{position:absolute; right:0; bottom:0; display:block; width:61px; height:20px;cursor:pointer;}
.viewH .btn a.text_plus {height:17px; display:inline-block; text-align:center; border:1px solid #bdbdbd; padding:0 5px; color:#333; font-size:13px; cursor:pointer;}
.viewH h3 {font-weight:bold; font-size:17px; display:block; color:#000; margin:0 0 5px 0; line-height:1.3;}
.viewH h4 {font-size:13px; line-height:1.3em; color:#666;font-weight:bold;}
.viewH h4 em.date {display:block;font-size:11px; text-align:right; color:#999; padding-top:3px; }
.viewH h4 em.date span.btn_kisa{ height:15px; display:inline-block; border:1px solid #bdbdbd; padding:0 5px; margin-bottom:2px; color:#333; font-size:13px; cursor:pointer;}
.viewC {padding:20px 10px; border-top:1px solid #f4f4f4;}
.viewC .viewImage {margin:0 0 10px 0;}
.viewC .viewText {width:100%; font-size:15px; line-height:1.5em; margin:0 0 10px 0;}
.viewC .ensmall-viewText {font-size:13px;}
.viewC .ensmaller-viewText {font-size:11px;}
.viewC .enlarge-viewText {font-size:17px;}
.viewC .enlarger-viewText {font-size:19px;}
.viewC .viewText *, .viewC .enlarge-viewText * {line-height:1.5em;}
.viewC .viewText table, .viewC .enlarge-viewText table {width:100% !important;border-collapse:collapse;}
.viewC .viewText .viewImage, .viewC .enlarge-viewText .viewImage {margin:10px 0;}
.viewC .enlarge-viewCorrect, .viewC .enlarge-viewIsolation {margin:20px 0 0; font-size:14px; color:#999; line-height:1.8em;}
.viewC .btn {text-align:center; margin:10px 0 0;}
.viewC .btn a {height:21px; display:inline-block; text-align:center; background:url('http://img.hani.co.kr/section-image/mobile/bg_dut.gif') repeat-x left top; border:1px solid #bdbdbd; padding:5px 7px 0; color:#000; font-size:13px;}
.viewC .btn em{ color:#FF0000;}
.viewC .viewImage span{ line-height:1.3em;}
.viewB{position:relative; text-align:left; background-color:#f3f3f3; border-bottom:1px solid #d4d4d4; border-top:1px solid #d5d5d5; margin-bottom:10px; padding:6px 6px 6px 6px;}
.viewB .list_btn {}
.viewB .list_btn span {float:right; position:relative; }
.viewB .list_btn a.btn_pre{display:inline-block; padding:3px 6px 3px 15px; border:1px solid #dddddd; background:url('http://img.hani.co.kr/section-image/mobile/ico_aw.gif') no-repeat 0 3px; background-color:#FFFFFF; margin-right:2px; color:#666;}
.viewB .list_btn a.btn_next{ bottom:6px; display:inline-block; padding:3px 15px 3px 6px; border:1px solid #dddddd; background:url('http://img.hani.co.kr/section-image/mobile/ico_aw.gif') no-repeat right -14px; background-color:#FFFFFF; color:#666; }
.viewB .list_btn a.btn_list{position:absolute; left:6px; bottom:6px; display:inline-block; padding:3px 15px 3px 6px; border:1px solid #dddddd; background:url('http://img.hani.co.kr/section-image/mobile/ico_aw.gif') no-repeat right -31px; background-color:#FFFFFF; color:#333;}
/* login */
#login_box { padding:15px 10px 0px; }
#login_box h2 { margin-bottom:5px; font-size:130%; color:#111; font-weight:bold; }
#login_area { position:relative; border:1px solid #bcbcbc; background:#f4f4f4; padding:10px 15px 15px; }
#login_area .login { position:relative; clear:both; margin-bottom:6px; padding-right:104px; text-align:left; }
#login_area .login .input { display:block; margin-bottom:6px; border:1px solid #bcbcbc; background:#FFFFFF; overflow:hidden; }
#login_area input[type=text],
#login_area input[type=password] {ime-mode:disabled; width:100%; height:23px; padding:7px 7px 0; color:#333333; -webkit-border-radius:0; border:none; background:#FFFFFF url('http://img.hani.co.kr/section-image/mobile/bg_input.gif') no-repeat;}
#login_area input#ID { ime-mode:disabled; background-position:0 0; }
#login_area input#PW { background-position:0 -30px; }
#login_area input.focus { ime-mode:disabled; background-image:none; background-color:#FFFFFF; }
#login_area .login_btn { position:absolute; top:0; right:0; padding:0; width:100px; height:32px; border:1px solid #bcbcbc; font-size:105%; letter-spacing:-1px; text-align:center; box-shadow:1px 1px 0 #d3d3d3; -moz-box-shadow:1px 1px 0 #d3d3d; -webkit-box-shadow:1px 1px 0 #d3d3d3; }
#login_area .check { position:absolute; top:0; right:0; padding:0; width:100px; vertical-align:bottom; padding-top:10px;}
#login_area .check input { vertical-align:bottom; background-color:#f4f4f4;}
#login_area .check label { font-size:100%; color:#767676; }
#login_area .text1{ font-size:11px;font-family:'µ¸¿ò',Dotum; line-height:1.3em; color:#767676; margin:10px 0 4px; }
#login_area .text2{line-height:1.3em; padding-top:5px; border-top:1px dashed #bcbcbc;}
#login_area .text2 a{ color:#009933}
/****** FOOTER ******/
#footer { width:100%;text-align:center; font-size:15px; }
#footer .foot_wrap { padding:20px 0 20px 0;}
#footer p.ft2 a {display:inline-block;width:61px;height:28px;line-height:28px;background:#ddd url('http://img.hani.co.kr/section-image/mobile/bg_btn01.gif') no-repeat 0 0;font-size:13px;letter-spacing:-1px;}
#footer p.ft2 a.lk2 {width:90px;background-position:0 -32px;}
#footer p.copyright { width:100%; margin-top:12px; font-size:11px;}
#footer p.copyright span {display:block; width:100%; color:#666; padding-bottom:3px;}
#footer p.copyright span a{color:#888;}
/* WEB */
* html #footer button { margin:0 1px; padding:0; }
*:first-child+html #footer button { margin:0 1px; padding:0; }