@charset "utf-8";

/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
*/


/* reset */
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table{font-size:16px;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}

/* Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
input[type=number],
textarea{height:33px; padding:7px 8px; margin:2px 0px; border:1px solid #ddd; background:#fff; vertical-align:middle;}
textarea{resize:none; width:100%; height:250px; box-sizing:border-box; padding:15px; border:1px solid #dbdbdb; resize:none;}
select{height:33px; padding:0 8px; margin:2px 0px; border:1px solid #ddd; background:#fff; vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="file"],
select,
textarea{-webkit-border-radius:1px; -webkit-appearance:none;}
select{padding-right:30px; background:url(../images/board/select_arrow.svg) no-repeat calc(100% - 10px) 50%; background-size:7px 7px;}
body[class*="ie"] select{padding-right:10px;}
input[type=file]{background:#eee; font-size:1.08em;}
input[readonly],
input[disabled]{background:#eee;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[type=checkbox] + label,
input[type=radio] + label{margin-right:20px;}
table{width:100%;}
.input50{width:50px !important;}
.input70{width:70px !important;}
.input100{width:100px !important;}
.input200{width:200px !important;}
.input300{width:300px !important;}
.input400{width:400px !important;}
.inputFull{width:100% !important;}
/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#c51917;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}


/* table */
.table{margin-top:15px; border-top:2px solid #3b3d58;}
.table thead th{background:#f9fbfc; border-bottom:1px dashed #e0e0e0;}
.table thead tr:last-child th{border-bottom:1px solid #e0e0e0;}
.table thead th[rowspan]{border-bottom:1px solid #e0e0e0; border-right:1px dashed #e0e0e0;}
.table tbody th{background:#f9fbfc; border:1px solid #e0e0e0; border-right-color:#e0e0e0;}
.table thead + tbody th{background:transparent; border-right-color:#e0e0e0;}
.table th,
.table td{padding:16px 15px; line-height:1.7; word-break:keep-all;}
.table th{text-align:center; font-weight:500;}
.table tbody td{border:1px solid #e0e0e0; text-align:left;}
.table tbody tr td:last-child{border-right-width:0px;}
.table tbody tr td:first-child,
.table tbody tr th:first-child{border-left-width:0px;}
.table thead + tbody tr td{text-align:left;}
.table .bg01{text-align:center !important; background:#f6f8fa;}
.table .tac{text-align:center !important;}
.table .tar{text-align:right !important;}
.mob_info{display:none;}


/* layer popup - basic */
.layerPop{position:absolute; z-index:90;}
.layerPop a{display:block;}
.layerPop img{max-width:100%;}
.layerPop .btn{padding:3px 10px; background:#292b42; text-align:right;}
.layerPop .btn button{display:inline-block; margin-left:15px; background:none; color:#fff; font-size:12px;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.6);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; min-width:610px; min-height:360px; box-sizing:border-box; background:#fff; box-shadow:3px 15px 20px rgba(0,0,0,0.15); transform:translate(-50%, -50%); border-radius: 10px; overflow: hidden;}
[data-pop-layer="layer"] .popBox h2{height:67px; padding:0 20px !important; font-size:24px !important; font-weight: 600; color:#fff; background-color: #20c171; border-radius: 10px 10px 0 0; box-sizing:border-box;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:100%; text-align: center; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span > i{display: inline-block; vertical-align: middle; padding:3px 15px 0 15px; margin-right:10px; border:1px solid #fff; border-radius: 12px; font-size: 14px; font-weight: bold; font-family: 'GmarketSansLight';}
[data-pop-layer="layer"] .popBox h4{margin:10px 0; font-size:20px;}
[data-pop-layer="layer"] .popBox h5{margin:10px 0; font-size:20px;}
[data-pop-layer="layer"] .popBox h6{position:relative; margin:25px 0 8px 0; display:block; width:100%; padding:0 0 8px 20px; text-align:left; font-size: 18px; word-break:keep-all; line-height:1.6; font-weight: 500; color:#222; border-bottom:1px dashed #ddd;}
[data-pop-layer="layer"] .popBox h6:before{opacity: .9; content: "";display: inline-block;position: absolute;top: 9px;left: 0;width: 7px;height: 4px;background: transparent;border: 2px solid #2578de;border-top: none;border-right: none;transform: rotate(-45deg);}
[data-pop-layer="layer"] .popBox p{font-size:16px; font-weight: bold; font-family: 'GmarketSansLight';}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:0px; right:0px; width:70px; height:67px; line-height:67px; background-color: transparent;}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; width:18px; height:18px; margin:-4px auto 0; vertical-align:middle; background:url(../images/module/btn_close.png) no-repeat 50% 0; background-size:18px 18px; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{overflow-y:auto; max-height:532px; box-sizing:border-box; padding:20px 20px 40px;}
body[class*="ie"] [data-pop-layer="layer"] .popBox h2{height:68px; box-sizing:border-box;}

@media screen and (max-width:1024px){
    [data-pop-layer="layer"] .popBox{top:0px !important; left:0px !important; width:100% !important; height:100%  !important; min-width:inherit; min-height:inherit; transform:translate(0,0);}
    [data-pop-layer="layer"] .popBox,
    [data-pop-layer="layer"] .popBox h2{border-radius: 0;}
	[data-pop-layer="layer"] .popBox h2{height:67px; box-sizing:border-box; padding-right:80px !important;}
	[data-pop-layer="layer"] .popBox .popConts{height:calc(100% - 67px); max-height:inherit;}
	[data-pop-layer="layer"] .popBox .btn_close{right:0px; box-shadow:none;}

	.layerPop{left:50% !important; transform:translateX(-50%);}
}

@media screen and (max-width:600px){
	.scrollTable{overflow:auto;}
	.scrollTable .table{width:650px;}
	.mob_info{display:block;}

	.layerPop{width:90% !important; height:auto !important;}
	.layerPop img{max-width:100%; width:100%;}
	[data-pop-layer="layer"] .popBox h2{font-size:20px !important;}

	h1, h2, h3, h4, h5, h6, input, textarea, button, select, table{font-size: 15px;}
}

/* 별도삽입 css */

.btn_month { height:30px; width:90px; background-color:#175695; color:#fff; font-size:13px; font-weight:400; border-radius:15px; border:0; margin:3px; }
.btn_month_on { height:30px; width:90px; background-color:#f35c8a; color:#fff; font-size:13px; font-weight:400; border-radius:15px; border:0; margin:3px; }


.m_view {
	display:none;
}
.m_viewtable {
	display:none;
}
.m_viewin {
	display:none;
}

@media (min-width: 641px) {
	.m_noview {
		display:block;
	}
	.m_noviewtable {
		display:table;
	}
	.m_view {
		display:none;
	}
	.m_viewtable {
		display:none;
	}
	.m_viewin {
		display:none;
	}
}
@media (max-width: 640px) {
	.m_noview {
		display:none;
	}
	.m_noviewtable {
		display:none;
	}
	.m_view {
		display:block;
	}
	.m_viewtable {
		display:table;
	}
	.m_viewin {
		display:inline;
	}
}

.form-control { 
	/* font-family: 'Nanum Gothic'; */
	font-size:13px;
}
.form-control::placeholder {
  color: #788dd6;
}

/* 사용자추가 스타일  */
.text-stroke {
  -moz-text-stroke: .5px #000;
  -webkit-text-stroke: .5px #000;
}
.text-stroke1 {
  -moz-text-stroke: 1px #000;
  -webkit-text-stroke: 1px #000;
}
.text-stroke-white {
  -moz-text-stroke: .5px #fff;
  -webkit-text-stroke: .5px #fff;
}

/* 게시판 */
.bbs-header { float: left; margin-top: 0; width: 100%; }
.bbs-search { float: right; padding-bottom: 5px; width: 50%; text-align: right; }
.bbs-search select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 5px 2px; width: 80px; height: auto; font-size: 14px; color: #666666; border-radius: 3px; border: 1px solid #cccccc; vertical-align: middle; box-shadow: none; }
.bbs-search input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 6px 2px; width: 170px; height: auto; font-size: 14px; color: #666666; border-radius: 3px; border: 1px solid #cccccc; line-height: 12px; vertical-align: middle; box-shadow: none; }
.bbs-list { float: left; width: 100%; background-color: white; font-size:18px; font-weight:600; border-top:1px solid #282828;}
.bbs-list table { display: table; table-layout: fixed; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
.bbs-list table a { color: black; text-decoration: none; border: 0; box-shadow: none; }
.bbs-list table tr { border: 0; }
.bbs-list table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; }
.bbs-list table td.bbs-list-uid { width: 72px; }
.bbs-list table td.bbs-list-title { width: auto; font-size:14px; }
.bbs-list table td.bbs-list-title img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; }
.bbs-list table td.bbs-list-local { width: 110px; }
.bbs-list table td.bbs-list-user { width: 80px; }
.bbs-list table td.bbs-list-date { width: 85px; }
.bbs-list table td.bbs-list-view { width: 55px; }
.bbs-list thead tr td { font-weight: bold; color: #545861; border: 0; border-bottom: 2px solid #e3e3e3; }
.bbs-list tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #e3e3e3; }
.bbs-list tbody tr:hover { background-color: #f7f7f7; }
.bbs-list tbody tr.bbs-list-notice { background-color: #f4f4f4; }
.bbs-list tbody tr.bbs-list-notice td.bbs-list-uid { font-weight: bold; color: #515151; }
.bbs-list tbody td.bbs-list-title { text-align: left; }
.bbs-list tbody td.bbs-list-title img { display: inline; vertical-align: text-bottom; }
.bbs-list .bbs-mobile-contents { display: none; font-size: 12px; color: #c2c2c2; }
.bbs-list .bbs-mobile-contents .contents-item { padding: 0 5px 0 0; }
.bbs-list .bbs-mobile-contents .contents-item img { width: 12px; height: 12px; vertical-align: middle; }
.bbs-pagination { float: left; padding: 15px 0; width: 100%; }
.bbs-pagination .bbs-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; line-height: 40px; list-style: none; text-align: center; border: 0; }
.bbs-pagination .bbs-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
.bbs-pagination .bbs-pagination-pages li a { padding: 6px 11px; border: 1px solid #979491; text-decoration: none; font-size: 13px; color: #282726; background-color: white; box-shadow: none; }
/* .bbs-pagination .bbs-pagination-pages li.active a { border: 1px solid #d9534f; color: white; background-color: #d9534f; } */
.bbs-pagination .bbs-pagination-pages li.active a { border: 1px solid #407cd7; color: white !important; background-color: #407cd7; }
.bbs-pagination .bbs-pagination-pages li:before { display: none; }
.bbs-pagination .bbs-pagination-pages li:after { display: none; }

.bbs-new-notify { display: inline-block; *display: inline; zoom: 1; padding: 2px 2px; line-height: 10px; font-size: 10px; color: white; background-color: #5bc0de; }
.bbs-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

.bbs-button,
.bbs-button:link,
.bbs-button:visited { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 7px 20px; height: 45px; line-height: 28px; font-size: 16px; font-weight: normal; color: white !important; background-image: none; background-color: #4871a2; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.bbs-button:hover,
.bbs-button:focus,
.bbs-button:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 7px 20px; height: 45px; line-height: 28px; font-size: 16px; font-weight: normal; color: white !important; background-image: none; background-color: #ec62bf; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }

.bbs-button-small,
.bbs-button-small:link,
.bbs-button-small:visited { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; color: white !important; background-image: none; background-color: #4871a2; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.bbs-button-small:hover,
.bbs-button-small:focus,
.bbs-button-small:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; color: white !important; background-image: none; background-color: #4871a2; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }

.bbs-button-small2,
.bbs-button-small2:link,
.bbs-button-small2:visited { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; color: white !important; background-image: none; background-color: #453f3f; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; font-weight:bold; }
.bbs-button-small2:hover,
.bbs-button-small2:focus,
.bbs-button-small2:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; color: white !important; background-image: none; background-color: #f77b00; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }

.bbs-button-small3,
.bbs-button-small3:link,
.bbs-button-small3:visited { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; color: white !important; background-image: none; background-color: #1e665e; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; font-weight:bold; }
.bbs-button-small3:hover,
.bbs-button-small3:focus,
.bbs-button-small3:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; color: white !important; background-image: none; background-color: #f77b00; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }

.bbs-default-document { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
.bbs-document-wrap { float: left; width: 100%;}
.bbs-title { float: left; width: 100%; }
.bbs-title p { margin: 0; padding: 12px 22px; color: #545861; font-weight: bold; font-size: 22px; line-height: 30px; }
.bbs-detail { clear: both; float: left; width: 100%; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 14px; }
.bbs-detail .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 12px 35px 12px 22px; }
.bbs-detail .detail-attr .detail-name { float: left; font-weight: bold; color: #545861; text-align: right; }
.bbs-detail .detail-attr .detail-value { float: left; padding-left: 20px; color: #545861; }
.bbs-detail .detail-attr .detail-value img { vertical-align: middle; }
.bbs-content { clear: both; float: left; width: 100%; min-height: 200px; }
.bbs-content .content-view { margin: 0; padding: 22px; word-break: break-all; font-size:14.5px; line-height:30px; color:#21201f; }
.bbs-content .content-view a { color: #18458f;}
.bbs-content .content-view a:hover { font-weight:bold; }
.bbs-content .content-view img { margin-top: 0; margin-bottom: 0; max-width: 100%; border-radius: 20px 0 20px 0;}
.bbs-content .content-view .thumbnail-area { text-align: center; }
.bbs-content .content-view tbody tr td { word-break: break-all; border: 0; border: 1px solid #5b5353; }
.bbs-document-action { padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
.bbs-document-action .left { position: static; float: left; }
.bbs-document-action .right { position: static; float: right; text-align: right; }
.bbs-attach { margin: 0 22px; padding: 10px 0 5px 0; font-size: 12px; overflow: hidden; line-height: 1; border-top: 1px dashed #ededed; }
.bbs-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 12px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: transparent; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.bbs-button-like { color: #ff5959; }
.bbs-button-unlike { color: #3d62aa; }
.bbs-button-print { color: gray; }
.bbs-button-download { color: #18458f; font-size:15px; font-weight:bold; }
.bbs-comments-area { float: left; width: 100%; }
.bbs-document-navi { float: left; padding-top: 15px; width: 100%; }
.bbs-document-navi a { display: block; text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; }
.bbs-document-navi .navi-document-title { display: block; }
.bbs-document-navi .navi-arrow { position: absolute; display: block; }
.bbs-document-navi .bbs-prev-document { position: relative; float: left; width: 45%; }
.bbs-document-navi .bbs-prev-document .navi-document-title { padding-left: 15px; }
.bbs-document-navi .bbs-prev-document .navi-arrow { left: 0; top: 0; }
.bbs-document-navi .bbs-next-document { position: relative; float: right; width: 45%; text-align: right; }
.bbs-document-navi .bbs-next-document .navi-document-title { padding-right: 15px; }
.bbs-document-navi .bbs-next-document .navi-arrow { right: 0; top: 0; }
.bbs-control { display:block; float: left; padding: 15px 0;  width: 100%; }
.bbs-control .left { position: relative; float: left; }
.bbs-control .right { position: relative; float: right; text-align: right; }

.bbs-reply { width: 100%; padding: 0px;  }
.bbs-reply .content-view { color: #282726; margin: 0; padding: 10px; word-break: break-all; font-size:15px;}
.bbs-reply .content-view a { color: #18458f;}
.bbs-reply .content-view a:hover { font-weight:bold; }
.bbs-reply .content-view img { margin-top: 0; margin-bottom: 0; max-width: 100%; border-radius: 20px 0 20px 0;}
.bbs-reply .content-view .thumbnail-area { text-align: center; }
.bbs-reply .content-view tbody tr td { word-break: break-all; border: 0; border: 1px solid #5b5353; }

.bbs-view { float: left; width: 100%; font-size:18px; font-weight:600; border-top:2px solid #282828;}
.bbs-view table { display: table; table-layout: fixed; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
.bbs-view table a { color: black; text-decoration: none; border: 0; box-shadow: none; }
.bbs-view table tr { border: 0; }
.bbs-view table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; }
.bbs-view table td.bbs-list-blank { width: 30px; }
.bbs-view table td.bbs-list-a { width: 150px; background-color: #3373b9; color:#ffffff; }
.bbs-view table td.bbs-list-b { padding-left:20px; padding-right:20px; width: auto; font-size:14px; }
.bbs-view table td.bbs-list-b img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; }
.bbs-view table td.bbs-list-view { width: 55px; }
.bbs-view tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #5b5353; }
/* .bbs-view tbody tr:hover { background-color: #f7f7f7; } */
.bbs-view tbody tr.bbs-list-notice { background-color: #f4f4f4; }
.bbs-view tbody tr.bbs-list-notice td.bbs-list-uid { font-weight: bold; color: #515151; }
.bbs-view tbody td.bbs-list-b { text-align: left; }
.bbs-view tbody td.bbs-list-b img { display: inline; vertical-align: text-bottom; }

.rent-list { float: left; width: 100%; background-color: white; font-size:18px; font-weight:600; border-top:1px solid #282828;}
.rent-list table { display: table; table-layout: fixed; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
.rent-list table a { color: black; text-decoration: none; border: 0; box-shadow: none; }
.rent-list table tr { border: 0; }
.rent-list table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; }
.rent-list table td.bbs-list-uid { width: 72px; }
.rent-list table td.bbs-list-title { width: auto; font-size:14px; }
.rent-list table td.bbs-list-title img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; }
.rent-list table td.bbs-list-local { width: 110px; }
.rent-list table td.bbs-list-user { width: 180px; }
.rent-list table td.bbs-list-date { width: 200px; }
.rent-list table td.bbs-list-view { width: 150px; }
.rent-list thead tr td { font-weight: bold; color: #545861; border: 0; border-bottom: 2px solid #e3e3e3; }
.rent-list tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #e3e3e3; }
.rent-list tbody tr:hover { background-color: #f7f7f7; }
.rent-list tbody tr.bbs-list-notice { background-color: #f4f4f4; }
.rent-list tbody tr.bbs-list-notice td.bbs-list-uid { font-weight: bold; color: #515151; }
.rent-list tbody td.bbs-list-title { text-align: left; }
.rent-list tbody td.bbs-list-title img { display: inline; vertical-align: text-bottom; }
.rent-list .bbs-mobile-contents { display: none; font-size: 12px; color: #c2c2c2; }
.rent-list .bbs-mobile-contents .contents-item { padding: 0 5px 0 0; }
.rent-list .bbs-mobile-contents .contents-item img { width: 12px; height: 12px; vertical-align: middle; }


.bbs-sn { float: left; width: 100%; background-color: white; font-size:18px; font-weight:600; border-top:2px solid #282828;}
.bbs-sn table { display: table; table-layout: fixed; width: 100%; font-size: 13px; border-collapse: collapse; }
.bbs-sn table a { color: black; text-decoration: none; border: 0; box-shadow: none; }
.bbs-sn table tr { border: 0; }
.bbs-sn table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; }
.bbs-sn table td.bbs-list-blank { width: 30px; }
.bbs-sn table td.bbs-list-a { width: 150px; background-color: #3373b9; color:#ffffff; }
.bbs-sn table td.bbs-list-b { padding-left:10px; padding-right:10px; width: auto; font-size:14px; }
/* .bbs-sn table td.bbs-list-b img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; } */
.bbs-sn table td.bbs-list-view { width: 55px; }
.bbs-sn tbody tr td { word-break: break-all; border: 0; border: 1px solid #5b5353; }
/* .bbs-sn tbody tr:hover { background-color: #f7f7f7; } */
.bbs-sn tbody tr.bbs-list-notice { background-color: #f4f4f4; }
.bbs-sn tbody tr.bbs-list-notice td.bbs-list-uid { font-weight: bold; color: #515151; }
.bbs-sn tbody td.bbs-list-b { text-align: left; }
/* .bbs-sn tbody td.bbs-list-b img { display: inline; vertical-align: text-bottom; } */


@media screen and (max-width: 600px) {
	.bbs-search { clear: both; float: left; width: 100%; text-align: center; }
	.bbs-search select { float: left; margin-right: 1%; width: 29%; }
	.bbs-search input { float: left; margin-right: 1%; width: 40%; }
	.bbs-search button { float: left; width: 20%; }
	.bbs-list table { border-top: 1px solid #e3e3e3; }
	.bbs-list table thead { display: none; }
	.bbs-list table td.bbs-list-title { padding: 5px; }
	.bbs-list table td.bbs-list-title .bbs-default-cut-strings { line-height: 40px; }
	.bbs-list table td.bbs-list-uid,
	.bbs-list table td.bbs-list-user,
	.bbs-list table td.bbs-list-local,
	.bbs-list table td.bbs-list-date,
	.bbs-list table td.bbs-list-view { display: none; }
	.bbs-list .bbs-mobile-contents { display: block; }
	.rent-list table { border-top: 1px solid #e3e3e3; }
	.rent-list table thead { display: none; }
	.rent-list table td.bbs-list-title { padding: 5px; }
	.rent-list table td.bbs-list-title .bbs-default-cut-strings { line-height: 40px; }
	.rent-list table td.bbs-list-uid,
	.rent-list table td.bbs-list-user,
	.rent-list table td.bbs-list-local,
	.rent-list table td.bbs-list-date,
	.rent-list table td.bbs-list-view { display: none; }
	.rent-list .bbs-mobile-contents { display: block; }
	.bbs-pagination .bbs-pagination-pages li { display: black; }
	.bbs-pagination .bbs-pagination-pages li.first-page,
	.bbs-pagination .bbs-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
	.bbs-pagination .bbs-pagination-pages li.prev-page,
	.bbs-pagination .bbs-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
	.bbs-pagination .bbs-pagination-pages li.prev-page a,
	.bbs-pagination .bbs-pagination-pages li.next-page a { padding: 6px 11px; }
	.bbs-pagination .bbs-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
}


.form-view { float: left; width: 100%; background-color: white; font-size:18px; font-weight:600; border-top:2px solid #282828;}
.form-view table { display: table; table-layout: fixed; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
.form-view table a { color: black; text-decoration: none; border: 0; box-shadow: none; }
.form-view table tr { border: 0; }
.form-view table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; }
.form-view table td.bbs-list-blank { width: 30px; }
.form-view table td.bbs-list-a { text-align: left; padding-left:60px; width: 150px; background-color: #eaeaff; color:#3a3a3a; font-size:15.5px; }
.form-view table td.bbs-list-b { padding-left:10px; padding-right:10px; width: auto; font-size:14px; }
.form-view table td.bbs-list-b img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; }
.form-view table td.bbs-list-view { width: 55px; }
.form-view tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #5b5353; }
/* .form-view tbody tr:hover { background-color: #f7f7f7; } */
.form-view tbody tr.bbs-list-notice { background-color: #f4f4f4; }
.form-view tbody tr.bbs-list-notice td.bbs-list-uid { font-weight: bold; color: #515151; }
.form-view tbody td.bbs-list-b { text-align: left; }
.form-view tbody td.bbs-list-blank { text-align: left; }
.form-view tbody td.bbs-list-b img { display: inline; vertical-align: text-bottom; }

/* table */
.intr1 {
	height:60px;
	border-top:1px solid #c1bbac;
}
.intd1 {
	background-color:#f0fafe;
	padding-left:10px;
	padding-top:10px;
	font-size:13px;
	border-top:1px solid #c1bbac;
}
.intd2 {
	background-color:#fff;
	padding-left:10px;
	padding-top:10px;
	font-size:13px;
	border-top:1px solid #c1bbac;
}
.ininput1 {
	display:inline;
	height:40px;
	border:2px solid #d9d7e3;
}
.intr_line {
	background-color:#5791d0;
	height:2px;
}
.orange {
	color:orange;
	font-size:23px;
}
.bigchkbox {
	width:22px;
	height:22px;
	vertical-align:-35%;
}

li { list-style: none }

.gall_list {border-top:3px solid #303030; margin-bottom:20px;text-align:center;}
.gall_list ul {overflow:hidden; padding-top:20px;}
.gall_list ul li{border:1px solid #e6e6e6; position:relative; box-sizing:border-box}
.gall_list ul li span{display:block;}
.gall_list ul li .gimg{width:100%; min-height:200px; overflow:hidden; position:relative;}
.gall_list ul li .gimg img{display:inline-block; vertical-align:middle; min-height:200px; width:100%;position:absolute; left:0; right:0; bottom:0; top:0; margin: auto;}
.gall_list ul li .aimg{width:100%;}
.gall_list ul li .aimg img{vertical-align:middle; width:310px; height:310px; left:0; right:0; bottom:0; top:0; margin: auto;}
.gall_list ul li .aimg div{vertical-align:middle; width:310px; height:310px; left:0; right:0; bottom:0; top:0; margin: auto; padding:10px; padding-top:100px; font-size:25px; color:#e8f7ff; background-color:#407cd7;}
.gall_list ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.gall_list ul li span.title{display:block; padding:10px 10px 10px; font-weight:bold; font-size:1.3em; }
.gall_list ul li span.date{padding:10px; text-align:right}

.galls_list {border-top:1px solid #dddddd; margin-bottom:20px;text-align:center;}
.galls_list ul {overflow:hidden; padding-top:20px;}
.galls_list ul li{position:relative; box-sizing:border-box;}
.galls_list ul li span{display:block;}
.galls_list ul li .aimg{width:100%;}
.galls_list ul li .aimg img{vertical-align:middle; width:310px; height:310px; left:0; right:0; bottom:0; top:0; margin: auto;}
.galls_list ul li .aimg div{vertical-align:middle; width:310px; height:310px; left:0; right:0; bottom:0; top:0; margin: auto; padding:10px; padding-top:100px; font-size:25px; color:#e8f7ff; background-color:#407cd7;}
.galls_list ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.galls_list ul li span.title{display:block; padding:10px 10px 10px; font-weight:bold; font-size:1.3em; }
.galls_list ul li span.date{padding:10px; text-align:right}

.book_list {border-top:1px dotted #303030; margin-bottom:20px;}
.book_list ul {overflow:hidden; padding-top:20px;}
.book_list ul li{display:table; width:100%; border:2px dotted #b9b9b9; margin-bottom:10px; position:relative; box-sizing:border-box; padding-top:5px;padding-bottom:15px;}
.book_list ul li .aimg{display:table-cell; width:35%; min-width:100px; height:170px; overflow:hidden; position:relative;}
.book_list ul li .aimg img{vertical-align:middle; width:110px; height:180px; position:absolute; left:0; right:0; bottom:5; top:0; margin: auto; padding:12px 5px; }

.book_list ul li .bimg{display:table-cell; width:35%; min-width:100px; height:170px; overflow:hidden; position:relative;}
.book_list ul li .bimg img{vertical-align:middle; height:150px; position:absolute; left:0; right:0; bottom:5; top:0; margin: auto; padding:12px 5px; }

.book_list ul li .desc {display:table-cell; padding:5px 5px; width:98%; min-width:200px; max-width:380px; text-align:left;}
.book_list ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.book_list ul li .title{display: inline-block; width:98%; height:40px; padding:10px 2px 0px; font-weight:bold; font-size:17px; border-bottom:1px dotted #a0a0a0;}
.book_list ul li .writer{display:inline-block; padding:10px 0px 0px 0px; width:100%;font-size:15px;}
.book_list ul li .pub{display:inline-block; padding:3px 0px; width:100%;font-size:15px;}
.book_list ul li span .date{font-size:13px; padding:10px; text-align:right}

.ct_list {border-top:1px dotted #303030; margin-bottom:20px;}
.ct_list ul {overflow:hidden; padding-top:20px;}
.ct_list ul li{display:table; width:100%; border:2px dotted #b9b9b9; margin-bottom:10px; position:relative; box-sizing:border-box; padding-top:5px;padding-bottom:15px;}
.ct_list ul li .aimg{display:table-cell; width:35%; min-width:100px; height:170px; overflow:hidden; position:relative;}
.ct_list ul li .aimg img{vertical-align:middle; width:110px; height:180px; position:absolute; left:0; right:0; bottom:5; top:0; margin: auto; padding:12px 5px; }

.ct_list ul li .bimg{display:table-cell; width:35%; min-width:100px; height:170px; overflow:hidden; position:relative;}
.ct_list ul li .bimg img{vertical-align:middle; height:150px; position:absolute; left:0; right:0; bottom:5; top:0; margin: auto; padding:12px 5px; }

.ct_list ul li .desc {display:table-cell; padding:5px 5px; width:98%; min-width:200px; max-width:380px; text-align:left;}
.ct_list ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.ct_list ul li .title{display: inline-block; width:98%; height:40px; padding:10px 2px 0px; font-weight:bold; font-size:17px; border-bottom:1px dotted #a0a0a0;}
.ct_list ul li .writer{display:inline-block; padding:10px 0px 0px 0px; width:100%;font-size:15px;}
.ct_list ul li .pub{display:inline-block; padding:3px 0px; width:100%;font-size:15px;}
.ct_list ul li span .date{font-size:13px; padding:10px; text-align:right}



@media all and (min-width:640px) {
.gall_list ul li{width:40%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.gall_list ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.galls_list ul li{width:40%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.galls_list ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_list ul li{width:95%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.book_list ul li .desc {float:left; padding:5px 0px;}
.book_list ul li .title{display: inline-block;  min-width:120px;;height:40px; padding:10px 2px 0px; font-weight:bold; font-size:15px;}
}
@media all and (min-width:768px) {
.gall_list{margin-bottom:30px}
.gall_list ul {padding-top:30px;}
.galls_list{margin-bottom:30px}
.galls_list ul {padding-top:30px;}

.book_list ul li{width:47%;}
/*
.book_list{margin-bottom:30px}
.book_list ul {padding-top:30px;}
.book_list ul li{width:90%; float:left; margin: 0 1.5%; margin-bottom:20px;}
*/
}

@media all and (min-width:1024px) {
.gall_list ul li{width:30.33%;}
.galls_list ul li{width:30.33%;}
.book_list ul li{width:47%;}
}
@media all and (max-width:600px) {
.gall_list ul li{width:97%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.gall_list ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.galls_list ul li{width:97%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.galls_list ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_list ul li{width:95%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.book_list ul li .desc {float:left; padding:5px 0px;}
.book_list ul li .title{display: inline-block;  min-width:120px;;height:40px; padding:10px 2px 0px; font-weight:bold; font-size:15px;}

/*
.ct_list ul li{width:95%; margin: 0 1.5%; margin-bottom:20px;clear:both;}
.ct_list ul li .aimg {width:98%;}
.ct_list ul li .desc {width:98%;padding-top:15px;}
.ct_list ul li .title{display: inline-block;  min-width:120px;;height:40px; padding:10px 2px 0px; font-weight:bold; font-size:15px;}
*/

.ct_list ul li{width:95%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.ct_list ul li .aimg {width:100%; float:left; padding:5px 0px;}
.ct_list ul li .desc {width:100%; float:left; padding:5px 0px;}
.ct_list ul li .title{display: inline-block;  min-width:120px;;height:40px; padding:10px 2px 0px; font-weight:bold; font-size:15px;}

}

/* button */
.btn_area{padding:12px 0; text-align:center;width:100%;}
.btn_area.right{text-align:right;}
.btn_area.left{text-align:left;}
.button{display:inline-block; overflow:hidden; position:relative; min-width:200px; height:45px; line-height:43px; box-sizing:border-box; padding:0 15px; margin:2px 0px; background:#0063b9; border:1px solid rgba(0,0,0,0.1); color:#fff !important; text-align:center; letter-spacing: 2px; vertical-align:middle; transition:all 0.4s ease-out 0.1s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0);}
.button span{position:relative; z-index:2;}
.button:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.button:hover:before,
.button:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px);}
.button:hover,
.button:focus{color:#0063b9 !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.button.v2{background:#41464e; width:110px; height:43px; min-width:inherit; line-height:42px; letter-spacing: 0;}
.button.v2:hover,
.button.v2:focus{color:#41464e !important;}
.button.white{background:#fff; width:inherit; border:1px solid #cdcdcd; color:#444 !important;}

.button_green{display:inline-block; overflow:hidden; position:relative; min-width:200px; height:45px; line-height:43px; box-sizing:border-box; padding:0 15px; margin:2px 0px; background:#708e04; border:1px solid rgba(0,0,0,0.1); color:#fff !important; text-align:center; letter-spacing: 2px; vertical-align:middle; transition:all 0.4s ease-out 0.1s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0);}
.button_green span{position:relative; z-index:2;}
.button_green:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.button_green:hover:before,
.button_green:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px);}
.button_green:hover,
.button_green:focus{color:#1a554f !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.button_green.v2{background:#41464e; width:110px; height:43px; min-width:inherit; line-height:42px; letter-spacing: 0;}
.button_green.v2:hover,
.button_green.v2:focus{color:#41464e !important;}
.button_green.white{background:#fff; width:inherit; border:1px solid #cdcdcd; color:#444 !important;}

.button_red{display:inline-block; overflow:hidden; position:relative; min-width:200px; height:45px; line-height:43px; box-sizing:border-box; padding:0 15px; margin:2px 0px; background:#fb7d00; border:1px solid rgba(0,0,0,0.1); color:#fff !important; text-align:center; letter-spacing: 2px; vertical-align:middle; transition:all 0.4s ease-out 0.1s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0);}
.button_red span{position:relative; z-index:2;}
.button_red:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.button_red:hover:before,
.button_red:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px);}
.button_red:hover,
.button_red:focus{color:#fb7d00 !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.button_red.v2{background:#41464e; width:110px; height:43px; min-width:inherit; line-height:42px; letter-spacing: 0;}
.button_red.v2:hover,
.button_red.v2:focus{color:#41464e !important;}
.button_red.white{background:#fff; width:inherit; border:1px solid #cdcdcd; color:#444 !important;}



.agree_box h4{font-weight:bold; font-size:1.2e; color:#323232}
.agree_box h5{font-weight:bold; font-size:1.1em; color:#323232}
.agree_box h6{font-weight:bold; font-size:1.1em; color:#323232}


/*회원가입양식*/
.container_form {border-top:3px solid #505050; border-left:0; border-right:0;}
.container_form .ca {margin:0;padding:0;}
.container_form .cb {overflow:hidden; border-bottom:1px solid #929292; border-top:0; border-left:0; border-right:0;}
.container_form .cb .fm_list{padding:0px 5px;float:center; font-size:17px; padding:2%;line-height:40px;}
.container_form .cb .fm_txt{padding:0px 5px; float:left; font-size:17px; padding:2%;line-height:40px;font-weight: normal;}
.container_form input.input_txt {
	width:auto;
	min-width: 50%;
	display: inline;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 40px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.container_form .cb input.input_type {
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 40px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.container_form .cb textarea.input_txt {
	width:auto;
	min-width: 50%;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 90px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.container_form .cb input.input_txt2 {margin:0.5rem 0;}
.container_form .cb select.input_txt {
	width:auto;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 40px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}

.register_container_form {border-top:3px solid #505050;}
.register_container_form ul {list-style:none;margin:0;padding:0;}
.register_container_form li{overflow:hidden; border-bottom:1px solid #e6e6e6; }
.register_container_form li .fm_list{padding:0px 5px; display:block; width:25%; float:left; font-size:17px; padding:2%;line-height:40px;}
.register_container_form li .fm_txt{display:block; padding:0px 5px; width:75%; float:left; font-size:17px; padding:2%;line-height:40px;font-weight: normal;}
.register_container_form li input.input_txt {
	width:auto;
	min-width: 50%;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 40px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.register_container_form li input.input_type {
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 40px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.register_container_form li textarea.input_txt {
	width:auto;
	min-width: 50%;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 90px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.register_container_form li input.input_txt2 {margin:0.5rem 0;}
.register_container_form li select.input_txt {
	width:auto;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 1.5%;
	font-size: 14px;
	height: 40px;
	line-height:40px;
	border: 1px solid #bbb;
	background: #fcfcfc;
	border-radius: 10px 0 10px 0;
}
.register_container_form .btn-basic {font-weight: normal;padding:0 1.5%;height: 40px;line-height:40px; background:#505050; color:#ffffff; border:1px solid #505050; line-height:normal;border-radius: 10px 0 10px 0;}

@media all and (max-width:768px) {
	.register_container_form li .fm_list {width:30.5%;font-size:14px;line-height:30px;}
	.register_container_form li .fm_txt {width:69.5%;font-size:14px;line-height:30px;}
	.register_container_form li input.input_txt,.register_container_form li select.input_txt {height: 30px;line-height:30px;}
	.register_container_form .btn-basic {height: 30px;line-height:30px;}
}

.cbp-l-filters-alignCenter {
	margin-bottom:10px;
	margin-top:15px;
	text-align:center;
	font:400 12px/21px sans-serif;
	color:#7b6f6f;
}
.cbp-l-filters-alignCenter .cbp-filter-item {
	color:#383232;
	font-weight:bold;
	cursor:pointer;
	font:400 18px/26px "NanumSquarec", sans-serif;
	padding:10px 22px;
	/* transition:all .3s ease-in-out; */
	position:relative;
	overflow:visible;
	margin:15px 3px 3px 3px;
	display:inline-block;
	border: 1px solid #615656;
	border-radius:7px;
}

.cbp-l-filters-alignCenter .cbp-filter-item a {
	/*color:#1a3f55;*/
	color:#242424;
	font-weight:bold;
}

.cbp-l-filters-alignCenter .cbp-filter-item a:hover {
	/*color:#40739d;*/
	color:#ff8000;
	font-weight:bold;
}
.cbp-l-filters-alignCenter .cbp-filter-item-active {
	color:#fff;
	font-weight:bold;
	cursor:default;
	background-color:#407cd7;
}
.cbp-l-filters-alignCenter .cbp-filter-counter {
	background:#626161;
	border-radius:5px;
	color:#FFF;
	font:400 11px/18px "NanumSquare", sans-serif;
	margin:0 auto;
	padding:4px 0;
	text-align:center;
	width:64px;
	position:absolute;
	margin-bottom:20px;
	bottom:0;
	left:0;
	right:0;
	-ms-filter:"alpha(Opacity=0)";
	opacity:0;
-webkit-transition:all .25s ease;
transition:all .25s ease
}
.cbp-l-filters-alignCenter .cbp-filter-counter:before {
	content:"";
	position:absolute;
	bottom:-4px;
	left:0;
	right:0;
	margin:0 auto;
	width:0;
	height:0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #626161;
	display:none
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before {
	display:block
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {
	bottom:30px;
	-ms-filter:"alpha(Opacity=100)";
	opacity:1
}

img {border: none;}

/* layer popup - basic */
.layerPop{position:absolute; z-index:90;}
.layerPop a{display:block;}
.layerPop img{max-width:100%;}
.layerPop .btn{padding:3px 10px; background:#292b42; text-align:right;}
.layerPop .btn button{display:inline-block; margin-left:15px; background:none; color:#fff; font-size:12px;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.6);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; min-width:610px; min-height:360px; box-sizing:border-box; background:#fff; box-shadow:3px 15px 20px rgba(0,0,0,0.15); transform:translate(-50%, -50%); border-radius: 10px; overflow: hidden;}
[data-pop-layer="layer"] .popBox h2{height:67px; padding:0 20px !important; font-size:24px !important; font-weight: 600; color:#fff; background-color: #20c171; border-radius: 10px 10px 0 0; box-sizing:border-box;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:100%; text-align: center; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span > i{display: inline-block; vertical-align: middle; padding:3px 15px 0 15px; margin-right:10px; border:1px solid #fff; border-radius: 12px; font-size: 14px; font-weight: bold; font-family: 'GmarketSansLight';}
[data-pop-layer="layer"] .popBox h4{margin:10px 0; font-size:20px;}
[data-pop-layer="layer"] .popBox h5{margin:10px 0; font-size:20px;}
[data-pop-layer="layer"] .popBox h6{position:relative; margin:25px 0 8px 0; display:block; width:100%; padding:0 0 8px 20px; text-align:left; font-size: 18px; word-break:keep-all; line-height:1.6; font-weight: 500; color:#222; border-bottom:1px dashed #ddd;}
[data-pop-layer="layer"] .popBox h6:before{opacity: .9; content: "";display: inline-block;position: absolute;top: 9px;left: 0;width: 7px;height: 4px;background: transparent;border: 2px solid #2578de;border-top: none;border-right: none;transform: rotate(-45deg);}
[data-pop-layer="layer"] .popBox p{font-size:16px; font-weight: bold; font-family: 'GmarketSansLight';}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:0px; right:0px; width:70px; height:67px; line-height:67px; background-color: transparent; outline:0; border:0; margin-top:20px;}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; width:18px; height:18px; margin:-4px auto 0; vertical-align:middle; background:url(/image/btn_close.png) no-repeat 50% 0; background-size:18px 18px; text-indent:100%; overflow:hidden; white-space:nowrap;outline:none;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none; border:0;}
[data-pop-layer="layer"] .popBox .popConts{overflow-y:auto; max-height:532px; box-sizing:border-box; padding:20px 20px 40px;}
body[class*="ie"] [data-pop-layer="layer"] .popBox h2{height:68px; box-sizing:border-box;}

@media screen and (max-width:1024px){
    [data-pop-layer="layer"] .popBox{top:0px !important; left:0px !important; width:100% !important; height:100%  !important; min-width:inherit; min-height:inherit; transform:translate(0,0);}
    [data-pop-layer="layer"] .popBox,
    [data-pop-layer="layer"] .popBox h2{border-radius: 0;}
	[data-pop-layer="layer"] .popBox h2{height:67px; box-sizing:border-box; padding-right:80px !important;}
	[data-pop-layer="layer"] .popBox .popConts{height:calc(100% - 67px); max-height:inherit;}
	[data-pop-layer="layer"] .popBox .btn_close{right:0px; box-shadow:none;}

	.layerPop{left:50% !important; transform:translateX(-50%);}
}

@media screen and (max-width:600px){
	.scrollTable{overflow:auto;}
	.scrollTable .table{width:650px;}
	.scrollTable .atable{width:650px;}
	.mob_info{display:block;}

	.layerPop{width:90% !important; height:auto !important;}
	.layerPop img{max-width:100%; width:100%;}
	[data-pop-layer="layer"] .popBox h2{font-size:20px !important;}

	h1, h2, h3, h4, h5, h6, input, textarea, button, select, table{font-size: 15px;}
}

/* list */
.area_list ul,
.area_list02 ul{margin:20px 0;}
.area_list{position:relative; margin:0 auto;}
.area_list:after{content:''; display:block; clear:both;}
.area_list p,
.area_list li{position:relative; margin-bottom:5px; display:block; width:100%; padding:2px 0 2px 12px; text-align:left; word-break:keep-all; line-height:1.8em; font-weight: 500; color:#767676;}
.area_list p:before,
.area_list li:before{position:absolute; top:16px; left:0px; content:""; width:2px; height:2px; background-color:#333; border-radius:50%;}
.area_list li:nth-child(1) strong,
.area_list li:nth-child(2) strong{letter-spacing: 6px;}
.area_list02{position: relative;}
.area_list02:after{content:''; display:block; clear:both;}
.area_list02 p,
.area_list02 li{position:relative; margin-top:6px; padding-left:18px; line-height:1.7; color:#767676;}
.area_list02 li:first-child{margin-top:0;}
.area_list02 p:before{content:""; display: block; position: absolute; top:12px; left: 0; width: 5px; height: 5px; border-radius:2px; background:#4f5173;}
.area_list02 .nodot:before{content:""; display: block; position: absolute; top:12px; left: 0; width: 5px; height: 5px; border-radius:2px; background:#fff;}

/*.area_list02 li:before{content:""; display: block; position: absolute; top:12px; left: 0; width: 5px; height: 5px; border-radius:2px; background:#4f5173;} */
.area_list02 li em{display: inline-block; float:left; min-width:125px; margin-right: 15px; font-weight: 700; color:#1364aa;}
.area_list02 li span{display: inline-block;}
.area_list03{position: relative;}
.area_list03:after{content:''; display:block; clear:both;}
.area_list03 ul{margin:20px 0;}
.area_list03 p,
.area_list03 li{position:relative; margin-top:6px; padding-left:11px; line-height:1.7; color:#767676;}
.area_list03 li:first-child{margin-top:0;}
.area_list03 p:before,
.area_list03 li:before{content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:1px; background-color:#767676;}
.dot_none{padding-left:0 !important;}
.dot_none:before{display:none !important;}

/* design checkbox */
.designCheck{display:inline-block; margin:2px 10px; vertical-align:middle;}
.designCheck input[type="checkbox"]{position:absolute; opacity:0;}
.designCheck input[type="checkbox"] + label{position:relative; min-height:16px; padding-left:20px; padding-bottom:2px; margin-right:10px; cursor:pointer; line-height:1em;}
.designCheck input[type="checkbox"] + label:before{content:''; display:block; position:absolute; top:0px; left:0px; width:16px; height:16px; background:url(/image/sp_check.png) no-repeat 0 -16px; background-size:16px 48px;}
.designCheck.white input[type="checkbox"] + label:before{background:url(/image/sp_check_w.png) no-repeat 0 -16px; background-size:16px 48px;}
.designCheck input[type="checkbox"]:checked + label:before{background-position:0px 0px;}
.designCheck input[type="checkbox"]:disabled + label:before{background-position:0px -32px;}
.designCheck.all{position: relative; display:block; margin-top:10px;}
.designCheck.all:last-child{margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.designCheck.all a{float:right; margin-top:-10px;}

.calendar_bottom{float: inherit; margin-bottom:50px; width:100%; overflow: hidden;}
.calendar_bottom{margin-bottom:0px; padding:20px 15px; background:#f6f7f8; border:1px solid #dadada;}

/* 페이징 */
.apagination{margin-top:30px; padding-top:30px; border-top:1px dashed #dadada; text-align:center;}
.apagination > *{display:inline-block; min-width:38px; height:38px; box-sizing:border-box; margin:2px 3px; border:1px solid #ddd; background:#fff; color:#777; text-align:center; vertical-align:top; line-height:36px; transition:border-color 0.3s ease 0s;}
.apagination a[class^="btn_"]{width:38px; background-image:url(/image/btn_pagination.png); background-repeat:no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.apagination a[class^="btn_"]:hover,
.apagination a[class^="btn_"]:focus{background-position-y:-38px;}
.apagination a.btn_prev{background-position-x:-38px;}
.apagination a.btn_next{background-position-x:-76px;}
.apagination a.btn_last{background-position-x:-114px;}
.apagination span{border-color:#465c7a; color:#465c7a;}
.apagination a:not([class^="btn_"]):hover,
.apagination a:not([class^="btn_"]):focus{border-color:#bdc7e0; background:#f3f6fd;}

/* 예약관련 */

#content{position:relative; margin:70px auto 0 auto;}
.inr02{position:relative; width:1400px; margin:0 auto; vertical-align:top;}


/* calendar */
.area_calendar .calendar_top,
.area_calendar .calendar_bottom{float: inherit; margin-bottom:50px; width:100%; overflow: hidden;}
.area_calendar .calendar_bottom{margin-bottom:0px; padding:20px 15px; background:#f6f7f8; border:1px solid #dadada;}
.area_calendar .calendar_left{float:left; width:39%;}
.area_calendar .calendar_right{float:right; width:59%; margin-bottom:50px;}
.area_calendar .control{position:relative; margin-bottom:20px;}
.area_calendar .control > div{display:block; width:100%; text-align: center; border:1px solid #f4f4f4;}
.area_calendar .control > div > *{display:inline-block; vertical-align:middle;}
.area_calendar .control > div > p{height:48px; line-height:48px; padding:0 20px 0 48px; background:url(/image/module/img_calendar.svg) no-repeat 20px 50%; border-right:1px solid #f4f4f4; border-left:1px solid #f4f4f4; font-size:20px;}
.area_calendar .control > div a[class^="btn_"]{opacity:0.5; position:relative; height:48px; line-height:48px; box-sizing:border-box; padding:0 20px; font-size:0; transition:all 0.3s ease 0s;}
.area_calendar .control > div a[class^="btn_"]:before{content:''; display:block; position:absolute; top:50%; left:50%; width:11px; height:17px; background:url(/image/module/img_calendar01.png) no-repeat 50% 0; background-size:100%; transform:translate(-50%, -50%);}
.area_calendar .control > div a[class^="btn_"]:hover{opacity:1;}
.area_calendar .control > div .btn_next{transform:rotate(180deg);}
.area_calendar .control .btn_today{display:inline-block; position:absolute; top:0px; right:0px; min-width:100px; height:50px; line-height:48px; box-sizing:border-box; background:#365ec3; border:1px solid #2c52b1; color:#fff; font-size:15px; text-align:center;}
.area_calendar .calendar{float:left; width:100%; box-sizing:border-box;}
.area_calendar .calendar table{table-layout:fixed;}
.area_calendar .calendar table th,
.area_calendar .calendar table td{text-align:center;}
.area_calendar .calendar table th{padding:10px; background:#365ec3; border:1px solid #365ec3; color:#fff; font-weight:300;}
.area_calendar .calendar table td{height:70px; border:1px solid #e0e6e9; line-height:0em;}
.area_calendar .calendar table td > a,
.area_calendar.type02 .calendar table td > div{display:block; position:relative; height:100%; box-sizing:border-box; padding:28px 10px 5px; transition:all 0.4s ease-out 0s;}
.area_calendar .calendar table td > a:hover,
.area_calendar.type02 .calendar table td > div:hover{z-index:10; box-shadow:0 8px 15px rgba(0,0,0,0.10);}
.area_calendar .calendar table td.none > a:hover,
.area_calendar.type02 .calendar table td.none > div:hover{box-shadow:none;}
.area_calendar .calendar table th[data-calendar="sun"]{color:#fff;}
.area_calendar .calendar table th[data-calendar="sat"]{color:#fff;}
.area_calendar .calendar table td em{display:block; position:absolute; top:20px; left:0px; width:100%; text-align:center;}
.area_calendar .calendar *[data-calenda="in"]{display:inline-block; position:relative; width:8px; height:8px; box-sizing:border-box; margin-top:3px; border:1px solid #e3e3fd; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.area_calendar .calendar *[data-calenda="in"]:before{content:''; display:block; position:absolute; top:50%; left:50%; width:4px; height:4px; margin:-2px 0 0 -2px; background:#3e3ef4; border-radius:50%;}
.area_calendar .calendar .today{background:#f2f5ff;}
.area_calendar .calendar .today > *:after{content:'T'; display:inline-block; position:absolute; top:10px; right:5px; width:15px; height:15px; line-height:15px; border-radius:50%; background:#365ec3; color:#fff; font-size:10px;}
.area_calendar .calendar .on{background:#fff2f2 !important;}
.area_calendar .calendar .on.today{background:#f2f5ff !important;}
.area_calendar .calendar .none{background:#f3f3f3;}
.area_calendar .calendar .none > *{overflow:hidden; cursor:default; color:#b7b7b7;}
.area_calendar .calendar .none > *:before{content:''; display:block; position:absolute; top:0; right:0; width:200%; height:1px; background:#e0e0e0; transform:rotate(-37deg); transform-origin:100% 0;}
.area_calendar .list{float:left; overflow:hidden; position:relative; width:100%; box-sizing:border-box; background:#f2f6f8;}
.area_calendar .list p{padding:12px 15px 10px; font-size:18px; font-weight:600;}
.area_calendar .list li{border-top:1px dashed #e1e9ec}
.area_calendar .list li > a,
.area_calendar .list li > span{display:block; padding:15px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s ease-out 0s;}
.area_calendar .list li > a:hover{background:#fff; color:#222;}
.area_calendar .list li:first-child{border-top-style:solid;}
.area_calendar .bx-controls{position:absolute; right:0px; bottom:0px; text-align:right;}
.area_calendar .bx-controls a{display:inline-block; position:relative; width:50px; height:43px; box-sizing:border-box; border:1px solid #e1e9ec; background:#fff; border-right-width:0px; font-size:0px; vertical-align:top;}
.area_calendar .bx-controls a.bx-next{border-right-width:1px;}
.area_calendar .bx-controls a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:8px; height:12px; margin:-6px 0 0 -4px; background:url(/image/module/img_calendar01.png) no-repeat 50% 0; background-size:100%;}
.area_calendar .bx-controls a.bx-next:before{transform:rotate(180deg);}
.area_calendar .view{clear:both; padding-top:40px;}



/* box */
.area_box01{padding:40px; background-color: #f6f6f6;}
.area_box02{padding:40px; background-color: #fff; border:1px solid #dfdfdf;}
.area_box03{position:relative; margin-bottom:40px; padding:25px; border:1px solid #eee; background:#fbfbfb; text-align:center;}

/* button */
.btn_area{padding:52px 0; text-align:center;}
.btn_area.right{text-align:right;}
.btn_area.left{text-align:left;}

/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#c51917;}

/* bbsView */
.bbsTitle{padding:15px 10px !important; margin:0px !important; border-top:2px solid #505c78; border-bottom:1px dotted #8c92a3; font-size:18px !important; font-weight:300 !important; color:#222 !important;}
.bbsTitle:before{display:none !important;}
.bbsTitle em{display:inline-block; margin-right:5px; color:#148f77;}
.bbsTitle .reply{display:inline-block; position:relative; padding:2px 7px; margin-right:5px; margin-bottom:3px; background:#41464e; border-radius:3px; font-size:13px; color:#fff; vertical-align:middle;}
.bbsView{border-top:1px solid #505c78; border-collapse:inherit; table-layout:fixed;}
.bbsTitle ~ .bbsView{border-top-width:0px;}
.bbsView > tbody > tr > th,
.bbsView > tbody > tr > td,
.bbsView > thead > tr > th{padding:10px 5px; border-bottom:1px solid #eaecf1;}
.bbsView > tbody > tr > th{background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1px;}
.bbsView > tbody > tr > td{color:#666; word-break:break-all;}
.bbsView .conts table,
.bbsView .conts td,
.bbsView .conts th{border:1px solid black}
.bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"] + td{padding-left:25px; border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left:25px;}
.bbsView td.conts{padding:30px 20px; border:0px;}
.bbsView div.conts{min-height:350px;}
.bbsView .conts .img{padding-bottom:30px; text-align:center;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView textarea{resize:none; height:150px;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView td.days input{width:110px; background:#e0e9f7; border-color:#9fb3d4;}
.bbsView td.days span{display:inline-block; margin-right:5px;}
.bbsView td.days span:after{content:','; display:inline-block;}
.bbsView td.days span:last-child:after{display:none;}
.bbsView.page{margin-top:20px;}
.bbsView.page th,
.bbsView.page td{padding:15px 15px 15px 25px;}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1px solid #eaecf1; border-bottom:1px dotted #eaecf1;}
.bbsView div.conts table{margin-left:auto !important; margin-right:auto !important;}
.bbsView .button{height:33px; line-height:31px; font-size:0.9rem;}
.bbsView .tip{font-size:0.8rem; word-break:keep-all;}
.bbsView .spam > span{display:inline-block; height:33px; line-height:33px; box-sizing:border-box; padding:0 10px; margin-right:10px; background:#222; color:#fff; letter-spacing:3px; font-size:0.9rem;}
.bbsView .spam > *{vertical-align:middle;}
/* design radio */
.designRadio{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designRadio input[type="radio"]{position:absolute; opacity:0;}
.designRadio input[type="radio"] + label{position:relative; min-height:16px; padding-left:20px; padding-bottom:2px; margin-right:10px; cursor:pointer; line-height:1em;}
.designRadio input[type="radio"] + label:before{content:''; display:block; position:absolute; top:0px; left:0px; width:16px; height:16px; background:url(../images/board/sp_radio.png) no-repeat 0 -16px; background-size:16px 48px;}
.designRadio.white input[type="radio"] + label:before{background:url(../images/board/sp_radio_w.png) no-repeat 0 -16px; background-size:16px 48px;}
.designRadio input[type="radio"]:checked + label:before{background-position:0px 0px;}
.designRadio input[type="radio"]:disabled + label:before{background-position:0px -32px;}
.designRadio.agree{display:block; text-align:center;}
.designRadio.agree input[type="radio"] + label{margin:2px 30px;}

@media (max-width:1223px){
	.area_calendar .calendar_left,
    .area_calendar .calendar_right{float: inherit; width:100%;}


}