@charset "utf-8";

@import
	url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css')
	;
	
/*폰트정의*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('./font/NotoSans/NotoSans-Thin.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('./font/NotoSans/NotoSans-Light.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('./font/NotoSans/NotoSans-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('./font/NotoSans/NotoSans-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('./font/NotoSans/NotoSans-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url('./font/NotoSans/NotoSans-Bold.woff') format('woff');
}

/* pretendard */
@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 900;
	font-style: normal;
}

/* ===================================
    Reset
====================================== */
html, body {
	height: 100%;
	font-size: 1rem;
	line-height: 1.769em;
	font-weight: 500;
	font-family: 'Pretendard';
	/*	font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif; */
	letter-spacing: -0.01em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

img {
	max-width: 100%;
}

input:focus, select:focus, button:focus, textarea:focus {
	outline: none;
}

a:hover, a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul, ol, dl, li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.aL {
	text-align: left !important;
}

.aC {
	text-align: center !important;
}

.aR {
	text-align: right !important;
}

img {
	border: 0
}

/*보드*/
.allcount {
	padding-top: 30px
}

.allcount span {
	color: #FF5130;
	font-weight: 400;
}

.default_search {
	position: relative;
	margin: 20px 0;
}

.default_search .sub-j {
	width: 400px;
	position: relative;
	margin: 20px auto; 
	display: flex;
}

.default_search .sub-j a#btnSearch {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: -20px;
	width: 40px;
	height: 40px;
	background-color: #666D70;
	color: #FFF;
	padding: 7px 14px;
	border-radius: 0 5px 5px 0;
}

.default_search fieldset select {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	min-width: 120px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 300;
	border: 1px solid #ccc;
	border-right: 0px solid #ccc;
	background: #fff;
	border-radius: 5px 0px 0px 5px;
}

.default_search fieldset input {
	display: inline-block;
	min-width: 240px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc;
	padding: 0 55px 0 130px;
	border-radius: 5px;
	font-weight: 400;
}

.default_search fieldset button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #666D70;
	color: #fff;
	border: 1px solid #B0B5B9;
	border-radius: 0 5px 5px 0;
}

.defaultboard .default_table table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #5a5a5a;
	border-bottom: 2px solid #5a5a5a;
}

.defaultboard .default_table table caption {
	display: none
}

.defaultboard .default_table table tbody tr {
	height: 60px;
}


.defaultboard .default_table table tbody tr:hover {
	background: #F7F8FA;
}

.defaultboard .default_table table thead th {
	margin-bottom: 10px;	
/* 	border: 1px solid #b6b6b6; */
}

.defaultboard .default_table table thead th {
	height: 40px;
	word-break: keep-all;
/* 	padding: 25px 10px; */
	font-size: 16px;
	font-weight: 600;
	color: #212529;
/* 	color: #1e1e1e; */
	background: #e3e7e9;
/* 	background: #CDD2D5; */
/*	background: #B0B5B9;	*/
	text-align: center;
 	border-top: 1px solid #ddd; 
 	border-bottom: 1px solid #b6b6b6; 
	position: relative;
}

.defaultboard .default_table table tbody th {
	vertical-align: middle;
	word-break: keep-all;
}

.defaultboard .default_table table tbody td {
	vertical-align: middle;
	padding: 20px 10px;
	font-size: 15px;
	font-weight: 400;
	color: #5B666A;
/* 	color: #2D383C; */
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.defaultboard .default_table table tbody td a {
	color: #444;
	font-weight: 500;
}

.defaultboard .default_table table tbody td a:hover {
	color: #4B68FF;
}

.defaultboard .default_table table tbody td.subject {
	text-align: left;
}

.defaultboard .default_table table tbody td.subject .new {
	position: relative;
	display: inline-block;
	width: 30px;
	top: -1px;
	height: 15px;
	margin: 0 8px;
	background: url(../images/common/ic_new.gif) no-repeat 50% 50%;
	text-indent: -9999em;
	vertical-align: middle;
}

.defaultboard .default_table table tbody td.subject .reply {
	display: inline-block;
	position: relative;
	left: -2px;
	padding: 0 0 0 30px;
	background: url(../images/common/ico_reply.png) no-repeat 10px 15px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1px;
}

.defaultboard .default_table table tbody td.subject .reply2 {
	display: inline-block;
	position: relative;
	left: 10px;
	padding: 0 0 0 45px;
	background: url(../images/common/ico_reply.png) no-repeat 10px 15px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1px;
}

.defaultboard .default_table table tbody td.subject .list_reply {
	color: #aa6801
}

.defaultboard .default_table table tbody td .notice {
	font-size: 14px;
	color: #FF5130;
	font-weight: 500;
}

/* 페이징 */
.paging {
	position: relative;
	display: block;
	padding-top: 30px;
	text-align: center;
}

.paging a {
	font-size: 15px;
	color: #666;
	font-weight: 400;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 12px;
	border-radius: 25px;
}

.paging strong {
	font-size: 15px;
	color: #666;
	font-weight: 400;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 12px;
	border-radius: 5px;
}

.paging a.go-prev, .paging a.go-next {
	font-size: 15px;
	color: #666;
	font-weight: 600;
	display: inline-block;
	height: 40px;
	width: 60px;
	line-height: 25px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 12px;
	border-radius: 25px;
}

.paging .invisible {
	display: none;
}

.paging a:last-child {
	margin-right: 0;
}

.paging a:hover, .paging strong {
/* 	background: rgba(184, 134, 79, 0.3); */
	background: #CDD2D5;
	color: #353A3B;
	border-radius: 5px;
/* 	color: #a46c35; */
}

/* view */
.boardview {
	margin-top: 30px;
}


.boardview .bod_view h2 {
	position: relative;
	border-bottom: 2px solid #B6B6B6;
	border-top: 1px solid #ddd;
	padding: 25px 10px;
	font-size: 20px;
	color: #212529;
	background: #CDD2D5;
	text-align: center;
	font-weight: 600;

}

.boardview .bod_view h2.title {
	overflow: hidden;
	display: block;
	font-size: 20px;
	line-height: 40px;
	color: #212529;
/* 	text-overflow: ellipsis;
	white-space: nowrap; */
	word-spacing: 10%;
}

.boardview .bod_view .contxt {
	padding: 20px 0px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}

.boardview .bod_view .contxt span {
	padding: 0 0 0 15px
}

.boardview .bod_view .contxt .right {
	text-align: right;
	font-weight: 400;
	color: #5B666A;
}

.boardview .bod_view .contxt a {
	color: #666;
}

.boardview .bod_view .contxt a:hover {
	color: #c88d4d;
}

.boardview .viewcontent {
	position: relative;
	display: block;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	min-height: 300px;
	background: none !important;
	width: auto !important;
	font-weight: 400;
}

.boardview .prevnext {
	padding: 25px 0;
}

.boardview .prevnext ul {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
}

.boardview .prevnext li {
	position: relative;
	padding: 0 90px 0 110px;
	height: 44px;
	border-top: 0;
	font-weight: 400;
	color: #353A3B;
}

.boardview .prevnext li:nth-child(2) {
	position: relative;
	padding: 0 90px 0 110px;
	height: 44px;
	border-top: 0;
	font-weight: 400;
	color: #353A3B;
}

.boardview .prevnext li strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	background: #fafafa;
	height: 43px;
	line-height: 43px;
	font-size: 14px;
	text-align: center;
	display: block;
	color: #555;
}

.boardview .prevnext li strong i {
	padding: 0 5px;
}


.boardview .prevnext li p {
	color: #999;
	line-height: 44px;
}

.boardview .prevnext li a {
	display: block;
	color: #666;
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.boardview .prevnext li .prev-no,
.boardview .prevnext li .next-no {
	display: block;
	color: #666;
	height: 44px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-top: 10px;
}

.boardview .prevnext li a:hover {
	color: #FF5130;
	border-radius: 5px;
}

.boardview .prevnext li span.reply {
	position: absolute;
	top: 11px;
	right: 18px;
	display: block;
	color: #999;

}

/* write */
.community-write .writebox {
	border-top: 2px solid #5a5a5a;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	margin-bottom: 40px
}

.community-write .group-input {
	font-weight: 400;
}

.community-write .group-input label {
	font-weight: bold;
}

.community-write .group-input label span {
	color: red;
}

.community-write .group-input input[type=text] {
	width: 100%;
	font-size: 0.8125rem;
	color: #636363;
	height: 40px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 15px;
}

.community-write .group-input input#zip,
.community-write .group-input input#mrnZip,
.community-write .group-input input#prtctorZip {
	margin-right: 15px;
}

.community-write .group-input input[type=password] {
	width: 100%;
	font-size: 0.8125rem;
	color: #636363;
	height: 40px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 15px;
}

.community-write .group-input textarea {
	width: 100%;
	resize: none;
	font-size: 0.8125rem;
	color: #636363;
	height: 150px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding-left: 20px;
	padding-top: 10px;
}

.community-write .capwid {
	padding-right: 20px
}

.community-write .capwidInput {
	font-size: 0.8125rem;
	color: #636363;
	height: 40px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding-right: 20px;
}

/* write */
.community-write .group-input select {
	width: 100%;
	font-size: 0.8125rem;
	color: #636363;
	height: 40px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 15px;
}

.community-write .width100 {
	padding-right: 65px
}

.site-btn {
	color: #ffffff;
	background: #8800ff;
	border: 1px solid #e7ab3c;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 13px 45px 11px;
	cursor: pointer;
}

.btn.btn-primary {
/* 	margin-top: 30px;
	margin-bottom: 50px; */
}

/* 탭 */
.list-tab {
	width: 100%;
}

.list-tab .nav-tabs {
	width: 100%;
	margin: 0 auto;
	border: none;
	display: table;
}

.list-tab .nav-tabs .nav-item {
	width: auto;
	display: table-cell;
	text-align: center;
}

.list-tab .nav-tabs .nav-item:last-child {
	border-right: none;
}

.list-tab .nav-tabs .nav-item .nav-link {
	padding: 14px 0 13px 0;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.list-tab .nav-tabs .nav-item .nav-link.active {
	color: #000;
	border-bottom: 3px solid #4159AF;
}

.list-tab .nav-tabs .nav-item .nav-link {
	color: #171822;
	font-weight: 600;
	font-size: 1.125rem;
}

/*팝업*/
#popuppage {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff
}

.pagetitle {
	width: 100%;
	border-top: 3px solid #154a75;
	padding: 10px 0;
}

.pagetitle span {
	color: #3b3b3b;
	color: #333;
	font-size: 36px;
	letter-spacing: 0;
	padding-left: 10px;
	line-height: 40px;
	letter-spacing: -0.07em;
}

.popuppcontents {
	position: relative;
	padding: 10px
}

.grybox {
	border: 1px solid #dddddd;
	background-color: #f2f2f2;
	padding: 15px;
	margin: 0 0 10px 0
}

#popuppage .subtitle {
	background: url('../images/icon02.png') no-repeat 0 0;
	padding-left: 20px;
	color: #353535;
	font-size: 16px;
	font-weight: 600;
	margin: 20px 0 10px 0
}

/*갤러리형식*/
.board_photoList {
	display: inline-block;
	width: 100%;
	border-top: 2px #676767 solid;
	border-bottom: 1px solid #DADFE4;
	margin-bottom: 10px;
	margin-top: 10px
}

.board_photoList li {
	display: block;
	width: 30%;
	float: left;
	padding: 20px 10px 10px 10px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.board_photoList li p.title {
	margin: 0;
	padding: 10px 0 0 0;
	color: #444;
	font-weight: 600;
	font-size: 14px;
	text-align: left;
	background: none;
}

.board_photoList li p.title a {
	position: relative;
	display: inline-block;
	width: 95%;
	line-height: 18px;
	overflow: hidden;
	height: 35px;
	text-overflow: ellipsis; /*포토형게시판 제목2줄표현- white-space:nowrap;*/
	color: #222;
}

.board_photoList li p.title a:hover, .board_photoList li p.title a:focus
	{
	color: #2b5679;
}

.board_photoList li p.clubtitle {
	margin: 0;
	padding: 10px 0 0 0;
	color: #444;
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	background: none;
}

.board_photoList li p.clubtitle a {
	position: relative;
	display: inline-block;
	width: 95%;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
}

.board_photoList li p.clubtitle a:hover, .board_photoList li p.clubtitle a:focus
	{
	color: #8e1205;
}

.board_photoList li p.link a {
	background: url(../images/hmpg/homelink.gif) no-repeat 0 2px;
	font-size: 12px;
	height: 30px;
	color: #444;
	padding: 2px 3px 0 22px;
	letter-spacing: -0.2px;
}

.board_photoList li p.link a:hover, .board_photoList li p.title a:focus
	{
	font-size: 12px;
	color: #c37700;
	letter-spacing: -0.2px;
}

.board_photoList li p.date {
	font-size: 12px;
}

.board_photoList li .thump_img {
	display: block;
	width: 100%;
	height: 145px;
	border: 1px solid #ddd;
}

.board_photoList li a.thump_img:hover, .board_photoList li a.thump_img:focus
	{
	border: 1px solid #5a8cb4;
}

.board_photoList li .thump_img img.thum_photo {
	display: block; /*position:absolute;bottom:0;*/
	margin: 0 auto;
	width: 100%;
	height: 100%;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 991px) {
	.mb_none {
		display: visible;
	}
	.boardview .bod_view .contxt .right {
		text-align: left;
	}
	.boardview .prevnext li span.reply {
		display: none
	}
	.list-tab .nav-tabs {
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.list-tab .nav-tabs .nav-item {
		width: auto;
		text-align: center;
	}
}