/* input */
.scbd input[type=text],
.scbd input[type=password],
.scbd textarea {
	padding:7px 5px !important; font-size:14px; color:#666; margin:3px; background:transparent;
	border:1px solid #bbb; box-shadow:inset 0 1px 2px rgba(0,0,0,.2); 
	box-shadow:none; border:1px solid #ccc; height:36px;
}
.scbd input[type=text].block,
.scbd input[type=password].block,
.scbd textarea.block {
	display: block; width: 100%;
}
.scbd input.disabled {background:#ddd;}

.scbd select {
    /*vertical-align:text-top;*/
    *width: 100%; /* 원하는 너비설정 */
    height:36px;
    padding: 0 25px 0 5px; /* 여백으로 높이 설정 */
    color:#666;
    font-size:14px;
    /*font-family: inherit;*/  /* 폰트 상속 */
    background:#fff url(/images/common/ico_triB_s_black.png) no-repeat right 10px top 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #ccc;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
.scbd select::-ms-expand {display:none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.scbd a {outline:none;}

.inp_t {width:100%; height:40px;box-sizing:border-box;padding:0 5px;border:1px solid #dbdee1;border-radius:0;color:#666;font-size:14px;line-height:38px;-webkit-appearance: none;appearance: none;}
.inp_t::-ms-clear {display:None}
.inp_area {width:100%;box-sizing:border-box;padding:5px 10px;border:1px solid #dbdee1;border-radius:0;color:#666;font-size:14px;resize:none;text-align:left;-webkit-appearance: none; }


/* btn_warp */
.btn_wrap {margin-top:25px; text-align:center;}
.btn_wrap:after {content:''; display: block; clear:both;}
.btn_wrap .line_b {background:#999; width:100%; height:1px; margin:15px 0;}
.btn_wrap a, .btn_wrap button {display:inline-block; padding:5px 20px; font-size:14px; line-height:28px; transition: all .3s ease;}
.btn_wrap a:hover, .btn_warp button:hover {transition: all .3s ease;}
.btn_wrap .left {float:left;}
.btn_wrap .right {float:right;}

.btnA {color:#555; background:#fff; border:1px solid rgba(0, 0, 0, 0.5);}
.btnA:hover {background:#f1f1f1; *color:#fff; }
.btnA.highlight {background:#7c4321; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.btnA.highlight:hover {background:#915b3b;}
.btnA.black {background:#212121; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;}
.btnA.black:hover {background:#444;}

@media (min-width:1024px) {
	.btn_wrap {margin-top:35px;}
	.btn_wrap a, .btn_wrap button {padding:5px 25px; font-size:15px; line-height:35px;}
}
.scbd .ui-button {display:inline-block;}


.btn {
	display:inline-block; font-weight:400; color:#212529; text-align:center; vertical-align:middle; cursor:pointer; user-select:none;
    background-color:transparent; border:1px solid transparent; padding:7px 0.75rem; font-size:15px; line-height:30px; border-radius:0;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-block {display:block; width:100%;}
.btn-outline-submit {color:#333; border-color:#333;}
.btn-outline-submit:hover {background-color:#212529; color:#fff;}

.line_round_red {background-color:transparent; border:2px solid #e70000; border-radius:20px; padding:0 20px; color:#e70000; font-weight:500;}
.line_round_red:hover {background-color:#e70000; color:#fff;}
.line_round_gray {background-color:transparent; border:2px solid #999; border-radius:20px; padding:0 20px; color:#999; font-weight:500;}


/* list_board */
.list_board {border-top:1px solid #777;}
.list_board > table {width:100%;}
.list_board a {text-decoration:none;}
.list_board caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.list_board thead {display:none;}
.list_board tbody span {vertical-align:middle;}
.list_board tbody tr {display:block; border-bottom:1px solid #dbdee1; padding:13px 0; cursor:pointer; position:relative;}
.list_board tbody tr:after {content:''; display:block; clear:both;}

.list_board tbody td {display:block; padding:0 5px; font-size:14px; color:#777;}
.list_board tbody .no {*display:none;}
.list_board tbody .category:before {content:'['; display:inline;}
.list_board tbody .category:after {content:']'; display:inline;}
.list_board tbody span.category {*display:block; *font-size:12px; float:left; color:#666; padding:3px 10px 2px 5px;}
.list_board tbody .instructor {padding:0 5px 5px; color:#924301; font-weight:600; font-size:14px;}
.list_board tbody .subject {padding-bottom:5px; font-weight:500;}
.list_board tbody .subject a {display:block; font-size:14px; *font-weight:600; color:#333; }
.list_board tbody .subject span {vertical-align:middle; font-size:15px; padding:0 5px 1px; }
.list_board tbody .subject a span {vertical-align:middle; font-size:15px; }
.list_board tbody .subject a:hover {color:#000;}
.list_board tbody .subject i {display:inline-block; vertical-align:middle; font-size:0; margin:0 2px;}
.list_board tbody .subject img {vertical-align:middle; font-size:0; margin:0 2px;}
.list_board tbody .subject em {font-style: normal;}
.list_board tbody .subject span.num {color:#ff5e00; font-size:14px; font-weight:400; margin-left:5px;}
.list_board tbody .inline {float:left; position:relative; padding:0 10px 0 5px; margin-right:5px;}
.list_board tbody .inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
.list_board tbody .inline:last-child:after {width:0;}
.list_board tbody tr.empty > td {padding:30px 0 !important; text-align:center; color:#999; font-size:14px;}
.list_board tbody tr#t_ans1 {}
.list_board tbody .hit i {display:inline-block; margin:0 3px 0 0;}
.list_board tbody .vote i {display:inline-block; margin:0 3px 0 0;}

.list_board tbody .notice {background:#db5200; *padding-right:20px;}
.list_board tbody .notice .subject a {padding-top:4px;}
.list_board tbody .notice .removeNotice {
	position:absolute; display:block; right:10px; top:50%; width:20px; height:20px; margin-top:-10px;
	background-position:2px 2px;
}
.list_board tbody .subject strong {font-weight:bold !important;}

.list_board .sm_name em {margin-left:5px;}
.list_board .mydivide {color:#000;}
.list_board .mysubject {color:#000;}


@media (max-width:767px) {
	.list_board tbody .check {float:left;}
	.list_board tbody .check input {vertical-align:bottom;  margin-right:5px;}
	.list_board tbody .no {font-size:0; float:left;}
	.list_board tbody .no span.notice {display:inline-block; margin:0 5px; }
	.list_board tbody .inline {float:left; position:relative; padding:0 10px 0 5px; margin-right:5px;}
	.list_board tbody .inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
	.list_board tbody .inline:last-child:after {width:0;}

	.list_board tbody .w50 {float:left; position:relative; width:50%; *padding:0 10px 0 5px; *margin-right:5px;}
	.list_board tbody .w50:after {content:'';;}
	.list_board tbody .w50:last-child:after {width:0;}

	.list_board tbody .subject a {display:block;}

	.list_board .bview a.btn {margin:12px 5px 0; line-height:26px; display:block;}
	.list_board .bview a.line_round_red {font-size:14px; padding:0 25px; font-weight:600;}

	.list_board label {padding-right:8px; color:#89785a ;}
	.list_board label:before {content:'['; padding-right:2px;}
	.list_board label:after {content:']'; padding-left:2px;}

	.list_board .sm_name em:before {content:'/'; padding-right:3px;}

	.list_board .mydivide {padding-right:8px; float:left; color:#b57300; font-weight:500;}
	.list_board .mydivide:before {content:'['; padding-right:2px;}
	.list_board .mydivide:after {content:']'; padding-left:2px;}

	.list_board .mysubject {font-weight:500; color:#000;}
}

@media (min-width:768px) {
	.list_board tbody .inline {float:none; position:static;}
	.list_board tbody .inline:after {display:none;}
	.list_board tbody .inline i {display:none;}
	.scbd .list_board {}
	.list_board > table thead {display:table-header-group;}
	.list_board > table thead th {
		background:#fff; border-bottom:1px solid #bbb; text-align:center; padding:15px 5px 14px;
		font-size:15px; color:#222; font-weight:500;
	}
	.list_board tbody tr {display:table-row; border-bottom:none; padding:0; cursor:auto;}
	.list_board tbody tr:after {display:none;}
	.list_board tbody td,
	.list_board tbody .no,
	.list_board tbody .notice1 {display:table-cell;}
	.list_board tbody .category {padding:0; display:inline;}
	.list_board tbody td {text-align:center; padding:12px 5px !important; font-size:15px !important; border-bottom:1px solid #dbdee1;}
	.list_board tbody .instructor {font-weight:500; font-size:15px;}
	.list_board tbody .subject {text-align:left; padding-bottom:0; font-weight:normal}
	.list_board tbody .subject a {font-size:15px; padding:0; display:inline; *font-weight:normal;}
	.list_board tbody .subject a:hover {*font-weight:600;}
	.list_board tbody .inline {float:none; position:static;}
	.list_board tbody .inline:after {display:none;}
	.list_board tbody .inline i {display:none;}

	.list_board tbody .notice {}
	.list_board tbody .notice .removeNotice {position:static; display:inline-block; margin-top:0;}
	.list_board tbody tr.empty > td {padding:50px 0 !important; }
	.list_board .check {width:4%;}
	.list_board .no {width:10%;}
	.list_board .name {width:12%;}
	.list_board .date {width:13%;}
	.list_board .hit {width:10%;}
	.list_board .vote {width:10%;}
	.list_board .instructor {width:13%;}
	.list_board .bview {width:13%;}

	.list_board .divide {width:10%;}
	.list_board .mydivide {width:10%;}
	.list_board .lecture {*width:13%;}
	.list_board .term {width:15%;}
	.list_board .start {width:13%;}
	.list_board .end {width:13%;}
	.list_board .state {width:10%;}

	.list_board .sm_no {width:10%;}
	.list_board .sm_name {*width:10%;}
	.list_board .sm_nickname {width:10%;}
	.list_board .sm_period {width:10%;}
	.list_board .sm_date {width:10%;}
	.list_board .sm_start {width:10%;}
	.list_board .sm_end {width:10%;}
	.list_board .sm_amop {width:10%;}
	.list_board .sm_amount {width:10%;}
	.list_board .sm_refund {width:10%;}

	.list_board .sm_name em {display:block; margin-left:0;}
	.list_board label {display:none;}

}
@media (min-width:1024px) {
	.list_board .date {width:12%;}
	.list_board .bview {width:10%;}
}

/* Detail */
.detail {border-top:1px solid #252525;}
.detail .hgroup {padding:15px 10px; margin:0; border-bottom:1px solid #dbdee1; background:#fff;}
.detail .hgroup > h1 {margin:0; font-size:16px; font-weight:600; color:#111; letter-spacing:-0.03em;}
.detail .hgroup > h1 a {color:#333; text-decoration: none;}
.detail .hgroup > h1 span:before {content:'[';}
.detail .hgroup > h1 span:after {content:']';}
.detail .hgroup > ul {margin:8px 0 0; padding:0; list-style:none;}
.detail .hgroup > ul:after {content:''; display:block; clear:both;}
.detail .hgroup > ul > li {position:relative; float:left; color:#777; font-size:12px; padding:0 8px;}
.detail .hgroup > ul > li:before {
	content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#999;
}
.detail .hgroup > ul > li:first-child {padding-left:0;}
.detail .hgroup > ul > li:first-child:before {display:none;}
.detail .hgroup > ul > li span {*vertical-align:middle;}
.detail .hgroup > ul > li i {display:inline-block; font-size:0; vertical-align:middle; margin:0 5px 0 0;}

.detail .conbody {margin:20px 10px; padding:0; font-size:14px; line-height:normal; color:#777; line-height:1.4em; }
.detail .conbody p {margin:10px 0;}
.detail .conbody img,
.detail .conbody iframe {max-width:100%;}
.detail .conbody ul {padding-left: 22px;}

.detail table.conbody td.subj div.cont {}
.detail table.conbody td.subj div.cont img {max-width:100%;}


.detail .midDesign {margin:30px 10px;}

.detail .snsShare {margin:20px 0; *text-align:center; text-align:right; position:relative; font-size:0;}
.detail .snsShare strong {display:block; height:0; overflow:hidden; position:absolute; visibility:hidden;}
.detail .snsShare a {display:inline-block; font-size:0; margin:0 2px;}

.detail > .sbtns {margin:30px 0 0; padding: 0 8px 8px 8px; text-align:center; font-size:0; border-bottom:0 solid #ccc; padding-bottom:8px;}
.detail > .sbtns.noBorder {border-bottom:none; padding-bottom:0;}
.detail > .sbtns a {display:inline-block; font-size:13px; text-decoration:none; color:#555; margin:0 1.5px; font-weight:500; padding:8px 12px;  border:1px solid #ccc;}
.detail > .sbtns a:hover {border:1px solid #aaa;}
.detail > .sbtns a i {display:inline-block; margin-right:3px;}
.detail > .sbtns a em {font-style: normal;}

.detail .attachFiles { }
.detail .attachFiles .box {margin:0 0 30px; border-bottom: 1px solid #e0e0e0; background:#fafafa;}
.detail .attachFiles .box p {display:block; margin:0; border-top:1px solid #efefef; padding:12px 10px;}
.detail .attachFiles .box p:first-child {border-top:none;}
.detail .attachFiles .box p i {display:inline-block; font-size:0; vertical-align:middle; margin:0 10px 0 0;}
.detail .attachFiles .box p a {color:#666; text-decoration:none; }
.detail .attachFiles .box p a:hover {text-decoration:underline;}


.detail .btngroup {margin:10px 0 0; padding:20px 0 0; border-top:1px solid #ccc;}


@media (min-width:768px) {
	.detail .hgroup {padding:20px 15px 18px;}
	.detail .hgroup > h1 {font-size:23px; font-weight:500;  letter-spacing:-0.05em;}
	.detail .hgroup > ul > li {font-size:14px;}
	.detail .conbody,
	.detail .midDesign {margin:20px 15px; padding:0;}
	.detail .conbody {margin-top:40px; margin-bottom:50px; font-size:15px; line-height:1.5em;}
	.detail .attachFiles .box {margin:0 0 50px;}
	.detail .attachFiles .box p {padding:15px 15px;}
	.detail > .sbtns {text-align:right; margin:30px 0 10px; padding:0;}
	.detail > .sbtns a {*padding: 6px 2px 6px 14px; font-size:14px; font-weight:400;}
	.detail > .sbtns {*border-bottom-width: 1px;}
	.detail .btngroup {margin-top:30px;}
}


/* neighbor documents */
.neighborDocuments {margin:30px 0 0; border-top:1px solid #dbdee1;}
.neighborDocuments a {display:block; text-decoration:none;}
.neighborDocuments > a > span {display:block;}
.neighborDocuments dl {margin:0; padding:12px 10px;  border-bottom:1px solid #dbdee1;}
.neighborDocuments dl:hover {background:#f3fcff;}
.neighborDocuments dt {float:left; width:65px; vertical-align:top; }
.neighborDocuments dt i {display:inline-block; width:10px; height:6px; margin:0 5px; vertical-align:1px;}
.neighborDocuments dt b {display:inline-block; color:#333; *vertical-align:middle; font-size:13px;}
.neighborDocuments dd {color:#555; margin-left:75px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.neighborDocuments dd span a {font-size:13px; color:#666;}


@media (min-width:768px) {
	.neighborDocuments dl {padding:12px 15px;}
	.neighborDocuments dt {width:120px;}
	.neighborDocuments dt b {font-size:14px;}
	.neighborDocuments dd span a {font-size:14px;}

}

/* comment */
.comment_wrap {margin-top:40px; background-color:#f9f9f9; padding:25px;}
.comment_wrap:after {content:''; display: block; clear:both;}
.comment_wrap .num {font-weight:700;color:#0075c8}
.comment_wrap ul li {border-bottom:1px dashed #d0cfcb; padding:10px 0; overflow:hidden}
.comment_wrap ul li:last-child {border-bottom:0}
.comment_wrap ul li .left {float:left}
.comment_wrap ul li .left .nickname {margin-right:20px;line-height:15px;font-weight:700;color:#706aa2;float:left}
.comment_wrap ul li .left .day {margin-right:20px;font-size:11px;color:#b5b2ac;float:left}
.comment_wrap ul li .left .ip {font-weight:500;color:#ff0084}
.comment_wrap ul li .right {float:right}
.comment_wrap ul li .right button {padding:0 5px; position:relative; background-color:transparent;}
.comment_wrap ul li .right button:before {content:''; width:1px; height:12px; background-color:#cec9c2; position:absolute; left:-1px; top:50%; margin-top:-6px;}
.comment_wrap ul li .right button:first-child:before {display:none}
.comment_wrap ul li .cont {padding:10px 10px 10px 20px;clear:both}
/*
.comment_wrap .reply {display:none}
.comment_wrap .reply.on {display:block}
*/

.comment_wrap ul li.reply_c {padding-left:20px}
.comment_write {position:relative; border-top:1px dashed #d0cfcb; padding:25px 0; box-sizing:border-box;}
.comment_write:after {content:''; display: block; clear:both;}
.comment_wrap ul li textarea,
.comment_write textarea {margin:0; float:left; width:100%;}
.comment_wrap .write {position:relative; box-sizing:border-box;}
.comment_write textarea, .comment_wrap .write textarea {margin:0; padding: 7px 100px 7px 5px !important; box-sizing:border-box;} 
.comment_write button, .comment_wrap .write button {position:absolute; right:0; background-color:#212121; color:#fff; line-height:60px; padding:0 15px;}

.comment_wrap input[type=text] {margin:0 0 3px;}

@media (max-width:767px) {
	.comment_wrap {margin-top:30px; padding:25px 15px;}
	.comment_wrap ul li .reply .write {clear:both}
}
@media (min-width:768px) {
    .comment_wrap ul li .reply {box-sizing:border-box; width:100%;} 
	.comment_wrap ul li .reply .left {width:150px;}
	.comment_wrap ul li .reply .write {position:relative; margin-left:150px; box-sizing:border-box;}
}

/* write form */
.writeForm {margin:0; padding:0; border:none; border-top: 1px solid #000;}
.writeForm > .title {
	margin:10px 0 0; padding:0 8px 5px; font-size:18px; color:#333;
	border-bottom:1px solid #ccc; display:none;
}
.writeForm > dl {margin:0; padding:10px 8px; border-bottom:1px solid #ccc;}
.writeForm > dl > dt {font-size:14px; font-weight:600; margin:0 0 8px;}
.writeForm > dl > dd {margin:0; font-size:14px; color:#777; line-height:36px;}
.writeForm > dl > dd > p {margin:3px 0;}
.writeForm > dl > dd input[type=text],
.writeForm > dl > dd input[type=password],
.writeForm > dl > dd textarea {margin:0; vertical-align:middle;}
.writeForm > dl > dd .msg {display:block; color:#888; margin:5px 0 0;}
.writeForm > dl > dd span {vertical-align:middle;}
.writeForm > dl > dd select {font-size:13px; color:#555;}
.writeForm > dl > dd .bodyEditor {margin: 10px 0 5px;}
.writeForm > dl > dd .division {display:inline-block; margin-right:20px;}
.writeForm > dl > dd .division input[type=text] {width:auto;}

.writeForm .smallButtons {margin:0 0 10px; font-size:0;}
.writeForm .smallButtons a {margin-left:0; margin-right:5px;}
.writeForm .inlineForm input[type=text] {margin:3px 3px;}

.writeForm .qnaBox {margin:0 0 10px;}
.writeForm .qnaBox .question {margin-top:0;}

.writeForm .sns {font-size:0;}
.writeForm .sns label {display:block; float:left; width:50%; padding:3px 0;}
.writeForm .sns span {font-size:13px;}

.writeForm .attachFiles {margin:15px 0 0;}
.writeForm .attachFiles dl {margin:5px 0 0; position:relative;}
.writeForm .attachFiles dl dt {padding-right:70px;}
.writeForm .attachFiles dl dt select {width:100%; height:70px; margin:0; border:1px solid #bbb; font-size:13px;}
.writeForm .attachFiles dl dd {position:absolute; right:0; top:0;}
.writeForm .attachFiles dl dd button {width:60px; height:70px; font-size:13px; border:1px solid #bbb; border-radius:3px;}
.writeForm .attachFiles p {margin:5px 0 0; font-size:12px; font-family:Tahoma; color:#666;}

.writeForm .options {margin:0; padding:2px 0; font-size:14px; border-bottom:1px solid #ccc; color:#777; list-style:none;}
.writeForm .options li {}
.writeForm .options li label {display:block; padding:8px;}
.writeForm .options li span {vertical-align:middle; padding-left:3px;}


@media (min-width:768px) {
	.writeForm > dl {display:table; width:100%; padding:0;}
	.writeForm > dl > dt,
	.writeForm > dl > dd {display:table-cell; vertical-align:middle; padding:10px 0;}
	.writeForm > dl > dt {width:130px; margin:0; padding-left:10px; font-size:15px; font-weight:500; }
	.writeForm > dl > dd {padding-right:10px; font-size:15px;}
	.writeForm > dl > dd select {font-size:14px;}
	.writeForm .options {margin:0; padding:5px 0; font-size:15px;}
	.writeForm .sns label {display:inline; float:none; width:auto; padding:0; margin-right:5px;}
}

#smart_editor2 {min-width:100% !important; width:100% !important;}


/* file add */
.file_add input[type="text"] {width:388px;margin-right:5px;float:left}
.file_add .file_add_form {width:100px;height:36px;overflow:hidden;position:relative}
.file_add .file_add_btn {width:100px;height:36px;background-color:#6076b1;border:1px solid #6076b1;font-size:13px;color:#fff;position:absolute;top:0}
.file_add .file_add_hd {font-size:45px;position:absolute;right:0;top:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}


.searchBox {position:relative; overflow:hidden;box-sizing:border-box;margin-bottom:0;font-size:0;}
.searchBox .inp_s {width:100px; margin-left:5px; vertical-align:top;}
.searchBox .search {position:relative;display:inline-block;width:250px;box-sizing:border-box;height:40px;margin-left:5px;padding-right:39px;background:#fff;vertical-align:top;font-size:0 !important;}
.searchBox .search .btn_search {position:absolute;right:0;top:0;overflow:hidden; width:40px; height:40px; background:#353541 url(/images/common/ico_search_s_white.png) no-repeat 50% 50%;text-indent:-100px;}
.searchBox .btn_rss {margin-left:10px;}