@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File :content.css
	Company :The Webstyle co.,ltd
	 Author : Ho Sung, Lee 2018-08
	 CSS 적용순서 :아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 :Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 :display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/


/* Section */
.section {margin-bottom:25px;}
.section-header {position:relative; margin-bottom:10px;}
.section h3 {font-family:'NotoSans-Medium'; font-size:14px; color:#333;}
.section h3:before {
	content:"\f111";
	margin-right:5px;
	font-family:"Font Awesome 5 Free";
	font-size:10px;
	line-height:14px;
	color:#294d84;
	font-weight:900;
}
.section-header .section-header-btn {display:inline-block; position:absolute; bottom:0px; right:0;}

/* Layer */
.modal {display:none;}
.lp-wrapper {position:relative; overflow:hidden; width:100%; background-color:#fff;}
.lp-header {position:absolute; top:0px; left:0px; width:100%; height:40px; padding-left:20px; background-color:#294d84;}
.lp-header h2 {font-family:'NotoSans-Regular'; font-size:16px; line-height:40px; color:#fff;}
.lp-container {position:relative; padding-top:40px; overflow-y:auto;}
.lp-content {position:relative; padding:20px;}
.lp-content .img-wrap {text-align:center;}
.lp-footer {}
.lp-wrapper .btn_lp_close {position:absolute; top:10px; right:10px; width:20px; height:20px; color:#fff;}
.lp-wrapper .btn_lp_close span:before {font-size:20px !important;}

/* Box Type */
.box-type1 {padding:15px 20px; border:1px solid #ddd; background-color:#fff;}

/* Data Table */




/* Board Search */
.board-search-wrap {position:relative; z-index:2; margin-bottom:20px;}
.board-search {position:relative;}

.tbl-search {table-layout:fixed; width:100%;}
.tbl-search th,
.tbl-search td {height:40px; padding:4px 10px; font-size:13px; line-height:16px; vertical-align:middle;}
.tbl-search th {font-size:14px; color:#6f7e95; text-align:left;}

/* Board List */
.board-list-wrap {position:relative;}
.board-list-header {position:relative; overflow:hidden; margin-bottom:5px;}
.board-list-header .board-list-info {float:left; line-height:30px;}
.board-list-header .board-list-info .listCount strong {margin-left:2px; color:#F00;}
.board-list-header .board-list-info .srchOption {margin-left:10px; color:#7190b4;}
.board-list-header .board-list-info .srchOption strong {color:#333;}
.board-list-header .board-list-btn {float:right;}

.board-list {position:relative; z-index:2; border-top:1px solid #0c5b8d;}
.board-list .board-msg {display:inline-block; font-weight:700;}
.board-list .board-msg.blue {color:#294d84;}
.board-list .board-msg.red {color:#ff1c1c;}
.board-list .btn-group {display:inline-block; position:absolute; right:0px; bottom:-55px;}

.tbl-boardList {width:100%; table-layout:fixed;}
.tbl-boardList th {
	height:41px;
	padding:4px 10px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Regular';
	font-size:14px;
	line-height:16px;
	background-color:#f1f5f7;
}
.tbl-boardList th:first-child {border-left:none;}
.tbl-boardList td {
	height:41px;
	padding:4px 10px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Light';
	font-size:13px;
	line-height:16px;
	color:#666;
	text-align:center;
	background-color:#fff;
}
.tbl-boardList tr td:first-child {border-left:none;}
.tbl-boardList td.noData {height:250px; font-family:'NotoSans-Regular'; font-size:13px; line-height:250px; color:#f00; text-align:center;}
.tbl-boardList td span.notice {display:inline-block; padding:0 10px; border-radius:6px; line-height:20px; color:#fff; background-color:#ff6600;}


.tbl-boardListLg {width:100%; table-layout:fixed;}
.tbl-boardListLg th {
	height:55px;
	padding:4px 10px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Regular';
	font-size:18px;
	font-weight:600;
	line-height:20px;
	background-color:#f1f5f7;
}
.tbl-boardListLg th:first-child {border-left:none;}
.tbl-boardListLg td {
	height:55px;
	padding:4px 10px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Light';
	font-size:18px;
	font-weight: 800;
	line-height:16px;
	color:#666;
	text-align:center;
	background-color:#fff;
}

.tbl-boardListLg tr td:first-child {border-left:none;}
.tbl-boardListLg td.noData {height:250px; font-family:'NotoSans-Regular'; font-size:13px; line-height:250px; color:#f00; text-align:center;}
.tbl-boardListLg td span.notice {display:inline-block; padding:0 10px; border-radius:6px; line-height:20px; color:#fff; background-color:#ff6600;}


/* Board Pager */
.board-pager-wrap {position:relative; margin-top:25px; text-align:center;}
.board-pager {display:inline-block; overflow:hidden;}
.board-pager a.board-nav {display:inline-block; width:30px; height:30px; font-size:0px; vertical-align:middle;}
.board-pager a.board-nav:before {
	display:block;
	border:1px solid #e7e7e7;
	font-family:"Font Awesome 5 Free";
	font-size:14px;
	font-weight:900;
	line-height:28px;
	color:#ccc;
	background-color:#fff;
}
.board-pager .board-nav:hover:before {border:1px solid #7190b4; background:#7190b4; color:#fff;}
.board-pager .board-nav.btn_boardNav_first:before {content:"\f100";}
.board-pager .board-nav.btn_boardNav_prev:before {content:"\f104";}
.board-pager .board-nav.btn_boardNav_next:before {content:"\f105";}
.board-pager .board-nav.btn_boardNav_last:before {content:"\f101";}
.board-pager .board-page {display:inline-block; overflow:hidden; height:30px; margin:0 5px; vertical-align:middle;}
.board-pager .board-page li {float:left; margin:0 3px;}
.board-pager .board-page li a {display:block; min-width:30px; height:30px; padding:0 5px; border:1px solid #e7e7e7; line-height:30px; font-size:13px; color:#999; text-align:center; background-color:#fff;}
.board-pager .board-page li:hover a,
.board-pager .board-page li.on a {border:1px solid #7190b4; background:#7190b4; color:#fff;}

/* Board View */
.board-view {position:relative; border-top:1px solid #0c5b8d;}
.board-view-header {display:table; margin-bottom:10px; border-bottom:1px solid #cfcfcf; background-color:#fff;}
.board-view-header .board-view-thumb {
	display:table-cell;
	width:196px;
	height:40px;
	padding:10px;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
	vertical-align:middle;
}
.board-view-header .board-view-thumb .thumbnail {overflow:hidden; position:relative; width:100%; height:100%; border:1px solid #ddd; text-align:center; background-color:#efefef;}
.board-view-header .board-view-thumb .thumbnail .fa {position:relative; top:50%; margin-top:-32px; font-size:40px;}
.board-view-header .board-view-thumb .thumbnail .fa:after {content:"Thumbnail"; display:block; margin-top:10px; font-size:14px;}
.board-view-header .board-view-thumb .thumbnail img {max-width:100%; height:auto;}
.board-view-header .board-view-info {display:table-cell;}

.tbl-boardView {width:100%; table-layout:fixed;}
.tbl-boardView th {
	height:41px;
	padding:4px 15px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Regular';
	font-size:14px;
	line-height:16px;
	text-align:left;
	background-color:#f1f5f7;
}
.tbl-boardView th:first-child {border-left:none;}
.tbl-boardView td {
	height:41px;
	padding:4px 10px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Light';
	font-size:13px;
	line-height:16px;
	color:#666;
	text-align:left;
	background-color:#fff;
}
.tbl-boardView td.tit {font-family:'NotoSans-Regular'; font-size:14px; color:#333;}

.board-view-body {overflow:hidden; width:100%; min-height:400px; padding:20px; border:1px solid #cfcfcf; line-height:1.5; background-color:#ffff;}
.board-view-body img {max-width:100%; height:auto;}
.board-view .btn-boardNav {
	position:absolute; 
	bottom:-55px; 
	z-index:2; 
	width:30px; 
	height:30px; 
	border:1px solid #cfcfcf; 
	border-radius:15px; 
	text-align:center;
	background-color:#fff;
}
.board-view .btn-boardNav span.ico-only:before {line-height:28px;}
.board-view .btn_boardNav_prev {left:0px;}
.board-view .btn_boardNav_next {right:0px;}

/* Board Form - BoardWrite, BoardEdit */
.board-form-wrap {position:relative;}
.board-form {position:relative; border-top:1px solid #0c5b8d;}

.tbl-boardForm {width:100%; table-layout:fixed;}
.tbl-boardForm th {
	height:41px;
	padding:4px 15px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Regular';
	font-size:14px;
	line-height:16px;
	text-align:left;
	background-color:#f1f5f7;
}
.tbl-boardForm th:first-child {border-left:none;}
.tbl-boardForm th label.ast:after {content:"*"; display:inline-block; margin-left:5px; color:#ed1c24;}
.tbl-boardForm td {
	height:41px;
	padding:4px 20px 4px 10px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	font-family:'NotoSans-Light';
	font-size:13px;
	line-height:16px;
	color:#666;
	text-align:left;
	background-color:#fff;
}
.tbl-boardForm td.cont {padding:5px 5px 5px 10px;}
.tbl-boardForm td.cont .editor-wrap {margin-right:0px;}

/* Input File List */
.input-fileList {position:relative;}
.input-fileList li {margin-top:5px;}
.input-fileList li:first-child {margin-top:5px;}
.input-fileList .btn_addFile,
.input-fileList .btn_delFile {width:30px; min-width:auto; padding:0px; text-align:center;}

/* File List */
.fileList {position:relative;}
.fileList:after {content:""; display:block; clear:both;}
.fileList li {float:left; margin-right:20px; line-height:16px;}


/* Login */
.login-wrap {position:relative; width:950px; margin:100px auto 0; border:1px solid #e1e2e2; box-shadow:2px 1px 10px 0 rgba(0, 0, 0, 0.2); background-color:#fff;}
.login-header {position:absolute; top:-15px; bottom:-15px; left:-1px; width:330px; background:url('/images/login/bg_login.png') no-repeat -5px 0 / cover;}
.login-header .login-logo {margin:0 0 0 50px;}
.login-header .login-logo:before {content:''; display:block; width:30px; height:4px; margin:170px 0 45px; background-color:#eee;}
.login-header .login-logo img {max-width:100%;}
.login-header .txt {margin:15px 0 0 50px; font:500 18px / 1 'NotoSans-Medium'; color:#fff;}

.login-body {margin-left:380px;}
.login-form {padding:120px 50px 0 0; background-color:#fff;}
.login-form .login-inputs {position:relative; overflow:hidden;}
.login-form .login-inputs ul.login-items {width:385px;}
.login-form .login-inputs ul.login-items li {position:relative; margin-top:20px; border-bottom:2px solid #b4b4b6;}
.login-form .login-inputs ul.login-items li:first-child {margin-top:0px;}
.login-form .login-inputs ul.login-items li input {width:100%; height:46px; padding-top:0; padding-bottom:0; border:0; font-size:18px;}
.login-form .login-inputs ul.login-items li input:-webkit-input-placeholder {font-size:18px; color:#696a6d;}
.login-form .login-inputs ul.login-items li input:-ms-input-placeholder {font-size:18px; color:#696a6d;}
.login-form .login-inputs ul.login-items li input::placeholder {font-size:18px; color:#696a6d;}
.login-form .login-inputs .btn_login {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:116px;
	height:116px;
	font-size:24px;
	line-height:116px;
	color:#fff;
	text-align:center;
	background-color:#17264f;
}

.login-form .login-util {overflow:hidden; padding:35px 0 65px; color:#707070;}
.login-form .login-util .idSave {float:left; margin:0 120px 0 0; cursor:pointer;}
.login-form .login-util .idSave .ui-checkbox span {font-size:16px; line-height:1; color:#696a6d;}
.login-form .login-util .findMenu {float:left;}
.login-form .login-util .findMenu a {display:inline-block; margin:0 0 0 5px; font-size:16px; color:#696a6d; vertical-align:text-top;}

.login-guide {padding:0 0 50px; font-family:'NotoSans-Light'; font-size:13px; line-height:1.4; color:#696a6d;}
.login-guide li:before {content:'*'; display:inline-block; margin:0 5px 0 0; font-family:'NotoSans-Light'; vertical-align:-3px;}

@media all and (max-width:460px) {
	html {font-size:90%;}
	.login .container {padding-top:0;}
	.login-content {width:100%; box-shadow:none;}
}

@media all and (max-width:360px) {
	.login-form .login-util .findMenu a + a:before {margin:0 6px;}
}