@charset 'utf-8';

/* Reset */
html {overflow-y:scroll;}
body,h1,h2,h3,h4,h5,h6,div,p,span,strong,em,blockquote,pre,address,
ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,input,select,label,textarea,img,a{margin:0;padding:0;border:0px}
body{color:#666;font:12px/1.3 Dotum,'돋움',tahoma,sans-serif;}
ul,ol{list-style:none}
table{border-spacing:0;border-collapse:collapse;border:0}
img,input,select,textarea,button{vertical-align:top;color:#666}
select{border:1px solid #d5d6d0;font-size:11px;color:#666;font:12px/1.3 Dotum,'돋움',tahoma,sans-serif;}
legend,caption{position:absolute;overflow:hidden;visibility:hidden;height:0;z-index:-1}
hr{display:none}
a{text-decoration:none;color:#404040}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold}

/* Base */
label,input.button,input.submit ,input.image,button{cursor:pointer}
.ir{display:block;overflow:hidden;position:relative;z-index:-1;text-indent:-9999em} 


/* layout */
#wrap {width:100%;margin:0 auto;position:relative;z-index:10;}
#header {width:100%}
#header .section-01 .header-top {height:86px;position:relative;z-index:300;width:1000px;margin:0 auto}
#header .section-02 {position:absolute;z-index:200;width:100%}
#header .section-02 .gnb-sub {width:1000px;margin:0 auto}
#container {position:relative;width:100%;margin:0 auto;}
#container .section > .contents {position:relative;width:1000px;padding:0 28px;margin:0 auto;zoom:0;}
#footer {width:100%;height:80px;}
#footer .section-01 {width:998px;height:100%;position:relative;margin:0 auto;zoom:0;}
#footer .section-01:after{content:'';display:block;clear:both}

/* Header */
#header .header-top-wrap {border-bottom:4px solid #8d0a0a;}
#header .header-top-bg{position:absolute;z-index:100;width:100%;height:6px;background:url(../images/common/bg/transparent_gradient.png) repeat-X;}

#header .header-left .logo {padding:20px 0 0 25px;}
#header .header-right .part {position:absolute;left:230px;top:37px;font-size:16px;font-weight:bold;color:#354f63;padding-left:15px;border-left:1px solid #d9d9d9;line-height:16px}
#header .util {position:absolute;right:31px;top:12px}
#header .login-info {position:absolute;right:40px;top:45px;}

#header .section-01:after {content:'';display:block;clear:both}
#header .section-01 .header-left{float:left}
#header .section-01 .gnb {background:#8d0a0a}
#header .section-01 .gnb-list {width:1001px;margin:0 auto;max-height:50px;min-height:34px;}
#header .section-01 .gnb-list li {display:table-cell;vertical-align:middle;*zoom:1;*display:inline;height:100%;}
/*
#header .section-01 .gnb-list li:first-child a {border-left:1px solid #6e0001}
#header .section-01 .gnb-list li a {border-right:1px solid #6e0001}
*/
#header .section-01 .gnb-list li a {width:236px;*width:239px;}
/*
#header .section-01 .gnb-list.type-3 li a {width:321px;*width:319px;}
#header .section-01 .gnb-list.type-2 li a {width:488px;*width:490px;}
*/

#header .section-01 .gnb-list li a {display:block;padding:7px 5px;text-align:center;}
#header .section-01 .gnb-list li a {color:#ffffff;font-size:15px;font-weight:bold;}

#header .section-01 .gnb-list li {}
#header .section-01 .gnb-list li a {}
#header .section-01 .gnb-list li a span {*display:inline;*zoom:1;}
/* footer */
#footer .footer-left {width:170px;height:41px;float:left;padding:20px 0 0 25px;}
#footer .copyright {width:auto;height:27px;float:left;margin:24px 0 0 50px;font-size:11px; color:#999999;line-height:18px;text-transform:uppercase;}
#footer {border-top:1px solid #d4d4d4}

/* icons 
.icon {}
.icon.icon-home {width:12px;height:11px;}
.icon.icon-reply {width:16px;height:11px;margin-right:5px}
.icon.icon-dt {width:15px;height:12px;}
.icon.icon-dd {width:15px;height:12px;}
*/
.lnb dd .icon img {padding:3px 5px 0 0;*padding-top:0px;}
.lnb dt .icon img {padding:7px 5px 0 0;*padding-top:0px;}

/* subjects */
li.subject,
a.subject,
span.subject {display: inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/* select box */
.sbHolder{background-color: #fff;border: solid 1px #865026;font-family: Arial, sans-serif;font-size: 11px;font-weight: normal;height: 20px;position: relative;width: 115px;}
.sbSelector{display: block;height: 20px;left: 0;line-height: 20px;outline: none;overflow: hidden;position: absolute;text-indent: 10px;top: 0;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #999;outline: none;text-decoration: none;font-size: 11px;}
.sbToggle{background: url(../images/select-icons.png) 0 -116px no-repeat;display: block;height: 20px;outline: none;position: absolute;right: 0;top: 0;width: 30px;}
.sbToggle:hover{background: url(../images/select-icons.png) 0 -167px no-repeat;}
.sbToggleOpen{background: url(../images/select-icons.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url(./img/select-icons.png) 0 -66px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{background-color: #fff;border: solid 1px #cecece;list-style: none;left: -1px;margin: 0;padding: 0;position: absolute;top: 20px;width:100%;z-index: 1;overflow-y: auto;}
.sbOptions li{padding: 0 7px;}
.sbOptions a{border-bottom: solid 1px #eee;display: block;outline: none;padding: 5px 0 5px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #999;text-decoration: none;}
.sbOptions a:hover{color: #EBB52D;}
.sbOptions li.last a{border-bottom: none;}

.sbHolder {width:278px;margin-right:7px}