@charset "utf-8";

/* Reset */
a, abbr, acronym, address, applet, aside, article, b, big, blockquote, body, canvas, cite, code, del, details, dfn, div, em, html, i, iframe, img, ins, label, legend, kbd, object, p, pre, q, samp, small, span, strong, sub, sup, var, fieldset, form, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, center, command, datalist, embed, font, keygen, meter, output, progress, s, source, strike, tt, u, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}

/* Getting the new tags to behave */
audio, canvas, command, address, article, aside, datalist, details, figcaption, figure, footer, header, hgroup, menu, nav, section, embed, keygen, meter, output, progress, source, video{display:block}

[hidden], command, datalist, menu[type=context], rp, source{display:none}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
mark, rp, rt, ruby, summary, time {display:inline}

/* Global properties */
html,body{background-color:#f4f2f3;width:100%;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:Georgia,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;font-size:13px;line-height:1.4em;color:#444;*word-break:normal;-ms-word-break:normal}

a:link{-webkit-tap-highlight-color:#161616;text-decoration:none}
a:hover,a:active{outline:none;text-decoration:underline}
a,a:active,a:visited{color:#161616;text-decoration:none}
a:hover{color:#666;text-decoration:underline}

ol, ul, li{list-style:none}
blockquote, q{quotes:none}
table, td, th{padding:0;border:none;border-collapse:collapse;border-spacing:0}
hr{display:none}
img,input,select,textarea{vertical-align:middle}
html:first-child select{height:20px;padding-right:6px}

select, option{height:22px;vertical-align:middle;font-size:12px;color:#8b8b8b;border:1px solid #d4d4d4}
legend,dt{display:block;position:absolute;left:0;top:-5000px;*width:0;font-size:0;line-height:0;overflow:hidden}
:root legend{margin-top:-1px;font-size:0;line-height:0}
em,address{font-style:normal}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}

/* Common */
.mores{float:right;margin-top:7px}
.c_b{clear:both !important}
.bg_n{background:none !important}
.bd_n{border:0 !important}

.ft_t{float:left !important}
.ft_r{float:right !important}

.ta_center{text-align:center !important}
.ta_left{text-align:left !important}
.ta_right{text-align:right !important}

.va_top{vertical-align:top !important}
.va_middle{vertical-align:middle !important}
.va_bottom{vertical-align:bottom !important}
.va_baseline{vertical-align:baseline !important}

.fs_n{font-size:0 !important}
.fw_n{font-weight:normal !important}

.bold{font-weight:bold;}

/* Margin */
.mg_auto{margin:0 auto !important}
.mg_n{margin:0 !important}
.mg_rn{margin-right:0 !important}
.mg_10{margin:10px !important}
.mg_t10{margin-top:10px !important}
.mg_t15{margin-top:15px !important}
.mg_t20{margin-top:20px !important}
.mg_t50{margin-top:50px !important}
.mg_r10{margin-right:10px !important}
.mg_r13{margin-right:13px !important}
.mg_b10{margin-bottom:10px !important}
.mg_b15{margin-bottom:15px !important}
.mg_l5{margin-left:5px !important}
.mg_l10{margin-left:10px !important}
.mg_l20{margin-left:20px !important}
.mg_l50{margin-left:50px !important}
.mg_l60{margin-left:60px !important}
.mg_l70{margin-left:70px !important}
.mg_l130{margin-left:130px !important}

/* Padding */
.pd_n{padding:0 !important}
.pd_tn{padding-top:0 !important}
.pd_rn{padding-right:0 !important}
.pd_10{padding:10px !important}
.pd_t10{padding-top:10px !important}
.pd_t15{padding-top:15px !important}
.pd_r10{padding-right:10px !important}
.pd_b10{padding-bottom:10px !important}
.pd_l10{padding-left:10px !important}

/* Header */
#header .gnb{padding:0 15px;width:948px;height:133px;border-bottom:4px solid #0093d1}
#header .gnb .top{position:relative;top:6px;width:948px;height:22px;overflow:hidden}
#header .gnb .top .tmenu{float:left}
#header .gnb .top .tmenu li{display:inline;padding:0 4px 0 7px;height:11px}
#header .gnb .top .tmenu .li_start{padding-left:0 !important}
#header .gnb .top .umenu{float:right}
#header .gnb .top .umenu .li_start{padding-left:0 !important}
#header .gnb .top .umenu li{display:inline;padding:0 4px 0 7px;background:url('../images/default/tgap.gif') no-repeat 0 3px;height:22px}
#header .gnb .top .umenu .ticon{padding:0 0 0 2px !important;background:none !important}
#header .gnb .lnb{clear:both;margin-top:16px;height:60px}
#header .gnb .lnb .logo_top{float:left;width:318px;height:60px}
#header .gnb .lnb .medition {float:left; margin-top:27px; margin-left:25px}
#header .gnb .lnb .sledit {margin-left:345px; position:absolute; top:68px; z-index:999}
#header .gnb .lnb .sledit li{width:109px; height:19px;}


#header .gnb .lnb .ad_top{float:right;width:234px;height:60px}
#header .gnb .nav{clear:both;margin-top:12px;height:23px}
#header .gnb .nav menu{float:left;margin-right:15px}
#header .gnb .nav .menu_end{float:right;margin:0}
#header .gnb .nav menu menu{margin:0 0 0 10px !important}
#header .subbar{height:37px;background-color:#fbfbfb}
#header .subbar menu{float:left;margin:8px 0 0 15px;height:16px}
#header .subbar .date{float:left;margin:10px 0 0 214px;width:125px;height:12px;font-family:dotum;font-size:12px;color:#999}
/*
#header .subbar fieldset{float:right;margin:5px 15px 0 0;padding:2px 2px 4px 2px;width:242px;height:19px;border:1px solid #e7e7e7}
#header .subbar fieldset input{float:left;padding-top:2px;width:210px;height:18px;border:0;font-family:dotum;font-size:12px}
*/
#header .submenu{position:absolute;margin-top:-37px;z-index:100;width:978px;height:37px;background-color:#fbfbfb}
#header .submenu menu{float:left;margin-top:8px;padding:0 10px 4px 9px;height:14px;background:url('../images/default/gap_submenu.gif') no-repeat 100% 3px;font-size:12px;}
#header .submenu menu a {font-size:12px; color:#727d86; font-family:Helvetica,AppleGothic; font-weight:bold; text-decoration:none; }
#header .submenu .menu_end{padding-right:0 !important;background:none}
#header .submenu .close{float:right;margin:8px 15px 0 0}

/*search*/
.search_area {float:right;width:268px;background: url(../images/default/bg_search_box.gif) no-repeat left top;}
.search_area  .search_form {width:235px;float:left;}
.search_area  .search_form input {border:0;background: #fff;height:15px;font-size:12px;width:200px;margin:4px 0 0 4px;outline:0;}
.search_area  .btn_search {margin-left:4px;}

/* Footer */
#footer .category{margin:0 auto;padding:15px 0;width:948px;overflow:hidden}
#footer .category ul{float:left;margin-left:16px;width:100px}
#footer .category li{font-family:Helvetica,AppleGothic,Sans-serif;font-size:12px;color:#666}
#footer .category .item{font-family:Helvetica,AppleGothic,Sans-serif;font-size:13px;font-weight:bold;color:#000}
#footer .smenu{padding:10px 0 10px 42px;background-color:#fbfbfb;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;overflow:hidden}
#footer .smenu menu{float:left;padding-right:9px;margin-left:9px;border-right:1px solid  #969696;font-family:Helvetica,AppleGothic,Sans-serif;font-size:12px;color:#666;line-height:1em;letter-spacing:-0.5px}
#footer .smenu .menu_end{padding:0;border-right:0}
#footer .copy{height:110px;background:url('http://res.heraldm.com/kh_201209/images/default/logo_bottom.gif') no-repeat 15px 19px;overflow:hidden}
#footer .copy .familysite{position:relative;top:16px;left:145px;width:815px;overflow:hidden}
#footer .copy .familysite li{float:left;margin-right:6px;padding-left:7px;height:18px;background:url('http://res.heraldm.com/kh_201209/images/default/dot_3x4.gif') no-repeat 0 3px;font-family:Helvetica,AppleGothic,Sans-serif;font-size:11px;color:#444;line-height:1em}
#footer .copy .familysite li a {color:#444;}
#footer .copy .address{clear:both;position:relative;top:14px;left:145px;font-family:Helvetica,AppleGothic,Sans-serif;font-size:11px;color:#666;}
#footer .copy .copyright{clear:both;position:relative;top:10px;left:145px;font-family:Helvetica,AppleGothic,Sans-serif;font-size:11px;color:#666;}

/* AD */
.tbanner{margin:2px auto 11px auto;width:728px;height:90px;text-align:center;}
.lbanner{width:120px;overflow:hidden;}
.rside{width:120px;overflow:hidden;}

.rside .shoppingbox{width:118px;background:#fff;border:1px solid #d2d2d2;overflow:hidden;font-family:dotum;font-size:11px;color:#737373;line-height:1.2em}

.rside .shoppingbox .top{padding:7px 0 0 10px;height:22px;background:#eee;border-bottom:1px solid #d2d2d2;color:#737373;font-size:13px;}
.rside .shoppingbox .top span{color:#0093d1}

.rside .shoppingbox dl{clear:both;padding:10px 0;}
.rside .shoppingbox dd{float:left;margin:0 0 7px 5px;width:50px;font-size:11px;line-height:1.1em;letter-spacing:-1px;}
.rside .shoppingbox dd img{margin-bottom:5px;}
.rside .shoppingbox .bottom{clear:both;padding-top:7px;height:22px;background:#eee;border-top:1px solid #d2d2d2;color:#656565;font-size:11px;text-align:center;}