/* BASIC css start */
#hdWrap .blkbg { position: fixed; width: 100%; top: 0; background-color: #f9f9f9; zoom:1; padding-top: 7px; z-index:1000; height:21px;}
#hdWrap .blkbg:after { content: ""; display: block; clear: both; }
#hdWrap .blkbg .blkWrap { width: 1200px; margin: 0 auto; }

/* 최상단 LOGIN 있는 영역 시작 */
#hdWrap .blkbg .blkWrap .hd-link {float: left; }
#hdWrap .blkbg .blkWrap .hd-link { zoom: 1; overflow: hidden;}
#hdWrap .blkbg .blkWrap .hd-link li { float: left; padding-right: 20px; }
#hdWrap .blkbg .blkWrap .hd-link li a { color: #999;}
#hdWrap .blkbg .blkWrap .hd-link li a:hover { color: #1e1e1e;}
#hdWrap .blkbg .blkWrap .hd-link li span {color:#a0a0a0; font-weight: bold;}

#hdWrap .blkbg .blkWrap .hd-right {float: right; }
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 { zoom: 1; overflow: hidden; float:left;}
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li { float: left; padding-right: 20px; }
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li a { color: #999; }
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li a:hover { color: #1e1e1e; }
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li span {color:#a0a0a0; font-weight: bold;}

#hdWrap .blkbg .blkWrap .hd-right .hd-search { float: left; }
#hdWrap .blkbg .blkWrap .hd-right .hd-search a { color: #999;}
#hdWrap .blkbg .blkWrap .hd-right .hd-search a:hover { color: #a0a0a0;}
#hdWrap .blkbg .blkWrap .hd-right .hd-search .input-keyword { width: 100px; height: 14px; border:0; border-bottom: 1px solid #777; font-weight: bold; font-size:11px; margin-right: 3px; color:#a0a0a0; background: transparent; }



#hdWrap h1 { padding: 60px 0 0 0 ; display:block; text-align: center; }
#hdWrap h1 a.hd-logo img { width:280px; }


#hdWrap .hd-cs { text-align: center; color:#888; font-size:14px; padding-top:5px; }

.cs-right { float:right;  margin: 0 5px 5px 0; font-family: monospace; text-align:right; font-size:11px; line-height:14px;}

/* 카테고리 */
#hdWrap .gnb { background-color: #fff; border-top: 1px solid #D0D0D0; border-bottom: 2px solid #111; position: fixed; top: 165px; width: 100%; z-index: 100; }
#hdWrap .gnb .gnb-list{ zoom:1; width:1200px; margin:0 auto; }
#hdWrap .gnb .gnb-list:after { content: ""; display: block; clear: both; }
#hdWrap .gnb .gnb-list li { float:left; word-wrap: break-word; padding:0 23px; position:relative;}
#hdWrap .gnb .gnb-list li a { font-size:15px; color:#1e1e1e; display:block; line-height:36px; font-weight: bold; }
#hdWrap .gnb .gnb-list li a:hover { color:#a0a0a0;}
#hdWrap .gnb .gnb-list .gnb-event a { font-weight:bold;  }

/* 카테고리 서브메뉴 */
#hdWrap .gnb .gnb-list .subbox { border-bottom:1px solid #cecece; padding:15px 2px 5px; width:156px; background:url(/design/koeld/tem30/box_arrow.gif) no-repeat scroll center 0 #fff; z-index:99999;}
#hdWrap .gnb .gnb-list .subbox li {clear:both; padding:0 10px;}
#hdWrap .gnb .gnb-list .subbox li a{ font-size:13px; line-height:28px;}
#hdWrap .gnb .gnb-list .subbox li a:hover{color:#a0a0a0;}
#hdWrap .gnb .gnb-list .submenu1{ position:absolute; left:0; top:27px;}
#hdWrap .gnb .gnb-list .submenu2{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu3{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu4{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu5{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu6{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu7{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu8{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu9{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu10{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu11{ position:absolute; left:-20px; top:27px;}
#hdWrap .gnb .gnb-list .submenu12{ position:absolute; left:-20px; top:27px;}

/* BASIC css end */