@charset "utf-8";

/* ResponsBoard
-----------------------------------------------------------------*/
#responBoard .xe_content {color:#666;}
#responBoard .btn {background-image:none;height:26px !important}
#responBoard th,#responBoard td{font-size:12px;color:#777;}
#responBoard .form-control {padding-top:0;padding-bottom:0;font-size:12px;}
#responBoard a.title {color:#333;}
#responBoard th a,#responBoard td.tableuser a {color:#666;}
#responBoard h3.cont-title,
#responBoard thead th {
	text-align:center;
	border-top:2px solid #444547;
	border-bottom:1px solid #bbb;
	background:#f2f2f2 repeat;
	background-image: linear-gradient(top, #F9F9F9, #F2F2F2);
	background-image: -webkit-linear-gradient(top, #F9F9F9, #F2F2F2);
	background-image: -moz-linear-gradient(top, #F9F9F9, #F2F2F2);
	background-image: -ms-linear-gradient(top, #F9F9F9, #F2F2F2);
	background-image: -o-linear-gradient(top, #F9F9F9, #F2F2F2);	
}
#responBoard table {border-bottom:1px solid #ddd}
#responBoard .table>thead>tr>th,#responBoard .table>tbody>tr>th,#responBoard .table>tfoot>tr>th,
#responBoard .table>thead>tr>td,#responBoard .table>tbody>tr>td,#responBoard .table>tfoot>tr>td{padding:8px 8px 8px;vertical-align:middle;line-height:1.8}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {background-color: #f9f9f9;}
.table > tbody > tr:first-child > td {border-top: 1px solid #e1e1e1;}

/* board header */
.board-header h1 {margin-top:0;font-size:16px;color:#555}
.board-header h1 small {font-size:13px;font-family:NanumGothic,'나눔고딕',ng}
.board-summary {font-size:12px;color:#999}

/* popup menu */
#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;margin:10px 0;padding:2px 0px;outline:none;}
#popup_menu_area ul{list-style:none;margin:0;padding:0}
#popup_menu_area li{margin:0;line-height:1.5; font-size:12px;}
#popup_menu_area a{display:block;text-decoration:none;padding:5px 10px;color:#333;}
#popup_menu_area a:hover,
#popup_menu_area a:active,
#popup_menu_area a:focus{background:#efefef;}
.document_popup_menu {text-align:right; padding:10px 0px;}

/* common */
.restboard .nocolor {color:#999;}
.restboard .nocolor a {color:#999;}
.restboard .nocolorlist {color:#222;}
.restboard .nocolorlist a {color:#222;}
.restboard .width30 {width:30px;}
.restboard .width50 {width:50px;}
.restboard .width70 {width:70px;}
.restboard .width100 {width:100%;}
.restboard .padding10 {padding:10px;}
.restboard .paddingt10 {padding:10px 0px 0px 0px;}
.restboard .paddingb10 {padding:0px 0px 10px 0px;}
.restboard .paddingb20 {padding:0px 0px 20px 0px;}
.restboard .paddingtb10 {padding:10px 0px;}
.restboard .font12 {font-size:12px;}
.restboard .font9 {font-size:9px !important;}
.restboard .relative {position:relative;}
.restboard .fa-calendar {margin-right:3px;}
.restboard .fa-calendar-o {margin-right:3px;}
.restboard .title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.restboard .content {overflow:hidden;text-overflow:ellipsis;text-align:justify;word-break:break-all;}

/* category */
#responBoard .nav.nav-pills {margin-bottom:10px;}
#responBoard .nav.nav-pills li {}
#responBoard .nav.nav-pills a {font-size:12px;color:#777}
#responBoard .nav>li>a {padding:3px 15px;border-radius:2px;}
#responBoard .nav-pills>li+li {margin-left:4px;}
#responBoard .nav.nav-pills a:hover,
#responBoard .nav-pills>li.active>a,
#responBoard .nav-pills>li.active>a:focus,
#responBoard .nav-pills>li.active>a:hover{color:#fff;background-color: #2c3e50;border-bottom:1px solid #2c3e50;}
#responBoard .nav-pills>li.active:after{border-top: 5px solid;}
#responBoard .nav-pills>li.active:after{
	content: "";position: absolute;left: 50%;bottom: -5px;
	margin-left: -5px;width: 0;height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #2c3e50;
}
#responBoard .nav-pills>li>a{background-color:#f5f5f5;border-bottom:1px solid #ddd;}
#responBoard .nav-pills>li>a>.badge{margin:0;}
#responBoard .badge{padding:1px 3px;font-size:10px;font-family:arial;color:#999;background-color:#fff;}
.btn:active, .btn.active{box-shadow:none !important}
.btn-default{color:#666 !important}

/* search */
#responBoard select,#responBoard .searchfoot input {}
#responBoard .search-select{margin-right:-1px;border-radius:2px 0 0 2px;}
#responBoard .searchfoot .form-control,#responBoard .search-select .form-control {padding-top:2px;padding-bottom:2px;height:26px!important;font-size:12px;}

/* pagination */
#responBoard .pagination{padding:0 !important;margin:10px auto 20px;text-align:center;}
#responBoard .pagination-sm>li>a, #responBoard .pagination-sm>li>span {color:#666;padding: 4px 8px 3px;}
#responBoard .pagination-sm>li>a.page-no{font-family:arial;font-size:11px;line-height:17px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {color:#666 !important;background-color: #eee !important;border-color: #ccc !important;}

/* video */
@media (max-width: 480px) {.restdocument img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}
@media (max-width: 767px) {.restdocument  img{display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}
@media (min-width: 768px) and (max-width: 979px) {.restdocument img{display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}
video {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}
.video-container {position:relative; height:0; padding-top:30px; padding-bottom:56.25%; overflow:hidden; z-index:1;}
.video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* list table */
.restlist {table-layout:fixed;margin-top:5px;}
.restlist .checkbox {padding:0px !important;margin:0px !important;}
.restlist .tablecate {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70px;}
.restlist .tableuser {white-space:nowrap;overflow:hidden; text-overflow:ellipsis;width:100px;text-align:center !important;}
.restlist .tabledate {width:90px;text-align:center !important;}

.restlist span.label,.restwebzine span.label,.restcard span.label,.restgallery span.label{padding:.2em .4em;font-size:8px}
#responBoard span.label-primary {background-color:#EACD4D}
#responBoard span.label-success {background-color:#FF8A1F}
#responBoard span.label-info {}
#responBoard span.label-warning {background-color:#FF7064}

/* webzine horizontal */
@media (max-width: 480px) {
	.restwebzine .imgwh {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;width:120px!important;height:75px!important;}
	.restwebzine h5.media-heading {font-size:13px !important}
}
.restwebzine h5.media-heading {padding:5px 15px 0 0 !important;font-size:14px;font-weight:normal;font-family:NanumGothicBold,ngBold;color:#555;letter-spacing:0}
.restwebzine .checkbox {position:absolute;right:7px;top:7px;padding:0px !important;margin:0px !important;}
.restwebzine .border-line {border:1px solid #ddd}
.restwebzine .border-line .media-body h5 .checkbox {margin:0 2px;}
.restwebzine .border-line h5.media-heading {padding-top:15px!important}
.restwebzine .rthumb {margin-right:15px !important;}
.restwebzine .media-body .viewinfo {padding:0 5px; margin-bottom:20px}
.restwebzine .media-body .viewinfo li {padding:0px; margin:0px 7px 0px 0px !important;font-size: 12px}
.restwebzine .media-body p {text-align:justify;word-break:break-all;line-height:20px}
.restwebzine .webzineborder {border-top:1px solid #efefef;padding:15px 0px 0px 0px;}
.restwebzine .webzineborder .media-body h5 .checkbox {margin:0px 9px;}
.restwebzine .videobtn  {position:absolute;right:7px; bottom:7px;}
.restwebzine .media-body .media-heading .label {font-size:61% !important;}

/* webzine vertical */
.restcard .checkbox {padding:0px !important;margin:0px !important;}
.restcard .imgwh {margin-bottom:20px;}
.restcard .ribonicon {position:absolute;left:7px;top:7px;}
.restcard .caption {padding:0px 15px!important;margin:0px !important;}
.restcard .nmarketing {margin-bottom:30px;background-color:#F4F5F7}
.restcard .nmarketing .title {padding:0;margin-bottom:5px;font-family:NanumGothicBold,ngBold;font-size:14px}
.restcard .nmarketing .caption .content {margin:0 0 15px 0;color:#999;font-size:12px}
.restcard .nmarketing .caption .viewinfo {padding:0;margin:0 0 8px;line-height:170%;}
.restcard .nmarketing .caption .viewinfo li{padding:0px; margin:0px 8px 0px 0px !important;font-size: 12px}
.restcard .nmarketing .videobtn {height:25px;margin-top:2px;}
.restcard .border-line {border:1px solid #ddd}

/* gallery */
.restgallery .checkbox {position:absolute;right:7px;top:5px;padding:0px !important;margin:0px !important;}
.restgallery .caption {position:absolute;left:0;width:100%;overflow:hidden;text-overflow:ellipsis;}
.restgallery .ribonicon {position:absolute;left:7px;top:7px;}
.restgallery .marginb30 {margin-bottom:30px;}
.restgallery .effect .caption{opacity:0;transition: all 1s ease;} 
.restgallery .effect .nothumbnail{display:block;} 
.restgallery .effect:hover .caption,
.restgallery .noeffect:hover .caption {color:#fff;background-color: #77818d;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#7f000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
opacity: .8;}
.restgallery .effect:hover .thumbnailgrow,
.restgallery .noeffect:hover .thumbnailgrow {zoom:1.1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.restgallery .effect .thumbnailfocus,
.restgallery .noeffect .thumbnailfocus{background-color:#000;transition: all 1s ease;opacity:0}
.restgallery .effect:hover .thumbnailfocus,
.restgallery .noeffect:hover .thumbnailfocus {opacity: 0.3}
.restgallery .effect:hover .caption .viewbtn span,
.restgallery .noeffect:hover .viewbtn span{padding:3px 5px;color:#333;background-color:#fff;border-radius:2px}
.restgallery .marketing .caption {top:0;height:100%;padding:20px 20px 30px 20px;text-align:center;color:#fff}
.restgallery .marketing .top {height:100%;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
.restgallery .marketing:hover .top {opacity:.9;filter:alpha(opacity=90)}
.restgallery .marketing .title {margin:0px; padding:10px 0px 15px 0px;}
.restgallery .marketing .content {font-size:12px;text-align:center;}
.restgallery .marketing .viewbtn {position:absolute; bottom:20px; width:100%;left:50%;margin-left:-50%;}
.restgallery .viewinfo .caption {padding:10px;bottom:0;color:#fff;background:rgba(0,0,0,.5); 
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#7f000000)} 
.restgallery .viewinfo .title {padding:0 0 5px;margin:0;} 
.restgallery .viewinfo .caption p{padding:0;margin:0;font-size:11px} 
.restgallery .flatinfo .caption {top:0;height:100%;min-height:100%;padding:15% 20px 20px 20px;text-align:center;color:#000;}
.restgallery .flatinfo .caption p{padding:0;margin:0;font-size:11px} 
.restgallery .flatinfo .title {padding:3px 0px !important;}
.restgallery .videobtn  {position:absolute;right:7px; bottom:7px;}
.restgallery .border-line {margin-bottom:30px;border:1px solid #ddd}

/* thumbnail */
.restboard .imgwh {position:relative;width:100%;height:0;overflow:hidden;}
.restboard .imgwh .wrap {position: absolute;top:0;left:0; width:100%;height:100%;background-color:#efefef;}
.restboard .thumbnailgrow {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.restboard .thumbnailgrow:hover {zoom:1.1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.restboard .thumbnailfocus {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.restboard .thumbnailfocus:hover {background-color:#000;opacity: 0.3;}
.restboard .rthumbnailimg {width:100%;}

/* write_form */
.extra .extra-line{margin:0 0;padding-bottom:10px;border-bottom:1px dotted #ddd;overflow:hidden}
.extra .extra-line .krZip .box {margin-top:0}
.extra .extra-line .krZip .box ul li{display:inline-block}
.extra .extra-line .krZip .addr3_selector .scroll_head{height:34px}
.extra .extra-line .krZip .addr3_selector .scroll_foot{height:44px}
.extra .text,.extra .tel,.extra .select,.extra .homepage,.extra .email_address,
.extra .date,.extra .current_address,.extra input.addr3_input,.extra input.addr4_input {
	width: 100%;padding: 4px 6px; 
	font-size: 13px;line-height: 1.428571429; 
	color: #555555; background-color: #ffffff; background-image: none; 
	border: 1px solid #cccccc; border-radius: 2px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.extra .select,.extra .date,.extra input.addr3_input,.extra input.addr4_input{width:auto}
.extra .tel {width:80px}
.extra .text:focus, .extra .select:hover {
	border-color: #66afe9; outline: 0; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.extra textarea {
	width: 100%; height:100px; padding: 6px 12px; 
	font-size: 14px;line-height: 1.428571429; 
	color: #555555; background-color: #ffffff; background-image: none; 
	border: 1px solid #cccccc; border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.extra textarea:focus {
	border-color: #66afe9; outline: 0; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.extra ul {
	list-style:none; vertical-align:bottom;display: block; 
	width: 100%;padding: 0;margin-bottom:0;
	font-size: 14px;line-height: 1.428571429; 
	color: #555555; background-color: #ffffff; background-image: none; 
}
.extra li {display:inline-block; padding-right:5px;padding-bottom:2px;}
.extra label{margin-left:5px;margin-top:5px;vertical-align: top;}
.extra li>input {display: inline-block;vertical-align:-2px;padding:0;width:13px;height:13px;}

#responBoard .input-group-addon,#fo_write .form-control,
#responBoard .searchfoot .form-control,
#responBoard .search-select .form-control,
.restdocument .form-control,
.cmt-write .form-control{padding-top:2px;padding-bottom:2px;height:26px!important;font-size:12px;}
.restdocument .form-group{margin-bottom:30px}
#responBoard textarea.form-control{padding:10px;width:100%;height:auto !important;}
#responBoard .btn:active,#responBoard .btn.active {box-shadow:none;}

/* Tag Cloud */
.restboard .tagCloud{padding:3em 0;}
.restboard .tagCloud *{margin:0;padding:0}
.restboard .tagCloud ul{text-align:justify}
.restboard .tagCloud li{display:inline;list-style:none;margin:0 5px}
.restboard .tagCloud li.rank1 a{font-weight:bold;font-size:24px}
.restboard .tagCloud li.rank2 a{font-weight:bold;font-size:18px}
.restboard .tagCloud li.rank3 a{font-weight:bold;font-size:14px}
.restboard .tagCloud li.rank4 a{font-size:12px}
.restboard .tagCloud li.rank5 a{font-size:11px}

/* content */
.restview .page-header {padding:10px 0px 12px 0px !important;margin:0px !important;font-size:18px;border-bottom:2px solid #444547}
.restview .viewinfo-bar {border-bottom:solid 1px #efefef;padding:10px 0px!important; margin:0 0 10px 0 !important}
.restview .viewinfo-bar li {padding:0px; margin:0px 7px 0px 0px !important;font-size:12px}
.restview .viewinfo-bar .text-file{color:#00ACED}
.restview .viewinfo {margin-bottom:10px}
.restview .viewinfo li {list-style:none;padding:0px; margin:0px 7px 0px 0px !important;text-align:right}
.restview .row.extra-row{margin:0 auto;margin-bottom:-1px;border: 1px solid #eee}
.restview .extra-row [class^="col-"] {padding-top: 10px;padding-bottom: 10px}
.restview .extra-row .extra-right {border-left:1px solid #eee}

.restview .restdocument {padding-top:10px;}
.restview .signature img{margin-right:10px;}
.restview #reply .pageheader {padding:0px 0px 12px 0px !important;margin:0px;}
.restview #comments .media-list {margin-bottom:20px !important;}
.restview .commentcont {position: relative;margin-left: 10px;padding: 10px 10px 30px 20px;background-color: #f4f4f4;border-radius: 10px;}
.restview .commentcont:before {content: "";position: absolute;top: 20px;left: -10px;height: 0;border-right: 10px solid;border-top: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid rgba(0, 0, 0, 0)}
.restview .commentcont:before {border-right-color: #f4f4f4}
.restview .commentcont img {margin:0px 10px 0px 5px;}
.restview #mod_cmt {margin-top:10px;}
.restview #re_cmt {margin-top:10px;}
.restview .viewtag {color:#999 !important; padding:0px 0px 10px 0px;}
.restview .viewtag a {font-size:12px !important; font-weight:normal !important;}

/*기타*/
.carousel-control .icon-next, .carousel-control .fa-chevron-right {right:50%}
.carousel-control .icon-next, .carousel-control .fa-chevron-left {left:50%}
.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .fa-chevron-left, 
.carousel-control .fa-chevron-right {position: absolute;top: 50%;z-index: 5;display: inline-block}
.docCarousel {margin-top:10px}
.docCarousel img {display:inline;min-width:30px}
.searchfoot input {height:34px !important;}
.im_memberMenu li {font-size:12px;}