@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body, table, div, p {font-family:'Nanum Gothic';}
body {margin:0;padding:0;}
* {box-sizing: border-box;}
#wrap {width:1000px;height:auto;margin:auto;}

.top_title {width:100%;background:#e1e2e2;padding:12px 0;text-align:right}
.top_title .top_content {width:1000px;margin:0 auto;}
.top_title .top_content:after {content:' ';display:block;clear:both;}
.top_title .top_content .right-wrap {float:right;width:212px;}
.top_title .top_content .right-wrap.sl-login {width:612px;font-size:12px;height:20px;line-height:20px;}
.top_title .top_content .right-wrap.sl-login div {display:inline-block;padding-right:5px;vertical-align:top}
.top_title .top_content a {text-decoration:none;color:#000;font-size:12px;padding:0 12px;border-left:1px solid #444;float:left;}
.top_title .top_content a:hover {color:blue}
.top_title .top_content a:first-child {border:none;}

#header {position:relative;width:1000px;height:200px;margin:auto;}
#header h1 {margin:15px;}

/* GNB */
.gnb{position:relative;z-index:1;border:1px solid #080808;font-size:13px;height:33px;clear:both;background-color:#080808;background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);background:-moz-linear-gradient(top, #2e2d32, #0c0c0e);background:-o-linear-gradient(top, #2e2d32, #0c0c0e);background:-ms-linear-gradient(top, #2e2d32, #0c0c0e);background:linear-gradient(top, #2e2d32, #0c0c0e);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e)}
.gnb:before{content:"";display:block;background:#3e3e40;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:32px;left:-1px;right:-1px;background:#464d5d;opacity:.98;filter:alpha(opacity=98);height:0}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display:block;border-left:1px solid #3e3e40;border-right:1px solid #3e3e40;line-height:32px;padding:0 20px;color:#fff;position:relative}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;background:#080808;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:30px;padding-bottom:1px;background-color:#2f333b;background:-webkit-linear-gradient(top, #383c45, #0c0d0f);background:-moz-linear-gradient(top, #383c45, #0c0d0f);background:-o-linear-gradient(top, #383c45, #0c0d0f);background:-ms-linear-gradient(top, #383c45, #0c0d0f);background:linear-gradient(top, #383c45, #0c0d0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f)}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #424856;height:0;overflow:hidden}
.gnb.open ul ul{margin-top:6px}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#4b5265}
.gnb.open ul ul{padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}


#content {width:1000px;margin:0 auto;}
#content:after {content:' ';clear:both;display:table;}
#content .aside {float:right;width:200px;margin-left:20px;}
#content .contents {width:780px;float:left;}

#content .aside {}
#content .aside .aiside-wrap ul {padding:0;list-style:none;}
#content .aside .aiside-wrap {border:1px solid #e1e2e2;border-radius:10px;}

#content .aside .aiside-wrap li {padding:10px;border-top:1px solid #e1e2e2;}
#content .aside .aiside-wrap li:first-child {border:0;padding-top:0;}
#content .aside .aiside-wrap li a {text-decoration:none;color:#000;font-size:14px;}

#content .contents .list-table {width:100%;}
#content .contents .list-table .no {width:80px;}
#content .contents .list-table .title{width:580px;}
#content .contents .list-table .auth{width:120px;}

#content .contents .list-table {}
#content .contents .list-table th {padding:10px;font-size:14px;}
#content .contents .list-table td {text-align:center;border-top:1px solid #e1e2e2;padding:8px 0;font-size:12px;}
#content .contents .list-table td a {color:#000;text-decoration:none}
#content .contents .list-table .title-cont {text-align:left;}

#content .contents .pagging {width:750px;margin:20px auto;text-align:center;}
#content .contents .pagging a {text-decoration:none;padding:10px;font-size:16px;}

/* 보기 페이지 */
.view-header {font-size:12px;color:#fff;
background-color: #080808;
    background: -webkit-linear-gradient(top, #2E2D32, #0C0C0E);
    background: -moz-linear-gradient(top, #2e2d32, #0c0c0e);
    background: -o-linear-gradient(top, #2e2d32, #0c0c0e);
    background: -ms-linear-gradient(top, #2e2d32, #0c0c0e);
    background: linear-gradient(top, #2e2d32, #0c0c0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e);border-radius:5px;}
.view-header h2 {font-size:16px;margin:0;padding:10px 15px; border-bottom:1px solid #e1e2e2;}
.view-header p {margin:0;padding:10px 15px;background:#e1e2e2;color:#000;border-bottom:1px solid #AEAEAE}

.view-content {min-height:250px;}

.comment-wrap {background:#e1e2e2;border:1px solid #949494;box-sizing: border-box;padding:10px;}
.comment-wrap form > div.title {font-size:16px;font-weight:bold;margin:5px 0 8px;}
.comment-wrap form > div.title h3 {margin:0 0 5px;}
.comment-wrap form > div.title p {margin:0 0 10px;font-size:11px;}
.comment-wrap .textarea {float:left;width:605px;margin-right:15px;}
.comment-wrap .textarea textarea {width:605px;height:120px;box-sizing:border-box;padding:10px;}
.comment-wrap .cmt-btn {float:left;width:135px;}
.comment-wrap .cmt-btn button {width:100%;height:120px;line-height:120px;}
.comment-wrap .body:after {clear:both;content:' ';overflow:hidden;display:block;}

.cmt-info-wrap {}
.cmt-info-wrap .cmt-body {border-top:1px solid #e1e2e2;padding:10px 5px 15px;}


.cmt-list-wrap {padding:15px;}
.cmt-list-wrap ul,
.cmt-list-wrap li {list-style:none;padding:0;}
.cmt-list-wrap .cmt-info-wrap {padding:8px 0;border-bottom:1px solid #e1e2e2;}
.cmt-list-wrap .cmt-info-wrap small {font-size:11px;}
.cmt-list-wrap p {margin:0;font-size:12px;line-height:1.4;padding:8px;}


#vertical_box.long{border:0px !important;width:700px;min-height:200px !important;overflow:hidden;margin-bottom:10px;position:relative;}
#vertical_box.long .img_wrap{margin:10px;position:absolute;width:120px;height:25px;right:0px;top:5px;}
#vertical_box.long .img_wrap .left{float:left;width:70px !important;}
#vertical_box.long .img_wrap .right{margin-left:70px !important;text-align:right;font-size:12px}
#vertical_box.long .text_wrap{margin:10px;}
#vertical_box.long .list_wrap{margin:10px 20px 20px 20px;}
#vertical_box.long .list_wrap .list-box{margin-bottom:5px;}
#vertical_box.long .list-box div {padding:5px 0 0;}
#vertical_box.long span.title_txt{text-decoration:underline; margin-right:10px;display:inline-block;font-size:18px;color:rgb(0,136,204);font-weight:bold;}
#vertical_box.long span.title_url{color:rgb(155,187,89)!important;font-size:18px;font-weight:bold;text-decoration:none;}
#vertical_box.long p{margin:2px 0 0 0;}
/*#vertical_box.long p.text-margin{margin-bottom:5px;}*/

#vertical_box.wide{border:0px !important;width:700px;min-height:100px !important;overflow:hidden;margin-bottom:10px;position:relative;}
#vertical_box.wide .img_wrap{margin:0 10px;width:680px;height:20px;}
#vertical_box.wide .img_wrap .left{float:left;width:70px !important;}
#vertical_box.wide .img_wrap .right{margin-left:70px !important;text-align:right;}
#vertical_box.wide .text_wrap{margin:0 10px;padding:10px 0;}
#vertical_box.wide .list_wrap{margin:10px 20px 20px 20px;}
#vertical_box.wide .list_wrap .list-box{margin-bottom:5px;}
#vertical_box.wide span.title_txt{text-decoration:underline; display:block; margin-right:10px;font-size:18px;color:rgb(0,136,204);font-weight:bold;}
#vertical_box.wide span.title_url{color:rgb(155,187,89)!important;font-size:18px;font-weight:bold;}
#vertical_box.wide p{margin:2px 0 0 0;}
#vertical_box.wide p.text-margin{margin-bottom:5px;}