@charset "UTF-8";

/*********************/
/*board  width : %		 */
/*********************/
 .wrest {width:auto;}
.board .wp5 {width:5%;}
.board .wp7 {width:7%;}
.board .wp10 {width:10%;}
.board .wp13 {width:13%;}
.board .wp15 {width:15%;}
.board .wp20 {width:20%;}
.board .wp25 {width:25%;}
.board .wp30 {width:30%;}
.board .wp35 {width:35%;}
.board .wp40 {width:40%;}
.board .wp45 {width:45%;}
.board .wp50 {width:50%;}
.board .wp55 {width:55%;}
.board .wp60 {width:60%;}
.board .wp65 {width:65%;}
.board .wp70 {width:70%;}
.board .wp75 {width:75%;}
.board .wp80 {width:80%;}
.board .wp85 {width:85%;}
.board .wp90 {width:90%;}
.board .wp95 {width:95%;}
.board .wp99 {width:99%;}
.board .wp100 {width:100%;}

/*********************/
/*board  width : px 			 */
/*********************/
.board .wpx55 {width:55px;}
.board .wpx60 {width:60px;}
.board .wpx70 {width:70px;}
.board .wpx80 {width:80px;}
.board .wpx82 {width:82px;}
.board .wpx100 {width:100px;}
.board .wpx110 {width:110px;}
.board .wpx130 {width:130px;}
.board .wpx150 {width:150px;}
.board .wpx184 {width:184px;}
.board .wpx199 {width:199px;}
.board .wpx210 {width:210px;}
.board .wpx299 {width:299px;}
.board .wpx300 {width:300px;}
.board .wpx320 {width:320px;}
.board .wpx330 {width:330px;}
.board .wpx340 {width:340px;}
.board .wpx379 {width:379px;}
.board .wpx550 {width:550px;}
.board .wpx595 {width:595px;}
.board .wpx600 {width:600px;}
.board .wpx738 {width:738px;}
.board .wpx770 {width:770px;}
.board .wpx820 {width:820px;}

/*********************/
/* common 			 */
/*********************/
.ko.board,
.ko.board pre,
.ko.board input, 
.ko.board select, 
.ko.board textarea, 
.ko.board button {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', '애플고딕', '돋움', '굴림';font-size:18px;font-weight:normal;line-height:24px;     letter-spacing: -0.045em;}

.en.board {color:#222222;}
.en.board,
.en.board pre,
.en.board input, 
.en.board select, 
.en.board textarea, 
.en.board button  
{font-family:'Lato', 'Lucida Sans Unicode', 'Lucida Sans Grande', 'Arial', 'sans-serif', '애플고딕', 'Dotum', '돋움', 'Gulim', '굴림';font-size:18px;font-weight:400;line-height:24px;letter-spacing: -0.02em;}

.zh.board { color:#454545; } 
.zh.board,
.zh.board pre,
.zh.board input, 
.zh.board select, 
.zh.board textarea, 
.zh.board button 
{font-family:'微软雅黑', 微软雅黑, 'Microsoft Yahei', Microsoft Yahei,  'Helvetica', 'Arial', 'sans-serif';
font-size:18px;font-weight:300;line-height:24px;letter-spacing: -0.045em;}

.zh.board { color:#454545; } 
.ja.board,
.zh.board pre,
.zh.board input, 
.zh.board select, 
.zh.board textarea, 
.zh.board button 
{font-family: "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Osaka', 'Meiryo', "メイリオ", sans-serif;
font-size:18px;font-weight:300;line-height:24px;letter-spacing: -0.045em;}


div.board { width: 100%; color: #7f7f7f;}
div.board a { color: #222222; }

.board form legend, .board .hidden,.write-box .hidden { position: absolute !important; text-indent: -99999px; width:0 !important; height: 0 !important;top:-99999px;left:-99999px;}
.board .inb { display: inline-block; }

.board p { margin-top: 6px; }

input.dark { background-color: #eeeeee !important; }

#toast-container {font-family:'Nanum Gothic', '나눔고딕' ;font-size:18px;font-weight:normal;line-height:24px;}

.board .deleted, .board .deleted * { text-decoration: line-through !important; color: #999999 !important;}

.file-icon { background: url("../img/file_icon.png") no-repeat; padding-left: 30px; }  
.file-icon.bmp { background: url("../img/attach_bmp.gif") no-repeat 0 2px;  }  
.file-icon.doc { background: url("../img/attach_doc.gif") no-repeat 0 2px;  }  
.file-icon.docx { background: url("../img/attach_docx.gif") no-repeat 0 2px;  }  
.file-icon.gif { background: url("../img/attach_gif.gif") no-repeat 0 2px;  }  
.file-icon.hwp { background: url("../img/attach_hwp.gif") no-repeat 0 2px;  }  
.file-icon.jpg { background: url("../img/attach_jpg.gif") no-repeat 2px;  }  
.file-icon.pdf { background: url("../img/attach_pdf.gif") no-repeat 0 2px;  }  
.file-icon.png { background: url("../img/attach_png.gif") no-repeat 0 2px;  }  
.file-icon.ppt { background: url("../img/attach_ppt.gif") no-repeat 0 2px;  }  
.file-icon.pptx { background: url("../img/attach_pptx.gif") no-repeat 0 2px;  }  
.file-icon.txt { background: url("../img/attach_txt.gif") no-repeat 0 2px;  }  
.file-icon.xls { background: url("../img/attach_xls.gif") no-repeat 0 2px;  }  
.file-icon.xlsx { background: url("../img/attach_xlsx.gif") no-repeat 0 2px;  }  
.file-icon.zip { background: url("../img/attach_zip.gif") no-repeat 0 2px;  }  

.captcha.captchaRefresh {background: url("../img/captcha_refresh.png") no-repeat ;width: 16px; height: 16px; display: inline-block;} 
.captcha.captchaSound {background: url("../img/captcha_volume.png") no-repeat ;width: 16px; height: 16px; display: inline-block;}

.q-icon{ background: url("../img/icon_q.gif") no-repeat 5px 10px }
.a-icon{ background: url("../img/icon_a.gif") no-repeat 5px 10px }


.tagit-autocomplete.ui-menu .ui-menu-item { line-height: 24px; }
ul.tagit li.tagit-choice { line-height: 40px !important;}
ul.tagit-autocomplete.ui-widget-content { padding:5px; }

pre  {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/*****************************/
/* button, input, select	 */
/*****************************/
.board input.calendar {background : url("../img/btn_calender.png") no-repeat scroll 95% 50%; width: 135px; cursor: pointer;}

.board input[type="text"],.board input[type="password"] { border: 1px solid #c5c5c5; color: #454545; font-size: 18px; height: 38px; padding: 0 0 0 5px; }

.ui-selectBox { padding-right: 30px; cursor: pointer !important;}

.board button { cursor: pointer; }

.ui-selectBox-option { font-family:'Nanum Gothic', '나눔고딕' ;font-size:18px;font-weight:normal;line-height:24px; cursor: pointer;}

.board #search_val { width: 270px; }

.board input.file-prev-view { width: 500px; } /* 첨부 파일 미리 보기 */

.board button.btn_attach_select { /* 첨부 파일선택 버튼 */
    cursor: pointer;
    background-color: #656d78;
    display: inline-block;
    height: 39px;
    line-height: 39px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    padding: 0 15px;
    border: none;
}

.board input[type=file] { /* 첨부 파일 감추기 */
    width: 70px;
    height: 39px;
    margin-left: 2px;
    position: absolute;
    opacity: 0.0;
    filter: Alpha(opacity=0);
}

/***********************/
/* width - % */
/***********************/
.board .wp100 { width: 100%; }

/***********************/
/* common board search */
/***********************/

.board .search {border: 1px solid #cccccc; margin: 40px 0 20px; padding: 30px 0; text-align: center;  width: 100%;}

.board .search label { position: absolute; text-indent: -99999px; }

/* 쓰지 않는 컨트롤은 히든 처리 */
.board .search a.all, .board .search .sr-date { display: none; }

.board .search button.submit {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    background: url('../img/icon_search.gif') no-repeat;
    padding: 5px 0 5px 22px;
    border: none;
    height: 40px;
    vertical-align: middle;
    background-color: #656d78;
    background-position: 15px 12px;
}

/*********************/
/* common board list */
/*********************/
.board .list-box .summary { display: none; }

.board .list-box ul { position:relative; border-top: 2px solid #656D78; width:100%}
.board .list-box ul li { position:relative; padding: 25px 25px 25px 0px; border-bottom: 1px solid #dedede;}
.board .list-box ul li.top-notice { background: #f7f7f7 url(../img/top-notice-ico.png) no-repeat 26px 32px; }
.board .list-box ul li.top-notice dd.reg-date { margin-left: 50px; }
.board .list-box ul li.list_none { text-align:center; }

.board .list-box dd, .board .list-box dd span { display: inline-block;}
.board .list-box dt { position: absolute; text-indent: -99999px; }
.board .list-box dd.reg-date, .board .list-box dd.click-cnt { margin-left:5px; padding-right: 10px; background: url(../img/seperator.png) no-repeat right center; }
.board .list-box dd.title { font-weight: 800; font-size:24px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board .list-box dd.number { text-align: right; width: 40px; }
.board .list-box dd.title, .board .list-box dd.text { display: block; margin-left:50px; margin:5px 0 5px 50px; }
.board .list-box dd.text { color: #515151; }
.board .list-box .click-cnt { position: static; display: inline-block; text-indent: 0; margin-left:5px; }
.board .list-box .writer, .board .list-box .state { display: none; }
.board .list-box .attach-ico { position:relative; top: 3px; left:5px; width: 16px; height: 16px; background: url(../img/attach.png) no-repeat center center; }
.board .list-box .new-ico { position:relative; top: 3px; left:5px; width: 16px; height: 16px; background: url(../img/new-ico.png) no-repeat center center; }
.board .list-box .new-ico span, .board .list-box .attach-ico span { position: absolute; text-indent: -99999px; }
.board .list-box .secret-ico { width: 16px; background: url(../img/secret.gif) no-repeat center center; text-indent: -99999px;}

.board .list-box .adm-chk { margin-bottom: 10px; }
.board .list-box .article-chk { position: absolute; left: 25px; top: 60px;}
.board .list-box .depth-1 { padding-left: 20px; }
.board .list-box .depth-2 { padding-left: 40px; }
.board .list-box .depth-3 { padding-left: 80px; }
.board .list-box .depth-4 { padding-left: 100px; }
.board .list-box .depth-5 { padding-left: 120px; }
.board .list-box dt.cust-title { display: inline-block; position: static; text-indent: 0px;}
.board .list-box .r-bar { margin-left:5px; padding-right: 10px; background: url(../img/seperator.png) no-repeat right center; }

/***************************/
/* common board button box */
/***************************/
.board .btn-box { text-align:center; padding: 20px 0;}
.board .admin-btn{display:inline-block;}

/***************************/
/* common board pager box  */
/***************************/
.board .paginate { margin-top: 50px; text-align: center; }

.board .paginate a, .board .paginate span.active {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    color: #333;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 -2px 0 -3px;
    width: 30px;
}
.board .paginate span.active { border: 1px solid #122139; }

.board .paginate a:hover, .board .paginate span.active {
    background-color: #122139;
    color: #fff;
    font-weight: bold;
}
.board .paginate a.first, .board .paginate a.prev, .board .paginate a.next, .board .paginate a.last {
    text-indent: -9999px;
}
.board .paginate a.first {
    background: url("../img/icon_page.gif") no-repeat scroll 0 0;
    margin-right: 3px;
}
.board .paginate a.prev {
    background: url("../img/icon_page.gif") no-repeat scroll -30px 0;
    margin-right: 8px;
}
.board .paginate a.next {
    background: url("../img/icon_page.gif") no-repeat scroll -60px 0;
    margin-left: 7px;
}
.board .paginate a.last {
    background: url("../img/icon_page.gif") no-repeat scroll -90px 0;
    margin-left: 2px;
} 


/*****************************/
/* common board write  */
/*****************************/
.board .write-table { border-collapse: separate; border-spacing: 0; border-top: 2px solid #656d78; table-layout: fixed; width: 100%; line-height:24px;}
.board .write-table .label-col { width: 15%; }
.board .write-table .th { color:#111; background-color: #f7f7f7; border-bottom: 1px solid #dedede;  border-right: 1px solid #dedede; text-align: center; }
.board .write-table .td { border-bottom: 1px solid #dedede; color: #454545; font-size: 18px; padding: 10px 15px; }
.board .write-table #articleTitle { width: 99%; }
.board .write-table #articleText, #articleReply  { width: 99%; }
.board td.attach li { padding-top:6px; margin-top: 12px; border-top:1px solid #dddddd; }
.board td.attach label.img-alt { padding-right:10px; } 
.board td.attach .del li { padding: 0 0 12px; margin-top: 12px;  border-top:none; border-bottom:1px solid #dddddd; } 
.board .file-alt { width:503px; }
.board .attach-data button.txt-btn { min-width: 52px;}
.board .attach-data.del { margin-bottom:10px; }
.board .write-table li.deleted { text-decoration: line-through; color: #999999;}
 
/*****************************/
/* common board reply write  */
/*****************************/
 .board .reply-write .write-table { border-top: 0;}
 
/*****************************/
/* common board view
/*****************************/
span.order-dt { color: #aaaaaa;}
.board .view-box { position:relative; border-top: 2px solid #656d78; line-height:36px; padding: 15px 20px;}

.board .view-box.attach {border-top: 1px solid #dedede; padding: 5px 20px; }
.board .view-box.contents {border-top: 1px solid #dedede; padding: 60px 20px 60px 20px;}


.board .view-box.pre {border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 15px 0 15px 20px; color: #111111;}
.board .view-box.next {border-top: 1px solid #dedede; padding: 15px 0 15px 20px; color: #111111;}

.board .view-box dt.inb, .board .view-box dd.inb { display: inline-block; width: auto; position: relative; margin:0;} 
 
.board .view-box dt { position: relative; display: inline-block; width:10%; vertical-align: top;}
.board .view-box dd { position: relative; display: inline-block; width:85%; }

.board .view-box  dt.v-cnt { background:url(../img/seperator.png) no-repeat left center; padding-left:10px; margin-left:10px; }
.board .view-box .title { font-size: 24px; letter-spacing:-1.5px; font-weight: bold; color:#333333; }
 
.board .view-box .category { color:#ef4836; }
.board .view-box dd.title { position: relative; display: block; margin: 0; width: auto; }

.board .view-box dd.attach-warp  {position: relative; margin: 0; width: auto;   }
.board .view-box dd.article-text  {position: relative; margin: 0; width: 100%; color: #454545;  }
.board .view-box dd.article-text div.pre {     word-wrap: break-word; }

.board .view-box div.img-in-view { text-align: center; }
.board .view-box div.img-in-view img { margin: 20px 0; vertical-align: middle; max-width: 90%; }

.board.view dl.custom dt, .board.view dl.custom dd {padding: 10px 0 10px 20px; border-top: 1px solid #dedede; }
.board.view dl.custom dt { position: absolute; width: 150px; background: url(../img/seperator.png) no-repeat right center;}
.board.view dl.custom dd { margin-left:150px; padding-left: 40px; }

/*****************************/
/* common board reply view
/*****************************/
.board p.reply { height: 48px; text-align: center; font-weight: bold; color: #ffffff; background-color:#656D78; margin:0; line-height:48px;}
.board .view-box.reply { border-top:0; padding: 15px 0 15px 20px;}
.board .view-box dt.reply-nm { background: url(../img/seperator.png) no-repeat left center; padding-left: 10px; margin-left: 10px; font-weight: bold; color:#111111; }
.board .view-box dd.reply-nm { font-weight: bold; color:#111111; }

.board .password-box { width: 560px; height: 150px; margin: 0 auto;  border: 3px solid #eeeeee; padding: 20px;}
.board .password-box h4 { text-align: center; }
.board .password-box .pwd {margin-top: 50px;}

/* 기능 */
.underline{text-decoration: underline;}

/*정렬할 번호 label*/
label.orderNoUserInfo{padding-left:10px; color:red;}








/* 개발자 퍼블리싱 */
.board-list-box .article-chk { position: absolute; left: 0px; top: 25px;}
.adm-chk{margin-top: 20px;}
.btn-box{text-align: right; margin-top: 20px;}
.no_dp{display: none;}
.through_text{text-decoration: line-through;}
.pos_r_60{right:60px !important;}
.pos_r_110{right:110px !important;}
.finger{cursor: pointer;}

.board-list-box ul li.deleted, .table-scroll-box .tbl-list .deleted{text-decoration: line-through;}

.board-list-box .list_none{text-align: center;}
.board-write-box > ul > li > .frm .attach-file-list li.deleted {text-decoration: line-through;}
.board-write-box > ul > li > .frm .file-list li{margin-top:10px;}
.board-write-box > ul > li > .frm .file-list li input[type=file]{vertical-align: -webkit-baseline-middle;}

.reply-write-box p.reply{margin-top: 30px; text-align: center; font-size: 1.5em; border-top: solid 1px #ababab; background: #f8f8f8;line-height: 45px;font-weight: 700;}

/*****************************/
/* button, input, select	 */
a.txt-btn{line-height: 2.257em; vertical-align: top; font-size:14px;}
.txt-btn { 
	display: inline-block; padding: 0 1.429em; box-sizing: border-box; background: #fff; border: solid 1px #5c1e29; text-align: center;
    min-width: 5.714em; border-radius: 3px; color: #111111; font-weight: 700; line-height: 2.357em;
}

.txt-btn.gray   { background: #4e4f54;border-color: #36373c;color: #fff;}
.txt-btn.on   { background-color: #6d2633; border: solid 1px #5c1e29; color: #fff; }
.txt-btn.on:focus{border: 3px dotted #999;}
.txt-btn.red { background-color: #EF4836; border: 1px solid #EF4836; color: #ffffff; }
.txt-btn.sm  {color:#fff; background-color:#06305d; font-size: 14px !important; font-weight: normal; min-width: 0; padding: 0 10px !important; line-height: 24px !important;}
.txt-btn.sm.on { background-color: #656d78;}
/*****************************/

/** kw 퍼블**/
@charset "UTF-8";

/** 기본 **/

.board-top-description {margin-bottom:40px;position:relative;padding:27px 30px 27px 180px;border:solid 1px #d0d0d0;}
.board-top-description:before {content:"";position:absolute;left:40px;top:50%;width:98px;height:96px;background:url(/ko/img/board_contents.png) left top no-repeat;margin-top:-48px;}
.board-top-description.free:before {background-position:left -100px;}
.board-top-description.job:before {background-position:left -200px;}
.board-top-description.data:before {background-position:left -300px;}
.board-top-description dt {font-size:1.143em;font-weight:700;margin-bottom:10px;}

.board-search-box {border:solid 1px #e5e5e5;background:#f8f8f8;padding:18px 15px;text-align:center;position:relative;}
.board-search-box * {vertical-align:middle;}
.board-search-box label {font-size:1.286em;font-weight:700;line-height:35px;padding-right:15px;}
.board-search-box input[type="text"] {border:solid 1px #b1b1b1;background:#fff;padding:0 10px;height:35px;box-sizing:border-box;min-width:300px;}
.board-search-box input[type="image"] {border:solid 1px #b1b1b1;background:#fff;margin-left:-5px;}
.board-search-box > a {display:inline-block;border:solid 1px #b1b1b1;background:url(../images/board/search.png) no-repeat #fff;margin-left:-5px;text-indent:-999em;overflow:hidden;width:33px;height:33px;}
.board-search-box select {height:35px;width:120px;}

.board-search-box + .board-tab-box {margin-top:40px;}
.board-tab-box:after {content:"";clear:both;display:block;}
/**[s] 1005 수정 **/
.board-tab-box > a {text-align:center;line-height:30px;padding:0 15px;position:relative;}
.board-tab-box > a:after {content:"";position:absolute;right:-1px;top:50%;width:1px;height:12px;background:#535353;margin-top:-6px;}
.board-tab-box > a:last-child::after {display:none;}
.board-tab-box > a:hover, .board-tab-box > a.on {color:#712732;text-decoration:underline;}
.board-tab-box > a.on {font-weight:700;}
/**[e] 1005 수정 **/

.board-list-box {border-top:solid 1px #ababab;margin-top:20px;}
.board-list-box li {border-bottom:solid 1px #e5e5e5;padding:17px 0;position:relative;}
.board-list-box li .ico-notice {position:absolute;left:30px;top:50%;margin-top:-8px;}
.board-list-box li .no {position:absolute;left:25px;top:50%;margin-top:-7px;font-size:0.929em;line-height:1em;color:#555;}
div.military .board-list-box li .ico-file{position:absolute;right:130px;top:50%;margin-top:-8px;}
.board-list-box li .ico-file {position:absolute;right:30px;top:50%;margin-top:-8px;}
.board-list-box li .board-text {padding:0 70px 0 90px;}
.board-list-box li .board-text a {font-size:1.143em;font-weight:700;display:block;}
.board-list-box li .board-text .category {color:#e86f1f;}
.board-list-box li .board-text a .ico-new {vertical-align:middle;margin-left:3px;}
.board-list-box li .board-text p {font-size:0.929em;color:#555;margin-top:5px;}

.board-view-box {border-top:solid 1px #ababab;}
.board-view-box > ul > li {padding:17px 10px;border-bottom:solid 1px #ddd;position:relative;}
.board-view-box > ul > li.title p.title {font-size:1.143em;font-weight:700;}
.board-view-box > ul > li.title p.title .ico-new {vertical-align:middle;margin-left:3px;}
.board-view-box > ul > li.title p.info {font-size:0.929em;color:#555;margin-top:5px;}
.board-view-box > ul > li.title .category  {color:#e86f1f;}
.board-view-box > ul > li.title .category.military_answer{color:#e2385d}
.board-view-box > ul > li.title.qna {padding-right:100px;}
.board-view-box > ul > li.attachment .ico-file {vertical-align:middle;margin-right:5px;}
.board-view-box > ul > li.contents {padding:25px 10px; line-height:1.7em;}
.board-view-box > ul > li.contents img{max-width:100%;}
.board-view-box.reply {margin-top:80px;}
.board-view-box.reply > ul > li.title .category  {color:#e2385d;}

.board-write-box {border-top:solid 1px #ababab;}
.board-write-box > ul > li {display:table;width:100%;border-bottom:solid 1px #ddd;}
.board-write-box > ul > li > .label, .board-write-box > ul > li > span.title { display:table-cell;width:20%;vertical-align:middle;padding:12px 10px;box-sizing:border-box;font-weight:700;}
.board-write-box > ul > li > .frm {display:table-cell;width:80%;vertical-align:middle;padding:12px 10px;box-sizing:border-box;min-height:30px;}
.board-write-box > ul > li > .frm * {vertical-align:middle;}
.board-write-box > ul > li > .frm .attach-file-list {border:solid 1px #b1b1b1;padding:10px;margin-top:10px;height:70px;overflow-y:auto;}
.board-write-box > ul > li > .frm .attach-file-list a {vertical-align:1px;padding-left:5px;}
.board-write-box > ul > li > .frm .file-name {font-size:0.929em;color:#555;}
.board-write-box > ul > li > .frm .file-name a {text-indent:-999em;display:inline-block;width:14px;height:14px;overflow:hidden;background:url(/ko/img/contents.png) -250px -130px no-repeat;margin-left:5px;}
.board-write-box > ul > li > .frm p, .board-write-box > ul > li > .frm .attach-update p, .board-write-box > ul > li > .frm .attach-update span{ padding : 5px 0;}
.board-write-box > ul > li > .frm .attach-update { border-bottom : 1px solid #ddd;}


.board-comment-box {margin-top:80px;border-top:solid 1px #ababab;}
.board-comment-box h4 {padding:20px 10px 10px 10px;margin:0;}
.board-comment-box h4 strong {color:#e86f1f;}
.board-comment-write {padding:0 95px 20px 10px;position:relative;}
.board-comment-write textarea {width:100%;height:80px;border:solid 1px #ababab;padding:10px;box-sizing:border-box;}
.board-comment-write input[type="submit"] {border:solid 1px #ababab;width:80px;height:80px;background:#ececec;box-sizing:border-box;position:absolute;right:10px;top:0;border-radius:3px;}
.board-comment-box li {border-bottom:solid 1px #e5e5e5;padding:15px 10px;position:relative;}
.board-comment-box li:first-child {border-top:solid 1px #e5e5e5;}
.board-comment-box li p.writer {font-weight:700;position:relative;}
.board-comment-box li p.writer > span {font-weight:400;font-size:0.857em;color:#555;padding-left:10px;}
.board-comment-box li .comment-icons {position:absolute;right:10px;top:15px;}
.board-comment-box li.reply p.writer, .board-comment-box li.reply p.comment {padding-left:18px;}
.board-comment-box li.reply p.writer:before {content:"";width:10px;height:10px;background:url(/ko/img/board_contents.png) -200px -50px no-repeat;position:absolute;left:0;top:50%;margin-top:-5px;}

.board-reply-box {margin-top:80px;border-top:solid 1px #ababab;border-bottom:solid 1px #e5e5e5;padding:20px 10px;}

.nodata {text-align:center;padding:60px 0;}

.media-list-box {margin-top:30px;border-bottom:solid 1px #e5e5e5;position:relative;}
.media-list-box:before {content:"";width:100%;height:1px;background:#ababab;position:absolute;left:0;top:0;}
.media-list-box ul {margin-top:-1px;}
.media-list-box li {border-top:solid 1px #e5e5e5;padding:30px 10px;text-align:center;float:left;text-align:center;width:25%;box-sizing:border-box;}
.media-list-box li .thumb {position:relative;display:inline-block;max-width:180px;}
.media-list-box li .thumb:after {content:"";width:40px;height:40px;position:absolute;bottom:0;right:0;background:url(/ko/img/board_contents.png) -100px -100px no-repeat;}
.media-list-box li p {font-size:1.143em;font-weight:700;line-height:1em;height:1em;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.media-next-top-box + .media-list-box {margin-top:80px;}
.media-next-top-box .thumb {float:left;width:330px;position:relative;}
.media-next-top-box .thumb .select-wrap {background:rgba(0,0,0,0.6);position:absolute;bottom:0;left:0;width:100%;padding:20px;box-sizing:border-box;}
.media-next-top-box .thumb .select-wrap select {font-weight:700;}
.media-next-top-box .description {padding-left:370px;}
.media-next-top-box .description .slogan-box p {line-height:1em;}
.media-next-top-box .description p.global {color:#555;font-weight:700;font-size:2.143em;}
.media-next-top-box .description p.next-t {color:#712732;font-weight:700;font-size:7.357em;}
.media-next-top-box .description p.university {color:#ec5b0f;font-weight:700;font-size:1.929em;}
.media-next-top-box .description > p {margin-top:1.786em;}
.media-next-top-box .description > a {font-weight:700;display:inline-block;padding-right:14px;position:relative;margin-top:3.429em;}
.media-next-top-box .description > a:after {content:"";width:10px;height:9px;position:absolute;right:0;top:50%;background:url(/ko/img/ico_arrow.png) left -150px no-repeat;margin-top:-5px;}


@media screen and (max-width: 768px) {
	.board-comment-box, .board-reply-box, .board-view-box.reply {margin-top:40px;}
	.board-comment-write {padding:0 75px 20px 10px;}
	.board-comment-write textarea {height:60px;padding:5px;}
	.board-comment-write input[type="submit"] {width:60px;height:60px;}
	.board-list-box li .board-text .status {right:15px;}
}

@media screen and (max-width: 640px) {
	.board-top-description {margin-bottom:20px;padding:15px;}
	.board-top-description:before {display:none;}
	.board-search-box {padding-right:10px;}
	.board-search-box label {display:none;}
	.board-search-box input[type="text"] {min-width:50%;}
	/*
	.board-search-box input[type="image"],
	.board-search-box > a {position:absolute;right:16px;top:18px;}
	*/
	.board-search-box.in-select {padding-left:10px;}
	.board-search-box.in-select select {position:absolute;left:15px;top:18px;width:90px;}
	
	.board-list-box {margin-top:20px;}
	.board-list-box li .ico-notice,
	.board-list-box li .no {left:5px;top:20px;margin:0;}
	.board-list-box li .ico-file {right:5px;}
	.board-list-box li .board-text {padding:0 30px 0 40px;}
	.board-list-box li .board-text a .ico-new {vertical-align:middle;margin-left:3px;}
	.board-list-box li .ico-file {position:static;left:auto;top:auto;margin:0;vertical-align:middle;margin-left:3px;}
	.ico-status {position:static;right:auto;top:auto;margin-top:0;line-height:20px;text-align:center;width:50px;float:left;margin-right:10px;}
	.board-list-box li .board-text .ico-status + a,
	.board-view-box > ul > li.title .ico-status + p {line-height:22px;}
	.board-view-box > ul > li.title.qna {padding-right:0;}

	.media-list-box li {width:50%;}
	.media-list-box li .thumb:after {width:20px;height:20px;background:url(/ko/img/board_contents.png) -50px -50px no-repeat;background-size:200px auto;}
  
    .media-next-top-box .thumb {float:none;max-width:330px;position:relative;margin:0 auto;width:auto;}
	.media-next-top-box .description {padding-left:0;}
	.media-next-top-box .description .slogan-box {margin-top:20px;}
	.media-next-top-box .description .slogan-box p {line-height:1.5em;}
	.media-next-top-box .description p.global {font-size:1.417em;}
	.media-next-top-box .description p.next-t {font-size:2.000em;}
	.media-next-top-box .description p.university {font-size:1.250em	;}
	.media-next-top-box .description > a {margin-top:1.786em;}

}

/* 엑셀업로드 모달 */
.template { display: none; }
.submit {
    background: #555 none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    width: auto;
}

/* 이전글 다음글 */
.prev-next-wrap {margin-top:1.429em;}
.rule-notice-list table.board_table .d_sj a p{white-space:nowrap;overflow:hidden;width:300px;text-overflow:ellipsis;}