@charset "utf-8";
/* CSS Document */

/****** 게시판 추가 CSS ******/
#search_zone {
    background-color: #f7f7f7;
    padding: 30px 0px;
    text-align: center;
}
#search_zone .search_block {
	overflow: hidden;
	margin: 0px auto;
	width: 584px;
}
#search_zone .search_block .k-combobox {
	float: left;
	width: 157px;
	margin-right: 3px;
	border-radius: 0px;
	line-height: 38px;
	padding: 0px;
}
#search_zone .search_block .k-dropdown-wrap {
	border-radius: 0px;
	line-height: 38px;
}
#search_zone .search_block .k-dropdown-wrap .k-input {
	border-radius: 0px;
	line-height: 38px;
	padding:  0px 10px;
}
#search_zone .search_block .k-textbox {
	float: left;
	width: 360px;
	line-height: 38px;
	padding: 0px 10px;
	border-radius: 0px;
}

#search_zone .search_block .ui.button {
	float: left;
	padding: 0px;
	font-size: 16px;
	line-height: 40px;
	height: auto;
	width: 60px;
	text-align: center;
	border-radius: 0px;
}
#search_zone .search_block .ui.button .icon {
	margin: 0px;	
}


#bbs_list .ui.table {
    width: 100%;
    background: #fff;
    margin: 0px auto 40px 0px !important;
    text-align: center;
    color: #333 !important;
    font-size:  16px;
	border-top: 2px solid #000;
    border-bottom: 1px solid #000;
	border-left: none;
	border-right: none;
    border-collapse: inherit;
}
#bbs_list .ui.table tr th:nth-child(1) {
	width: 10%;
}
#bbs_list .ui.table tr th:nth-child(2) {
	width: 60%;	
}
#bbs_list .ui.table tr th:nth-child(3) {
	width: 15%;	
}
#bbs_list .ui.table tr th:nth-child(4) {
	width: 15%;
}
#bbs_list .ui.table.research_bbs tr th:nth-child(1) {
	width: 10%;
}
#bbs_list .ui.table.research_bbs tr th:nth-child(2) {
	width: 15%;	
}
#bbs_list .ui.table.research_bbs tr th:nth-child(3) {
	width: 15%;	
}
#bbs_list .ui.table.research_bbs tr th:nth-child(4) {
	width: 60%;
}
#bbs_list .ui.table thead th {
    text-align: inherit;
    color: #101010;
    vertical-align: inherit;
    font-style: none;
    font-weight: 300 !important;
    text-transform: none;
    border-bottom: 1px solid #dddddd;
    border-left: none;
    font-size:  16px;
    text-align: center;
    line-height: 24px;
    padding: 18px 20px;
}
#bbs_list .ui.celled.table tr td {
	border-top: none;
	border-left: none;
	padding: 18px 20px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400 !important;
	letter-spacing: 0px;
	border-bottom: 1px solid #dddddd;
}
#bbs_list .ui.table tr {
	display: table-row !important;
}
#bbs_list .ui.table tr td.left.aligned,
#bbs_input .txt_left td {
	text-align: left !important;	
}
#bbs_list .ui.table tbody td a {
	letter-spacing: -1px;
}
#bbs_list .ui.table tbody td a:hover {
	text-decoration: underline;
}

#bbs_list .ui.table tbody td a.secret_btn .icon {
	margin-left: 10px;
	margin-right: 0px;
	color: #999;
}

#bbs_view .bbs_header {
	border-top: 2px solid #999;
    color: #333;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
	padding: 20px 50px;
}
#bbs_view .bbs_header h1 {
	font-size: 27px;
	line-height: 36px;
	font-weight: 700;
	letter-spacing: -2px;
	font-family: 'NanumSquare';
	margin-bottom: 5px;
}
#bbs_view .bbs_header span {
	float: left;
	color: #666;
	letter-spacing: 0px;
	display: inline-block;
}
#bbs_view .bbs_header span.writer:after {
	content: "·";
	margin: 0px 5px;
}
#bbs_view .bbs_header span.date {
	float: right;	
}
#bbs_view .bbs_file,
#bbs_view .bbs_link {
	padding: 20px 50px;
	border-bottom: 1px solid #d7d7d7;
}
#bbs_view .bbs_file .icon,
#bbs_view .bbs_link .icon {
	color: #484848;
}
#bbs_view .bbs_file li {
	font-size: 16px;
	line-height: 30px;	
}
#bbs_view .bbs_file li a,
#bbs_view .bbs_link a {
	color: #888;	
}
#bbs_view .bbs_file li a:hover,
#bbs_view.bbs_link a:hover {
	text-decoration: underline;	
}
#bbs_view .bbs_con {
	padding: 60px 50px;
	color: #666;
}
#bbs_view .bbs_con p {
	margin-bottom: 0px;	
}
#bbs_view .bbs_bottom {
	border-bottom: 1px solid #666;
	margin-bottom: 60px;
}
#bbs_view .bbs_bottom .icon {
	color: #4475CB;
}
#bbs_view .bbs_bottom dl {
	line-height: 49px;
	border-top: 1px solid #d7d7d7;
	overflow: hidden;
}
#bbs_view .bbs_bottom dl dt {
    float: left;
    width: 200px;
    text-indent: 40px;
    font-size: 16px;
    color: #333;
	padding: 10px 35px;
}
#bbs_view .bbs_bottom dl dd {
    float: left;
    width: calc( 100% - 200px);
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 500;
}
#bbs_view .bbs_bottom dl dd a {
	color: #787878;
}
#bbs_view .bbs_btn {
	overflow: hidden;
}
#bbs_view .bbs_btn .ui.button {
	float: left;
}
#bbs_view .bbs_btn .ui.button.align_right {
	float: right;
}
#bbs_view .reply {
	background-color: #f7f8fa;
	padding: 40px;
	overflow: hidden;
	margin-bottom: 60px;
	border-top: 1px solid #bababa;
}
#bbs_view .reply .icon_zone {
	float: left;
	width: 100px;
	position: relative;
	padding-top: 5px;
}
#bbs_view .reply .icon_zone:before {
	position: absolute;
	display: block;
    position: absolute;
    background-color: #999;
	width: 1px;
	height: 18px;
	top: 0px;
	left: 10px;
	content: "";
    z-index: 1;
}
#bbs_view .reply .icon_zone:after {
	position: absolute;
	display: block;
    position: absolute;
    background-color: #999;
	width: 20px;
	height: 1px;
	top: 18px;
	left: 10px;
	content: "";
    z-index: 1;
}
#bbs_view .reply .icon_zone .ui.button.tine {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 10px;
	border-radius: 3px;
	margin-left: 30px;
}
#bbs_view .reply .reply_con {
	float: left;
	width: calc(100% - 330px);
	font-size: 16px;
	line-height: 27px;
	padding-top: 5px;
}
#bbs_view .reply .reply_writer {
	float: left;
	width: 150px;
	font-size: 16px;
	line-height: 27px;
	color: #202020;
	padding-left: 60px;
}
#bbs_view .reply .reply_date {
	float: right;
	width: 80px;
	font-size: 14px;
	line-height: 27px;
	color: #999;
	text-align: right;
	letter-spacing: 0px;
}
#bbs_view .reply #fieldlist li {
	overflow: hidden;
}
#bbs_view .reply #fieldlist li span.tit {
    text-align: left;
    width: 100px;
	float: left;
	display: block;	
}
#bbs_view .reply #fieldlist li span.input_con {
    width: calc( 100% - 210px);;
	float: left;
	display: block;	
}
#bbs_view .reply #fieldlist li span.btn_zone {
    float: right;
    width: 100px;
	display: block;	
}
#bbs_view .reply #fieldlist li span.btn_zone .ui.button {
	padding: 90px 20px;
	font-size: 16px;
	line-height: 25px;
	color: #484848;
	background-color: #EEEDED !important;
	width: 100px;
	text-align: center;
	border: 1px solid #C5C5C5;
}

#bbs_view .btn_center,
#bbs_input .btn_center {
	text-align: center;
}
#bbs_view .button,
#bbs_input .button {
	border-radius: 0px;
}

#bbs_input {
	border-top: 2px solid #999;	
	
}
#bbs_input #fieldlist {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 40px;
}
#bbs_input #fieldlist li {
	overflow: hidden;
}
#bbs_input #fieldlist li .tit {
	float: left;
	padding: 10px 30px;
	text-align: right;
	width: 250px;
	display: block;
}
#bbs_input #fieldlist li .input_con,
#bbs_input #fieldlist li .con {
	float: right;
	padding: 10px 20px;
	text-align: left;
	width: calc(100% - 250px);
	display: block;
	background-color: #fff;
}
#bbs_input #fieldlist li .input_con .nbsp {
	display: inline-block;
	margin-right: 20px;
	margin-left: 5px;
	font-size: 16px;
}
#bbs_input #fieldlist li .input_con .fr_nbsp {
	display: inline-block;
	margin-right: 5px;
	margin-left: 20px;
	font-size: 16px;
}
#bbs_input #fieldlist li .input_con .fr_nbsp:first-child {
	margin-left: 0px;	
}
#bbs_input #fieldlist li .con {
	padding: 10px 30px;
	display: block;
	font-size: 16px;
    line-height: 30px;
	border-bottom: 1px solid #e7e7e7;
}
#bbs_input #fieldlist li:first-child .tit,
#bbs_input #fieldlist li:first-child .input_con,
#bbs_input #fieldlist li:first-child .con {
	padding-top: 30px;	
}
#bbs_input #fieldlist li:last-child .tit,
#bbs_input #fieldlist li:last-child .input_con,
#bbs_input #fieldlist li:last-child .con {
	padding-bottom: 30px;	
}
#bbs_input #fieldlist label {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0px;
	color: #787878;
}
#bbs_input #fieldlist li .input_con .k-checkbox {
	margin-left: 20px;	
}
#bbs_input #fieldlist li .input_con .k-checkbox:first-child {
	margin-left: 0px;	
}
#bbs_input #fieldlist li .tit label,
#bbs_input #fieldlist li .input_con label {
	font-size: 16px;
	line-height: 30px;
	color: #202020;
	font-weight: 500;
	font-family: 'Noto Sans KR';
}
#bbs_input #fieldlist li .input_con label {
	font-weight: normal;	
}
#bbs_input span.k-widget.k-tooltip-validation {
	display: inline-block;
	text-align: left;
	border: 0;
	padding: 0;
	background: none;
	box-shadow: none;
	color: red;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 10px;
}
#bbs_input .k-tooltip-validation .k-i-warning,
#bbs_input .k-upload-status-total .k-icon {
    vertical-align: middle;
    margin-right: 3px;
}
#bbs_input li .k-dropzone .k-button span {
	/*visibility: hidden;*/
	font-size: 0px;
}
#bbs_input li .k-dropzone .k-button span:before {
	/*visibility: visible;*/
	content: "첨부파일";
	font-size: 16px;
	line-height: 30px;
}
#bbs_input li input.k-textbox,
#bbs_input input.k-textbox,
#bbs_view .reply #fieldlist li input.k-textbox {
	width: 100%;
	font-size: 16px;
	border-radius: 0px;
}
#bbs_input li input.k-textbox.wide_100,
#bbs_view .reply #fieldlist li input.k-textbox.wide_100 {
	width: 100%;
}
#bbs_input li input.k-textbox.wide_50,
#bbs_view .reply #fieldlist li input.k-textbox.wide_50 {
	width: 50%;
}
#bbs_input li input.k-textbox.wide_33,
#bbs_view .reply #fieldlist li input.k-textbox.wide_33 {
	width: 33.33%;
}
#bbs_input li input.k-textbox.wide_25,
#bbs_view .reply #fieldlist li input.k-textbox.wide_25 {
	width: 25%;
}
#bbs_input li input.k-textbox.wide_20,
#bbs_view .reply #fieldlist li input.k-textbox.wide_20 {
	width: 20%;
}
#bbs_input li input.k-textbox.wide_10,
#bbs_view .reply #fieldlist li input.k-textbox.wide_10 {
	width: 10%;
}
#bbs_input li textarea {
	width: 100%;
	height: 300px;
	background-color: #fff;
}
#bbs_input li textarea.non_editor {
	padding: 10px;
	font-size: 16px;
	line-height: 24px;	
}
#bbs_input li table.k-editor {
    height: 300px;
}
#bbs_view .reply #fieldlist li  table.k-editor {
    height: 120px;
}
#bbs_input li table.k-editor td,
#bbs_view .reply #fieldlist li table.k-editor td {
	background-color: transparent;
	padding: 0px;
}
#bbs_input li .k-upload {
	margin-bottom: 10px;	
}
#win_input .se_body {
	padding: 20px 30px;
}
#win_input #bbs_input #fieldlist li .tit {
	width: 180px;
}
#win_input #bbs_input #fieldlist li .input_con {
    width: calc(100% - 180px);
}

.sub_body #bbs_input #fieldlist li {
	line-height: 21px;
}


#faq_list {
    border-top: 1px solid #47494a;
	margin-bottom: 80px;
}
#faq_list .title {
	padding: 30px 0 29px 50px;
	font-size: 18px;
	line-height: 36px;
	border-bottom: 1px solid #d7d7d7;
	text-align: left;
	position: relative;
	cursor: pointer;	
}
#faq_list .title:not(.ui) i {
    position: absolute;
    top: 35px;
    right: 40px;
    color: #aaa;
    font-size: 30px;
}
#faq_list .accordion .title .chevron.down.icon,
#faq_list .title .chevron.down.icon {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition:all 300ms linear;
}
#faq_list .accordion .active.title .chevron.down.icon,
#faq_list .active.title .chevron.down.icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition:all 300ms linear;
	color: #333;
}
#faq_list .title dl {
    overflow: hidden;
}
#faq_list .title dt {
	float:left
}
#faq_list .title dd {
	display:block;
	padding-left:60px;
	padding-right: 90px;
	font-weight:500;
	letter-spacing: -1px;
	/*white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:keep-all;*/
}
#faq_list .title:not(.ui) span.faq_span {
    position: absolute;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    text-align: center;
    color: #fff;
    top: 32px;
    left: 70px;
    display: block;
    background-color: #0E439B;
    line-height: 46px;
    font-size: 18px;
}
#faq_list .title dd span.notice_date {
    position: absolute;
    right: 120px;
    top: 35px;
    padding-right: 0;
    font-size: 18px;
    color: #999;
}
#faq_list.ui.accordion:not(.styled) .title~.content:not(.ui) {
    padding: 40px 50px 0px 50px;
	background-color: #f8f8f8;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    letter-spacing: -1px;
    word-break: keep-all;
}
#faq_list.law.ui.accordion:not(.styled) .title~.content:not(.ui) {
    padding: 40px 80px;
}
#faq_list.ui.accordion .numerical {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	background-color: #2185d0;
	text-align: center;
	color: #fff;
	border-radius: 0px;
}
#faq_list.ui.accordion:not(.styled) .title~.content:not(.ui) .faq_btn {
	padding-bottom: 30px;
}

/***** login ******/
#window,
#secret {
	display: none;
	padding: 40px !important;
}
#window .login_text strong {
    display: block;
    font: bold 16px Malgun Gothic,sans-serif;
    color: #333;
    margin-bottom: 10px;
}
#window .login_text {
    color: #9e9e9e;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px;
}
#window .login_body {
	padding: 10px;	
    font: 12px Dotum,sans-serif;
}
#window .login_form {
    position: relative;
    margin-top: 10px;
    overflow: hidden;
}
#window .login_form input {
    float: left;
    width: 235px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding-left: 15px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    letter-spacing: 0;
}
#window .login_form input.input_id {
    border-bottom: 0;
}
#window .login_form .submit {
    position: absolute;
    background-color: #ff6b00;
    color: #fff;
    text-align: center;
    width: 82px;
    height: 79px;
    right: 0;
    top: 0;
    font: 14px/79px Malgun Gothic,sans-serif;
}
#window .login_save {
    margin-top: 18px;
    color: #666;
    overflow: hidden;
}
#window .login_save * {
    vertical-align: top;
}
#window .login_save input {
    margin-right: 5px;
}
#window  .login_save p {
    float: right;
}
#window .login_save p a {
    color: #666;
    display: block;
    float: left;
}
#window .login_save p a:first-child {
    background: url(../main/images/sp_gnb.gif) no-repeat 100% 0;
    padding-right: 10px;
    margin-right: 10px;
}

/***** q&a 비밀글 비번창 ******/
.k-window * {
	box-sizing: border-box !important;
}
#secret .se_body span {
	display: block;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 5px;
	color: #202020;
}
#secret .se_body span.writer {
	font-size: 14px;
	line-height: 21px;
	color: #999;
}
#secret .se_body .ui.form .pw_input {
	padding: 20px 0px;
}
#secret .se_body .ui.form .pw_input .k-input {
	width: 100%;
}

/******* paginate CSS *******/
.paginateContainer {
	display : block;
	text-align: center;
	margin-bottom: 20px;
}
.paginateContainer .paginateList,
.paginateContainer .paginateShowAllList {
	display: inline-block;
}
.paginateContainer  li {
	display: inline-block;
	float: left;
}
.paginateContainer .paginateList .paginateAnchor {
	text-decoration: none;
	cursor: pointer;
	float: left;
	/* Select None */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-weight: 600;
	background-color: #ffffff;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	font-size: 12px;
	color: #666;
}
.paginateContainer .paginateAnchor:hover {
	background-color: #F3F3F3;
}
.paginateContainer .paginatePrevious .paginateAnchor{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #DCDCDC;
}
.paginateContainer .paginateNext .paginateAnchor {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}
.paginateContainer .paginateActive .paginateAnchor,
.paginateContainer .paginateActive .paginateAnchor:hover {
	cursor: default;
	background-color: #767676;
	color: #fff;
}

.paginateContainer .paginateDisabled .paginateAnchor,
.paginateContainer .paginateDisabled .paginateAnchor:hover {
	color: #999999;
	cursor: default;
}
.paginateContainer .paginateShowAllList {
	float: right;
}
.paginateContainer .paginateShowAllList .paginateShowAll .paginateAnchor {
	text-decoration: none;
	cursor: pointer;
	/* Select None */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 32px;
	width: 100px;
	line-height: 32px;
	font-weight: 600;
	background-color: #E0E1E2;
	border: 1px solid #DCDCDC;
	font-size: 12px;
	color: #666666;
	border-radius: 3px;
	behavior: url(../js/PIE.htc);
	display: block;
	display: none;
}
.paginateContainer .paginateShowAllList .paginateShowAll .paginateAnchor:hover {
	background-color: #CACBCD;
}
.sub_body .search_blocks:not(switch):before,
.sub_body .search_blocks .k-combobox:not(switch):before,
.sub_body .search_blocks .k-combobox .k-dropdown-wrap:not(switch):before {
	display: none;
}

/****** SNS 로그인 ******/
#window .login_body.sns_login ul {
	margin-bottom: 30px;	
}
#window .login_body.sns_login li {
	margin-bottom: 5px;
}
#window .login_body.sns_login li * {
	font-size: 15px;
	line-height: 38px;
	font-family: "notoR";
	font-weight: normal;
	color: #fff;
}
#window .login_body.sns_login li .ui.button {
	width: 100%;
	text-align: left;
	padding: 5px 20px;
}
#window .login_body.sns_login li .ui.button.fbook {
	background-color: #3B5999;
}
#window .login_body.sns_login li .ui.button.cacao {
	background-color: #FFD800;
}
#window .login_body.sns_login li .ui.button.naver {
	background-color: #2DB400;
}
#window .login_body.sns_login li .ui.button.asan {
	background-color: #FA5A44;
}

#window .login_body.sns_login li .ui.button .icon {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 40px;
	height: 38px;
	display: inline-block;
	vertical-align: bottom;
	opacity: 1;
	margin-right: 20px;
}
#window .login_body.sns_login li .ui.button .icon:after {
	width: 1px;
	height: 30px;
	background-color:rgba(0,0,0,0.15);
	margin: 5px 0px 0px 50px;
	content: '';
    display: block;
}
#window .login_body.sns_login li .ui.button.fbook .icon {
	background-image: url(../main/images/facebook.png);
}

#window .login_body.sns_login li .ui.button.cacao .icon {
	background-image: url(../main/images/cacao.png);
}
#window .login_body.sns_login li .ui.button.naver .icon {
	background-image: url(../main/images/naver.png);
}
#window .login_body.sns_login li .ui.button.asan .icon {
	background-image: url(../main/images/asan.png);
}
#window .login_body.sns_login .txt_center {
	text-align: center;	
}


.k-widget.k-window.login {
	left: 50% !important;
    top: 50% !important;
    margin-left: -221px;
    margin-top: -162px;
}
.k-widget.k-window.faq_input {
	left: 50% !important;
    top: 50% !important;
    margin-left: -451px;
    margin-top: -308px;
}

/****** photo CSS ******/
.photo_list,
.photo_list.newspaper {
	padding: 40px 10px;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 40px;
}
.photo_list a {
    float: left;
    position: relative;
    margin: 0 45px 50px 0;
    width: calc(100% / 4 - 35px);
    border: 1px solid #ebebeb;
    border-bottom: 5px solid #ebebeb;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
	display: block;
}
.photo_list a:nth-of-type(4n) {
	margin-right: 0;
}
.photo_list a:hover {
	border-bottom-color: #e01554;
	box-shadow: rgba(0, 0, 0, 0.15) 2px 4px 10px;
}
.photo_list .b-img-box {
    text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
	height: 160px;
	position: relative;
}
.photo_list.newspaper .b-img-box {
	height: 300px;
}
.photo_list .b-img-box img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.photo_list .b-box02 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
}
.photo_list .b-box02 .b-title-box {
    padding: 0px 20px 10px 22px;
    border-bottom: 1px solid #ebebeb;
}

.photo_list.newspaper .b-box02 .b-title-box {
    border-top: 1px solid #ebebeb;
}
.photo_list .b-box02 .b-title-box span {
    display: block;
    height: 54px;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
}
.photo_list .b-box02 .b-title-box  .b-span-box {
    position: absolute;
    right: 10px;
    bottom: 8px;
}
.photo_list .b-box02 .b-title-box .b-label {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 3px 8px 4px 8px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    background: #645faa;
    line-height: 13px;
    height: 23px;
}
.photo_list .b-box02 .b-info-box {
    padding: 9px 18px;
	overflow: hidden;
}
.photo_list .b-box02 .b-info-box  li.b-writer,
.photo_list .b-box02 .b-info-box  li span {
    display: none;
}
.photo_list .b-box02 .b-info-box li {
    float: left;
    position: relative;
    margin: 0 13px 0 0;
    padding: 0 13px 0 0;
    font-size: 13px;
    line-height: 21px;
    color: #333;
}
.photo_list .b-box02 .b-info-box li.b-date:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 10px;
    background: #c7c7c7;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


body .k-checkbox {
	width: 20px;
    height: 20px;
	border-radius: 0px;
}
body .k-radio {
    width: 20px;
    height: 20px;
}
body .k-checkbox::before {
    width: 20px;
    height: 20px;
    font-size: 20px;
	border-radius: 0px;
}
body .k-radio::before {
    width: 12px;
    height: 12px;
}
@media (max-width: 1300px) {
	#bbs_view .bbs_header h1 {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -1px;
	}
	#bbs_view .bbs_file li {
		font-size: 15px;
		line-height: 27px;
	}
	#bbs_view .bbs_header span,
	#bbs_view .bbs_link a {
		font-size: 15px;
		line-height: 24px;	
	}
	#faq_list .title {
		padding: 20px 0 19px 50px;
	}
	#faq_list .title:not(.ui) i {
		top: 25px;
	}
	#faq_list.ui.accordion .numerical {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	
}
@media (max-width: 1024px) {
	#bbs_list .ui.table tr th:nth-child(1) {
		width: 12%;
	}
	#bbs_list .ui.table tr th:nth-child(2) {
		width: 56%;	
	}
	#bbs_list .ui.table tr th:nth-child(3) {
		width: 16%;	
	}
	#bbs_list .ui.table tr th:nth-child(4) {
		width: 16%;
	}
	#bbs_view .bbs_header,
	#bbs_view .bbs_file,
	#bbs_view .bbs_link {
		padding: 15px 30px;
	}
	#bbs_view .bbs_con {
		padding: 30px;
	}
	#bbs_view .bbs_header h1 {
		font-size: 21px;
		line-height: 27px;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}
	#bbs_view .bbs_file li {
		font-size: 14px;
		line-height: 24px;
	}
	#bbs_view .bbs_header span,
	#bbs_view .bbs_link a {
		font-size: 14px;
		line-height: 21px;	
	}
	#bbs_view .bbs_bottom dl {
		line-height: 39px;
	}
	#bbs_view .bbs_bottom dl dt {
		width: 180px;
		text-indent: 36px;
		font-size: 14px;
	}
	#bbs_view .bbs_bottom dl dd {
		width: calc( 100% - 180px);
		font-size: 14px;
	}
	#bbs_view .ui.button,
	#bbs_input .ui.button {
		font-size: 16px;
		line-height: 24px;
		padding: 10px 25px;
	}
	#bbs_input #fieldlist li .tit {
		width: 150px;
	}
	#bbs_input #fieldlist li .input_con,
	#bbs_input #fieldlist li .con {
		width: calc(100% - 150px);
	}
	#bbs_input #fieldlist li .tit label,
	#bbs_input #fieldlist li .input_con label,
	#bbs_input li .k-dropzone .k-button span:before {
		font-size: 15px;
		line-height: 24px;
	}
	#bbs_input li input.k-textbox,
	#bbs_input input.k-textbox,
	#bbs_view .reply #fieldlist li input.k-textbox {
		font-size: 14px;
	}
	
	#bbs_list .ui.table thead th,
	#bbs_list .ui.celled.table tr td {
		font-size: 15px;
		line-height: 24px;
		padding:10px;
	}
	#bbs_list .ui.table .ui.label {
		font-size: 10px;
		padding: 3px 10px;
		line-height: 10px;
	}
	#bbs_view .reply {
		padding: 30px;
		margin-bottom: 30px;
	}
	#bbs_view .reply .reply_writer {
		padding-left: 0px;
		width: auto;
		margin-right: 30px;
		font-size: 14px;
    	line-height: 24px;
	}
	#bbs_view .reply .reply_con {
		float: none;
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	#bbs_view .reply .reply_date {
		float: left;
	}
	#bbs_view .reply #fieldlist li span.btn_zone {
		width: 100%;
		float: none;
	}
	#bbs_view .reply #fieldlist li span.btn_zone .ui.button {
		font-size: 14px;
		width: 100%;
		line-height: 30px;
		padding: 0px;
	}
	#bbs_view .reply #fieldlist li span.input_con,
	#bbs_view .reply .icon_zone {
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 10px;
	}
	#bbs_view .reply #fieldlist li span.tit {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	#faq_list .title {
    	padding: 20px 0 19px 30px;
	}
	#faq_list .title:not(.ui) i {
		right: 20px;
	}
	#faq_list.law.ui.accordion:not(.styled) .title~.content:not(.ui) {
		padding: 40px;
	}
	.block #faq_list.ui.accordion:not(.styled) .title~.content:not(.ui) {
		padding: 30px !important;
	}
	.k-widget.k-window.faq_input {
		width: 90% !important;
		left: 50% !important;
		margin-left: calc( 55% - 100%);
	}
	.k-widget.k-window.faq_input {
		width: 700px !important;
		margin-left: -351px;
		margin-top: -305px;
	}
	#win_input #bbs_input #fieldlist li .tit {
		width: 140px;
	}
	#win_input #bbs_input #fieldlist li .input_con {
		width: calc(100% - 140px);
	}
	#bbs_list .ui.celled.table.research_bbs tr td span.con {
		font-size: 14px;
		line-height: 21px;
	}
	#bbs_input li textarea.non_editor {
		font-size: 14px;
		line-height: 21px;
	}
	
	.photo_list a {
    	width: calc(100% / 2 - 25px) !important;
	}
	.photo_list a:nth-of-type(3n) {
		margin-right: 45px !important;
	}
	.photo_list a:nth-of-type(2n) {
		margin-right: 0px !important;
	}
}

@media (max-width: 767px) {
	#search_zone .search_block {
		width: 90%;
	}
	#search_zone .search_block .k-combobox,
	#search_zone .search_block .k-textbox,
	#search_zone .search_block .ui.button {
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 3px;
	}

	
	#bbs_list .ui.table table,
	#bbs_list .ui.table tbody,
	#bbs_list .ui.table tr,
	#bbs_list .ui.table th,
	#bbs_list .ui.table td {
		display:block;
	}
	
	#bbs_list .ui.table thead tr {
		position:absolute;
		left:-9999px;
		top:-9999px;	
	}
	#bbs_list .ui.table:not(.unstackable) tbody,
	#bbs_list .ui.table:not(.unstackable) tr,
	#bbs_list .ui.table:not(.unstackable) tr>td,
	#bbs_list .ui.table:not(.unstackable) tr>th {
		width: 100% !important;
		padding: 0px;
	}
	#bbs_list .ui.table:not(.unstackable) tr {
		border-bottom: 1px solid #d7d7d7;	
	}
	#bbs_list .ui.table tr:after {
		content:"";
		display:block;
		clear:both;
	}
	#bbs_list .ui.table tr td:first-child {
		padding-top: 10px !important;
	}
	#bbs_list .ui.table tr td:last-child {
		padding-bottom: 10px !important;
	}
	#bbs_list .ui.table td {
		position:relative;
		float:left;
		width:100%;
		padding-left:120px !important;
		box-sizing:border-box;
		text-align: left !important;
		border-right: none;
		border-left: none;
		font-size: 15px;
		line-height: 21px;
	}
	#bbs_list .ui.table td:before {
		position:absolute;
		left:0px;
		color: #BC9B6A;
		text-align: right;
		width: 100px;
	}
	#bbs_list .ui.table td:before {
		width: 100px;
	}
	#bbs_list .ui.table tr:nth-child(2n) td  {
		background-color: #f7f7f7;
	}
	
	#bbs_list .ui.table.qna_bbs td:nth-child(1):before {
    	content: "답변상태 :";
	}
	#bbs_list .ui.table.qna_bbs td:nth-child(2):before {
    	content: "제목 :";
	}
	#bbs_list .ui.table.qna_bbs td:nth-child(3):before {
    	content: "작성자 :";
	}
	#bbs_list .ui.table.qna_bbs td:nth-child(4):before {
    	content: "등록일 :";
	}
	#bbs_list .ui.table td:nth-child(1):before {
    	content: "번호 :";
	}
	#bbs_list .ui.table td:nth-child(2):before {
    	content: "제목 :";
	}
	#bbs_list .ui.table td:nth-child(3):before {
    	content: "등록일 :";
	}
	#bbs_list .ui.table td:nth-child(4):before {
    	content: "조회수 :";
	}
	#bbs_list .ui.table.research_bbs td:nth-child(1):before {
    	content: "번호 :";
	}
	#bbs_list .ui.table.research_bbs td:nth-child(2):before {
    	content: "교수명 :";
	}
	#bbs_list .ui.table.research_bbs td:nth-child(3):before {
    	content: "구분 :";
	}
	#bbs_list .ui.table.research_bbs td:nth-child(4):before {
    	content: "제목 :";
	}
	#bbs_input #fieldlist {
		background-color: transparent;
	}
	#bbs_input #fieldlist li .tit {
		width: 100%;
		float: none;
		padding: 10px;
		text-align: left;
		border-top: 1px solid #d7d7d7;
	}
	#bbs_input #fieldlist li .input_con,
	#bbs_input #fieldlist li .con {
		width: 100%;
		float: none;
		padding: 0px 10px 20px 10px;
		text-align: left;
	}
	#bbs_input #fieldlist li:first-child .tit,
	#bbs_input #fieldlist li:first-child .input_con,
	#bbs_input #fieldlist li:first-child .con {
		padding-top: 10px;
	}
	#bbs_input #fieldlist li .input_con,
	#bbs_input #fieldlist li .con {
		width: 100%;
	}
	#bbs_input #fieldlist li .tit label,
	#bbs_input #fieldlist li .input_con label,
	#bbs_input li .k-dropzone .k-button span:before {
		font-size: 14px;
		line-height: 21px;
	}
	#bbs_input li input.k-textbox,
	#bbs_input input.k-textbox,
	#bbs_view .reply #fieldlist li input.k-textbox {
		font-size: 14px;
	}
	.k-widget.k-window.faq_input {
		width: 500px !important;
		margin-left: -250px;
		margin-top: -350px;
	}
	#win_input #bbs_input #fieldlist li .tit,
	#win_input #bbs_input #fieldlist li .input_con {
		width: 100%;
		float: none;
	}
}
@media (max-width: 650px) {
	#bbs_view .bbs_header span,
	#bbs_view .bbs_link a,
	#bbs_view .reply .reply_con,
	#bbs_view .reply .reply_writer,
	#bbs_view .reply .reply_date {
		font-size: 13px;
		line-height: 18px;
	}
	#bbs_view .bbs_header h1 {
		font-size: 19px;
		line-height: 27px;
	}
	#faq_list .title {
    	padding: 13px 0px 12px 15px;
		font-size: 14px;
		line-height: 21px;
	}
	#faq_list.ui.accordion .numerical {
    	width: 30px;
    	height: 30px;
    	line-height: 30px;
	}
	#faq_list .title dd {
		padding-left: 40px;
		padding-right: 50px;
		line-height: 18px;
    	padding-top: 6px;
	}
	#faq_list .title:not(.ui) i {
		top: 20px;
		right: 10px;
		font-size: 21px;
		line-height: 21px;
	}
	#faq_list.law.ui.accordion:not(.styled) .title~.content:not(.ui) {
		padding: 20px;
	}
	.block #faq_list.ui.accordion:not(.styled) .title~.content:not(.ui) {
		padding: 15px !important;
	}
	#bbs_list .ui.celled.table.research_bbs tr td span.con {
		font-size: 12px;
		line-height: 16px;
	}
	#search_zone .search_block .k-combobox {
		line-height: 32px;
	}
	#search_zone .search_block .k-dropdown-wrap .k-input,
	#search_zone .search_block .k-combobox,
	#search_zone .search_block .k-textbox,
	#search_zone .search_block .ui.button {
		line-height: 32px;
		font-size: 14px;
	}
	#search_zone {
		padding: 15px 0px;
	}
	#bbs_view .bbs_bottom {
		border-bottom: 1px solid #666;
		margin-bottom: 40px;
	}

	.photo_list a {
    	width: calc(100% / 2 - 12px) !important;
	}
	.photo_list a{
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.photo_list a:nth-of-type(3n) {
		margin-right: 20px !important;
	}
	.photo_list a:nth-of-type(2n) {
		margin-right: 0px !important;
	}
}
@media (max-width: 550px) {
	#bbs_list .ui.table td {
		padding-left:100px !important;
	}
	#bbs_list .ui.table td:before {
		width: 80px;
	}
	#bbs_view .bbs_header,
	#bbs_view .bbs_file,
	#bbs_view .bbs_link {
		padding: 10px 15px;
	}
	#bbs_view .bbs_con {
		padding: 15px;
	}
	#bbs_view .bbs_header span.date {
		float: none;
		width: 100%;
	}
	#bbs_view .bbs_bottom dl dt {
		width: 80px;
		text-indent: 18px;
		font-size: 13px;
		padding: 0px;
	}
	#bbs_view .bbs_bottom dl dd {
		width: calc( 100% - 80px);
		font-size: 13px;
		line-height: 18px;
	}
	#bbs_input #fieldlist li .tit label,
	#bbs_input #fieldlist li .input_con label,
	#bbs_input li .k-dropzone .k-button span:before {
		font-size: 13px;
		line-height: 18px;
	}
	#bbs_input li input.k-textbox,
	#bbs_input input.k-textbox,
	#bbs_view .reply #fieldlist li input.k-textbox {
		font-size: 13px;
	}
	#bbs_view .reply {
		padding: 15px;
		margin-bottom: 20px;
	}
	.k-widget.k-window.login {
		width: 350px !important;
		left: 50% !important;
		top: 50% !important;
		margin-left: -175px;
		margin-top: -142px;
	}
	.k-widget.k-window.faq_input {
		width: 350px !important;
		margin-left: -175px;
		margin-top: -292px;
	}
	#win_input .se_body {
		padding: 0px;
	}
	#win_input #bbs_input #fieldlist li .tit,
	#win_input #bbs_input #fieldlist li:last-child .input_con {
		padding-bottom: 5px;	
	}
	#win_input #bbs_input #fieldlist {
		margin-bottom: 20px;
	}
	.photo_list a {
    	width: 100% !important;
	}
	.photo_list a{
		margin-right: 0px !important;
	}
	.photo_list a:nth-of-type(3n) {
		margin-right: 0px !important;
	}
}