:root{
    /* 색깔표! */
    --background-color: #252629;
    --darkest-gray: #1B202A;
    --darker-gray: #303443;
    --dark-gray: #353B51;
    --light-gray: #4B5167;
    --lighter-gray: #575D76;
    --yellow: #FCA409;
    --orange: #FF6C4E;
    --green: #72C86F;
    --dark-red: #B04047;
    --light-red: #E92832;
}


/*=================================================
				일반
=================================================*/
body {
	font-family:
		"SpoqaHanSansWeb",
		"notokr",
		"Nanum Gothic",
		sans-serif;
}

p {
	margin: 0;
}

.google_addr_wrap #map {
	height: 500px;
}

.google_addr_wrap .controls {
	margin-top: 10px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#goods-write-page .cke_top,
#goods-write-page .cke_bottom {
	/* display: none; */
}

/*****#####===== 폼 컨트롤 =====#####*****/
input,
textarea,
select,
button,
a {
	outline: 0;
}

/*****#####===== A 링크 =====#####*****/
a {
	color: inherit;
	text-decoration: none;
	font-family: inherit;
}

a:hover,
a:active,
a:after,
a:visited,
a:focus,
button:hover,
button:active,
button:after,
button:visited,
button:focus {
	color: inherit;
	text-decoration: none;
	outline: none;
}

/*****#####===== 엘립시스 =====#####*****/
[class*="ellipsis"] {
	position: relative;
	display: -webkit-box;
	width: 100%;
	overflow: hidden;
	box-sizing: content-box;

	text-overflow: ellipsis;
	word-wrap: break-word;
	line-height: 1.5em;

	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis_1 {
	height: 1.5em;
	-webkit-line-clamp: 1;
}

.ellipsis_2 {
	height: 3em;
	-webkit-line-clamp: 2;
}

.ellipsis_3 {
	height: 4.5em;
	-webkit-line-clamp: 3;
}

/*****#####===== 템플릿 =====#####*****/
.template {
	display: none;
}

/*****#####===== row 숨기기 =====#####*****/
.hide-row {
	display: none;
}

.hide-row.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/*****#####===== 버튼 =====#####*****/
.btn {
	border-radius: 0;
	cursor: pointer;
}

.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-link) {
	background-color: #999999;
	color: #FFFFFF;
}

.btn:hover,
.btn:active,
.btn:after,
.btn:visited,
.btn:focus {
	color: #171717;
	text-decoration: none;
	outline: none;
}

.btn.btn-link {
	background: none;

	color: inherit;
}

.btn-dark-gray {
	background-color: #6A747C;
}

.btn-white {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;

	color: #5E5E5E;
}

.btn-brown {
	background-color: #BC9B6A;
}

.btn.blackbox-btn,
.btn.border-btn {
	margin-top: -3px;
	margin-left: 5px;
	padding: 8px 20px;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: -1px;
}

.address_wrap .postcode_btn,
.btn.blackbox-btn {
	background-color: #000;
	color: #fff;
}

.btn.border-btn {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	color: #171717;
}

.beto_btn{
    background-color: var(--darker-gray);
    border: 1px solid #777;
    padding: 5px;
    color: #fff;
    width: 90%;
    font-size: 14px;
	transition: 0.5s ease-out;
}
.beto_btn:hover,
.beto_btn:active{
    background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%);
    transition: 0.5s ease-out;
}

/*****#####===== 파일 업로드 버튼 =====#####*****/
.upload-file-input {
	width: 1px;
	height: 1px;
	opacity: 0;
}

/*****##### move-btn-wrap #####*****/
.move-btn-wrap {
	text-align: center;
}

.move-btn-wrap ul {
	padding: 0;
	display: block;
	list-style: none;
}

.move-btn-wrap ul li {
	display: inline-block;
}

.move-btn-wrap .move-btn {
	padding: 12px 20px;
	width: 200px;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: -0.5px;
}

/*****##### 삭제 버튼 #####*****/
.delete_submit_btn {
	cursor: pointer;
}


/* betobahn - model color change */
.modal-content{
	background-color: var(--background-color);
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {
	.btn.move-btn {
		padding: 12px 0;
	}

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

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

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {

	.btn.blackbox-btn,
	.btn.border-btn {
		padding: 8px 15px;
		font-size: 14px;
	}

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

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

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {

	.btn.blackbox-btn,
	.btn.border-btn {
		margin-top: -5px;
		padding: 8px;
		font-size: 14px;
	}

	/* move-btn-wrap */
	.move-btn-wrap .move-btn {
		width: 160px;
		font-size: 15px;
	}

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

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

/***** xs *****/
@media (max-width: 553px) {

	/* 버튼 */
	.btn.submit_btn {
		margin: 5px 0 25px;
		padding: 10px 45px 13px;
		font-size: 15px;
	}

	.btn.blackbox-btn,
	.btn.border-btn {
		padding: 6px 7px;
		font-size: 11px;
	}

	.move-btn-wrap .move-btn {
		margin-left: 0;
		padding: 8px 0;
		width: 90px;
		font-size: 11px;
	}

	.ratio-box.ratio1_4:before {
		padding-top: 25%;
	}

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

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

}


/*****#####===== 레이어 =====#####*****/
.layer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;

	background-color: #FFFFFF;
}

.layer.ab {
	position: absolute;
}

/*****#####===== flaticon =====#####*****/
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
	margin-left: 0;
}

/*=================================================
				텍스트
=================================================*/
/*****#####===== word-break =====#####*****/
.word-break {
	word-wrap: break-word;
	word-break: keep-all;
}

/* 정렬 */
.left-align {
	text-align: left;
}
.right-align {
	text-align: right;
}
.center-align {
	text-align: center;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}

/*=================================================
				Board
=================================================*/
/*****#####===== SNS =====#####*****/
.share_btn {
	display: block;
	width: 34px;
	height: 34px;
	cursor: pointer;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.share_btn[data-sns*='facebook'] {
	background-image: url('/img/button/btn-facebook.png');
}

.share_btn[data-sns*='twitter'] {
	background-image: url('/img/button/btn-twitter.png');
}

.share_btn[data-sns*='band'] {
	background-image: url('/img/button/btn-band.png');
}

.share_btn[data-sns*='kakao'] {
	background-image: url('/img/button/btn-kakao.png');
}

.share_btn[data-sns*='link'] {
	background-image: url('/img/button/btn-link.png');
}


/*****#####===== 헤더 =====#####*****/
/***** 클로즈 헤더 *****/
.close-header {
	display: none;
	margin-bottom: 68px;
	padding: 20px 0;

	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.1);
}

.fsp-close-btn {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('/img/common/x-1.png');
}

/***** 탑 헤더 *****/
.top-header {
	margin-bottom: 30px;
}

.top-header .header-board {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

.top-header .header-regdate {
	font-size: 15px;
	font-weight: 500;
	color: #595959;
}

/***** 타이틀 헤더 *****/
.title-header {
	font-size: 36px;
	font-weight: 300;
	letter-spacing: -0.7px;
}

/***** 서브 헤더 *****/
.sub-header .header-subtitle {
	margin: 0;

	font-size: 15px;
	letter-spacing: -0.3px;
}

/***** 바텀 헤더 *****/
.bottom-header {
	padding: 11px 0 25px 0;

	border-top: 1px solid #171717;
	border-bottom: 1px solid #cccccc;

	color: #808080;
}

.bottom-header .header-count {
	font-style: italic;
}

.bottom-header .header-count .middot {
	display: inline-block;
	padding: 0 5px;
}

/***** 첨부파일 헤더 *****/
.files-header {
	margin: 16px 0;
}

/*****#####===== 풀스크린 팝업 =====#####*****/
body.fsp-open {
	overflow: hidden;
}

.fsp-open .fsp {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	overflow-y: auto;
	overflow-x: hidden;
	background: rgba(255, 255, 255, 0.99);
}

.fsp-open .close-header {
	display: block;
}


/*=================================================
				댓글
=================================================*/
/*****#####===== 리스트 =====#####*****/
.cmnt-lists>li {
	padding: 15px 5px;
	border-top: 0;
	border-bottom: 1px solid #CDCDCD;
}

.cmnt-title {
	margin-bottom: 1rem;
}

.cmnt-title span {
	font-size: 1.1rem;
	font-weight: 700;
	color: #097CBE;
}

.cmnt-info {
	margin-top: 1.2rem;
}

.cmnt-info .count {
	cursor: pointer;
}

.reply-lists-wrap {
	display: none;
	padding: 1rem 2rem;

}

.reply-lists-wrap.active {
	display: block;
}

.reply-lists>li {
	border-top: 1px solid #CDCDCD;
}

/* ===============================================
	조민정 2020-10-12 커뮤니티 댓글창 css 적용
================================================== */
/* 게시글 상세페이지 댓글창 */
.cmnt-lists-wrap .float-right {
	font-size: 85%;
}

.cmnt-lists-wrap .float-right li:last-child a {
	padding-right: 0;
}

.cmnt-lists-wrap .cmnt-info {
	margin-top: 0;
}

.cmnt-lists-wrap .reply-lists-wrap {
	padding: 0;
}

.cmnt-lists-wrap .reply-lists-wrap li.lists-item {
	margin-bottom: 10px;
	border-radius: 10px;
	border-top: 0;
	padding: 15px 15px;
	background-color: #f5f5f5;
}

.cmnt-lists-wrap .reply-lists-wrap li.lists-item:first-child {
	margin-top: 10px;
}

.cmnt-lists-wrap .cmnt-title {
	margin-bottom: 0;
	padding-bottom: 10px;
}


/* 댓글 글쓴이 */
.cmnt-lists-wrap .cmnt-title .cmnt_writer_name,
.cmnt-lists-wrap .cmnt-title span {
	color: #393939;
	font-size: 85%;
}

.cmnt-lists-wrap .cmnt-title .cmnt_writer_tag {
	color: #097CBE;
	font-size: 70%;
	border: 1px solid;
	border-radius: 10px;
	padding: 0px 5px;
	vertical-align: middle;
}

.lists-item {
	position: relative;
}

#comment-wrap .dropdown-menu {
	top: auto;
}

.cmnt-lists-wrap .cmnt-content {
	padding-top: 0;
}

.cmnt-lists-wrap .reply-lists-wrap {
	margin-left: 50px;
}

.cmnt-lists-wrap .reply-lists-wrap .reply-lists .lists-item .cmnt-title:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: -20px;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	border-width: 0 0 1px 1px;
	border-radius: 0 0 0 1px;
}


/* 댓글창 댓글 작성자 프로필 사진 표시 */
.cmnt_container {
	width: 100%;
	display: flex;
}

.cmnt_writer_pic {
	width: fit-content;
	margin: 10px 10px 10px 0;
	;
}

.cmnt_writer_pic .ratio-content {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 0.5px solid #e9e9e9;
}

.cmnt_wrap {
	width: inherit;
}



@media (max-width: 720px){
	/* 모바일웹 게시글 댓글창 */
	.cmnt-lists-wrap .cmnt-lists>li {
		padding: 10px 0;
	}

	.cmnt-lists-wrap .cmnt-content {
		word-break: break-all;
		font-size: 14px;
		padding: 0px;
	}

	.cmnt-lists-wrap .reply-lists-wrap {
		padding: 0;
		margin-left: 20px;
	}

	.cmnt-lists-wrap .reply-lists-wrap li.lists-item {
		margin-bottom: 10px;
		background-color: #fff;
		padding: 0;
		border-top: 0;
	}

	.cmnt-lists-wrap .float-right.date {
		font-size: 70%;
		line-height: 25px;
	}

	.cmnt_container {
		background-color: #f5f5f5;
		border-radius: 10px;
		padding: 10px;
	}

	.main_cmnt_container {
		background-color: #fff;
	}

	.cmnt-lists-wrap .reply-lists-wrap .reply-lists .lists-item .cmnt-title:before {
		left: -15px;
		width: 15px;
		height: 15px;
	}
}


/*****#####===== 쓰기 =====#####*****/
.cmnt-wrap {
	width: 100%;

	margin-top: 0.8rem;
}

.cmnt-wrap .cmnt-text {
	padding: 0;
	border: 3px solid #202020;

	height: 70px;
}

.cmnt-wrap .cmnt-text textarea {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	border: none;
}

.cmnt-wrap .cmnt-btn {
	width: 100px;
	height: 70px;

	color: #FFFFFF;
	font-weight: bold;

	text-align: center;

	border: 3px solid #202020;
	background-color: #202020;

	cursor: pointer;
}

.cmnt-wrap .cmnt-btn:hover {
	background-color: #FFFFFF;
	color: #202020;
}



/*=================================================
				Popup
=================================================*/
.popup {
	position: absolute;
	padding: 10px;
	z-index: 2080;
	background-color: #383838;
	border: 1px solid #333333;
}

.popup .popup-list-wrap {
	position: relative;
	margin: 0.6rem 0;
}

.popup-pointer {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;

	border: 5px solid red;

	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease-in-out;
}

.popup-list-item {
	display: block;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {
	.cmnt-title span {
		font-size: 14px;
	}

	.cmnt-title .date {
		font-size: 11px;
	}

	.cmnt-info .modify a,
	.cmnt-info .count {
		font-size: 12px;
	}
}

/***** xs *****/
@media (max-width: 553px) {
	.cmnt-title span {
		font-size: 14px;
	}

	.cmnt-title .date {
		font-size: 11px;
	}

	.cmnt-info .modify a,
	.cmnt-info .count {
		font-size: 12px;
	}
}

/*=================================================
				Modal
=================================================*/
.alert-modal {
	z-index: 9999;
}

/*=============================모달창 가운데로 나오게 하는 css=================================*/
.modal {
	text-align: center;
	padding: 0 !important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-nomg {
	padding: 0;
	margin: 0;
}


/*===========================모달창 가운데로 나오게 하는 css 끝 =================================*/

.btn-primary {
	padding: 12px 0;
	background-color: #333333;
	border: none;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#signup_form .btn-primary {
	padding: 12px 0;
	background-color: #333333;
	border: none;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -1px;
	color: #FFFFFF;
}

.btn-ab {
	position: absolute;
	right: 2px;
}

.btn-ab-ct {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -60px;
}

.tripade-btn {
	font-size: 15px !important;
	background: #02B3A3;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #36B789, #24A9D4);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #36B789, #24A9D4);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #FFFFFF;
}

.tripade-btn:hover {
	background-color: f000000;
	/*	border: 1px solid transparent;
	color:#00F260; */
}


/* .sign-up-btn{
	background-color : #FF8000;
	border : 1xp solid transparent;
	color:#FFFFFF
}
.sign-up-btn:hover{
	background-color : #FFFFFF;
	border: 1px solid #FF8000;
	color : #FF8000;
}


.find-pw-btn{
	background-color : #F0C0FF;
	border: 1px solid transparent;
	color: #ffffff;
}

.find-pw-btn:hover{
	background-color: #ffffff;
	border : 1px solid #F0C0FF;
	color: #F0C0FF;
} */

.confirm-btn {
	font-size: 15px;
	background: #27aae1;
	background-color: #fff !important;
	color: #27aae1 !important;
	border: 1px solid #27aae1;
}

.confirm-btn:hover {
	background-color: #27aae1 !important;
	color: #fff !important;
}

.naver-btn {
	background-color: #34cc0f;
	border: 1px solid transparent;
	color: #FFFFFF;
}

.naver-btn:hover {
	background-color: #ffffff;
	border: 1px solid #34cc0f;
	color: #34cc0f;
}

.face-btn {
	background-color: #3E5B99;
	border: 1px solid transparent;
	color: #FFFFFF;
}

.face-btn:hover {
	background-color: #ffffff;
	border: 1px solid #4167b9;
	color: #3E5B99;
}

.kakao-btn {
	background-color: #ffdc1a;
	border: 1px solid transparent;
	color: #333333;
}

.kakao-btn:hover {
	background-color: #ffffff;
	border: 1px solid #ffdc1a;
	color: #333333;
}

/*================승규가 작성한 코드===========================*/

.signup-a {
	font-size: 14px;
}

.find-pw-a {
	font-size: 14px;
}

.sns-login-a {
	margin-top: 20px;
	font-size: 13px;
}

.sns-login-tb {
	margin-top: 20px;
	width: 100%;
}


/*======================================input 박스 노란색 테두리 없애주는 코드===============================*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #fff inset;
	-webkit-text-fill-color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}


.privacy-a {
	font-size: 13px !important;
	color: #00A2FF !important;
}

.useterms-a {
	font-size: 13px !important;
	color: #00A2FF !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #929292 #929292 #929292;
	nav-bar에 마우스 올렸을 때
}



#login-tabs.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #25A9E0;
	/*선택된 네브 탭에 글씨색*/
	background-color: #FFFFFF;
	/*선택된 네브 탭의 배경색*/
	border-color: #FFFFFF
		/*선택된 네브 탭 위쪽 라인 색상*/
		#FFFFFF
		/*네브 탭 양 사이즈 라인 색상*/
		#FFFFFF;
	/*선택된 탭 아래쪽 라인 색상*/
	font-weight: bold;
}



#login-tabs.nav-tabs {
	border-bottom: 1px solid #FF0000;
	/*선택하지않은 네비게이션 바의 밑줄 색깔*/
	background-color: #FFFFFF;
	/*배경 색상*/
	font-size: 25px;
	font-weight: 900;
}



#login-tabs.nav-tabs {
	border-bottom: 1px solid #dddddd;

}


#login-tabs.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	margin-top: 2px;
}

#login-tabs.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.428571429;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color: #DFDFDF;
}


/*=============================모달창 가운데로 나오게 하는 css=================================*/
.modal {
	text-align: center;
	padding: 0 !important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-nomg {
	padding: 0;
	margin: 0;
}


/*===========================모달창 가운데로 나오게 하는 css 끝 =================================*/

.tripade-btn {
	font-size: 15px;
	background: #02B3A3;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #36B789, #24A9D4);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #36B789, #24A9D4);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #FFFFFF;
}


.modal-header {
	border: none !important;
	padding: 5px;
	margin: 5px;
}


/* .form-control{
	
	padding-top: 5px; 
	border-radius: 0;
	border: 1px solid #DDDDDD;
} */


.error {
	color: #FF0000;
	font-size: 12px;
	display: none;
	margin-left: 10px;
}

#mem_id .form-control {
	padding-top: 10px;
	border-radius: 0;
	border: 1px solid var(--light-gray);
}


#city_banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	height: 430px;
	/* 2019-12-17 조민정 높이 수정 */
}


#guide-menu-thumbnail {
	padding: 20px 0 70px;
	/*가이드 섬네일 패딩을 80있던걸 20으로 줬음*/
}



.prevent_datepicker[readonly] {
	background-color: #fff !important;
}




.custom-selected {

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 5'><path fill='%23333' d='M2 5L0 2h4zm0'/></svg>") no-repeat right 0.75rem center;
	-webkit-background-size: 15px 10px;
	background-size: 15px 10px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;

	vertical-align: middle;
	line-height: 1.25;
	max-width: 100%;
	height: calc(2.25rem + 2px);

	/* Add your own arrow image and set it as a background image */
}





/*================승규가 작성한 코드 끝 ============================*/


/*=================================================
				Box
=================================================*/
/*****#####===== 스크롤 박스 =====#####*****/
.scroll-box {
	height: 15rem;
	padding: 1rem;

	overflow-y: scroll;

	border: 1px solid #DDDDDD;
	color: #5f5f60;
}

/*****#####===== 완료 박스 =====#####*****/
.complete-wrap {
	text-align: center;
}

.complete-wrap i:before {
	color: #26ACC2;
	font-size: 45px;
}

.complete-wrap h3 {
	padding: 20px 0 0;
	font-size: 2.2rem;
	font-weight: 600;
}

.complete-wrap p {
	font-size: 18px;
	letter-spacing: -0.4px;
}

.complete-btn-wrap a {
	padding: 12px 0;
	border: solid 1px #cccccc;
	color: #171717;
}

.complete-btn-wrap a:hover {
	background-color: #171717;
	border: solid 1px #171717;
	color: #FFFFFF;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {
	.complete-wrap h3 {
		font-size: 1.5rem;
	}

	.complete-wrap p {
		font-size: 14px;
	}

	.complete-btn-wrap a {
		padding: 10px 0;
		font-size: 17px;
	}
}

/***** xs *****/
@media (max-width: 553px) {
	.complete-wrap h3 {
		font-size: 1.5rem;
	}

	.complete-wrap p {
		font-size: 12px;
	}

	.complete-btn-wrap {
		padding: 0 0 10px;
	}

	.complete-btn-wrap a {
		padding: 10px 0;
		font-size: 12px;
	}

	.scroll-box {
		height: 10rem;
		font-size: 12px;
	}
}

/*=================================================
				테이블
=================================================*/
/*****#####===== 리스트 테이블 =====#####*****/
.list-table>thead>tr>th {
	text-align: center;
}
#goods-lists-page .list-table>thead>tr>th{
	padding: 0;
}

.list-table>tbody>tr>td {
	padding: 0.7rem 0.35rem;
	vertical-align: middle;

	text-align: center;
}

/*****#####===== 뷰 테이블 =====#####*****/
.view-table {
	border-top: 2px solid #A9A9A9;
	border-bottom: 1px solid #DDDDDD;
}

.view-table>tbody>tr>th {
	width: 10rem;

	background-color: #EFEFEF;

	text-align: center;
}

/*****#####===== 폼 테이블 =====#####*****/
.form-table {
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #cccccc;
}

.form-table th {
	width: 12rem;
	padding: 1rem 1.5rem;
	font-weight: 400;
	vertical-align: top;
}

.form-table td {
	/*
	width: 60rem;
	*/
}

.form-table th,
.form-table td {
	letter-spacing: -0.3px;
	border-bottom: 1px solid #cccccc;
	word-break: keep-all;

	padding: .5rem 0;
}

.form-table td input.width-trisect {
	width: 7.5rem;
}

.padding-wrapper {
	padding: 0 85px;
}

.border-box {
	padding: 3rem 4rem;
	border: 10px solid #f2f2f2;
}

.card.none-border {
	border: none;
}

.card-title {
	padding: 0 0.2rem;
	border: none;
	font-weight: 500;
	font-size: 26px;
}

.card-title small {
	line-height: 40px;
}

.page-title {
	padding: 0 0 15px;
	border-bottom: 1px solid #CCCCCC;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -1.5px;
}

.page-title-line {
	width: 100%;
	height: 9px;
	padding: 2rem 0 1rem;

	background-position: center;
	background-image: url('/img/sys/pattern.png');
	background-repeat: repeat-x;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {
	.border-box {
		padding: 1rem;
	}

	.form-table td input.width-trisect {
		width: 6.5rem
	}
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
	.padding-wrapper {
		padding: 0;
	}

	.border-box {
		padding: 1rem;
	}

	.form-table th {
		padding: 1rem 0.5rem;
	}

	.form-table td input.width-trisect {
		width: 5.5rem;
	}
}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {
	.padding-wrapper {
		padding: 0;
	}

	.border-box {
		padding: 0;
	}

	.card-title {
		font-size: 20px;
	}

	.form-table th {
		padding: 1rem 0.5rem;
		width: 25rem;
	}

	.form-table td input.width-trisect {
		width: 5rem;
	}
}

/***** xs *****/
@media (max-width: 553px) {
	.padding-wrapper {
		padding: 0;
	}

	.border-box {
		padding: 0;
	}

	.card-title {
		font-size: 16px;
	}

	.card-title small {
		line-height: 25px;
		font-size: 11px;
	}

	.form-table th {
		padding: 1rem 0;
		width: 30%;
		font-size: 10px;
	}

	.form-table td {
		font-size: 11px;
	}

	.form-table td input.width-trisect {
		width: 2.7rem;
	}

	.confirm-rwrdpoint {
		font-size: 12px;
	}

	.confirm-pricelist {
		font-size: 12px;
	}
}

/*****#####===== 모듈 테이블 =====#####*****/
.module-table {
	margin: 0;
	width: 100%;
}

.module-table thead tr th,
.module-table tbody tr td {
	font-family: 
	"SpoqaHanSansWeb",
		"notokr",
		sans-serif;
	font-weight: 400;
	font-size: 18px;

	text-align: center;
	transform: skew(-0.03deg);
}

.module-table thead tr th {
	/* background-color: #fafafa; */
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.table td, .table th{
	border-color: #777;
}

.module-table thead tr th.w-title {}

.module-table thead tr th.w-middle {
	width: 12rem;
}

.module-table thead tr th.w-small {
	width: 7rem;
}

.module-table .module-name {
	text-align: left;
}

/*order-table 옵션테이블*/
.module-table .option-alert {
	margin: 0;
	padding: 0;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	background-color: #fafafa;
}

.module-table .option-table th,
.module-table .option-table td {
	padding: .3rem .75rem;
	height: 3rem;
	border-top: none;
	font-size: 15px;
}

.option-table {
	width: 100%;
}

.option-table .name {
	width: 11rem;
}

.option-table .price {
	width: 9rem;
}

.option-table .option {
	width: 12rem;
}

.option-table .option .cartg_num {
	padding: 1px 10px;
}

.option-table .option .border-btn {
	margin: 0;
	padding: 10px;
}

/*****#####===== 모듈 테이블 하단 총 상품금액 box =====#####*****/
.total-wrap {
	margin-bottom: 3rem;
	padding: 2rem;

	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background-color: #fafafa;

	font-family: 
	"SpoqaHanSansWeb",
		"notokr",
		sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: right;
	transform: skew(-0.03deg);
}

.total-wrap {
	margin-bottom: 1rem;
}

.total-wrap span {
	font-size: 1.5rem;
	font-weight: 800;
	color: #f05228;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
	.total-wrap {
		font-size: 1rem;
	}
}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {
	.total-wrap {
		font-size: 0.85rem;
	}

	.total-wrap span {
		font-size: 1.1rem;
		font-weight: 700;
	}
}

/***** xs *****/
@media (max-width: 553px) {
	.total-wrap {
		margin-bottom: 2rem;
		padding: 2rem .5rem;
		font-size: 0.85rem;
	}

	.total-wrap span {
		font-size: 1.1rem;
		font-weight: 700;
	}
}


/*****##### 마이페이지 주문상세테이블 #####*****/
.info-table.module-table {
	border-bottom: 1px solid #e6e6e6;
}

.info-table.module-table tbody tr td {
	padding: .75rem .3rem;
	font-weight: 500;
	font-size: 16px;
}

.info-table.module-table>tbody>tr>td div small {
	font-weight: 600;
}

.info-detail-table {
	width: 100%;
}

.info-detail-table .module-table {
	font-size: 16px;
}

.info-detail-table .module-table .name {
	width: 7rem;
}


.info-detail-table .module-table .price {
	width: 7rem;
}

.info-detail-table .module-table .option {
	width: 5rem;
}

.info-detail-table tbody tr td {
	border-top: none;
}

.info-table .btn.border-btn,
.info-table .btn.blackbox-btn {
	margin: 3px 0 0;
	font-size: 12px;
}

/***** 진행상황text색상 *****/
.info-table .pay-wait {
	color: #f05228;
}

.info-table .delivery {
	color: #21547c;
}

/*****##### 주문배송 상세페이지 - 주문상세정보 #####*****/
/*
.order-detail-table>thead>tr>th.condition{
	width: 10rem;
}

/*****##### 주문배송 상세페이지 - 결제정보(td width-33% table) #####*****/
.threetd-table>thead>tr>th {
	width: 33%;
}

/*****##### 주문배송 상세페이지 - 구매자정보(td width-25% table) #####*****/
.fourtd-table>thead>tr>th {
	width: 25%;
}

/*****##### 포인트페이지 - 구매자정보(td width-20% table) #####*****/
.fivetd-table>thead>tr>th {
	width: 20%;
}

/*****##### 포인트페이지 박스 #####*****/
.benefit-box .title {
	padding: 0 15px 0 0;
	font-weight: 500;
	font-size: 20px;
}

.benefit-box .number {
	font-weight: 600;
	font-size: 22px;
	color: #26ACC2;
}

.benefit-box .number i:before {
	font-weight: 500;
	font-size: 35px;
}

.benefit-box .number strong {
	font-size: 26px;
}

/* 포인트페이지 - 적립포인트text색상 */
.benefit-point-plus {
	color: #f05228;
}

.benefit-point-minus {
	color: #21547c;
}

/*****##### 내가쓴게시물 페이지 #####*****/
.info-board-table thead tr th.subject,
.info-board-table tbody tr td.subject {
	padding: .75rem 3rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {
	.module-table thead tr th.w-middle {
		width: 8rem;
	}

	.module-table .option-table .name {
		width: 30rem;
	}

	.module-table .option-table .option {
		width: 35rem;
	}

	/* 마이페이지 주문상세테이블 */
	/* .info-table.module-table tbody tr td{
		padding: .4rem .2rem;
	    font-size: 12px;
	} */

	.info-detail-table .order-name {
		font-size: 15px;
	}

	.module-table thead tr th,
	.module-table tbody tr td {
		font-size: 15px;
		word-break: keep-all;
	}

	.info-detail-table .option-table .name {
		width: 5rem;
	}


	.info-detail-table .option-table .price {
		width: 7rem;
	}

	.info-detail-table .option-table .option {
		width: 3rem;
	}

	.info-table .btn.border-btn,
	.info-table .btn.blackbox-btn {
		padding: 5px 10px;
	}

	/* 주문배송 상세페이지 - 주문상세정보 */
	.order-detail-table>thead>tr>th.condition {
		width: 5rem;
	}

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
	.module-table thead tr th.w-middle {
		width: 7.5rem;
	}

	.module-table thead tr th.w-small {
		width: 5rem;
	}

	.module-table thead tr th,
	.module-table tbody tr td {
		font-size: 13px;
		word-break: keep-all;
	}

	.module-table .option-table .name {
		width: 30rem;
	}

	.module-table .option-table .option {
		width: 35rem;
	}

	.module-table .option-table th,
	.module-table .option-table td {
		padding: .3rem;
		font-size: 18px;
	}

	/* 마이페이지 주문상세테이블 */
	/* .info-table.module-table tbody tr td{
		padding: .4rem .2rem;
	    font-size: 12px;
	} */

	.info-detail-table .module-name {
		font-size: 14px;
	}

	.info-detail-table .option-table .name {
		width: 5rem;
	}


	.info-detail-table .option-table .price {
		width: 7rem;
	}

	.info-detail-table .option-table .option {
		width: 3rem;
	}

	.info-table .btn.border-btn,
	.info-table .btn.blackbox-btn {
		padding: 5px 10px;
	}

	/* 주문배송 상세페이지 - 주문상세정보 */
	.order-detail-table>thead>tr>th.condition {
		width: 5rem;
	}
}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {

	.module-table thead tr th,
	.module-table tbody tr td {
		padding: .5rem;
		font-size: 18px;
		word-break: keep-all;
	}

	.module-table thead tr th.w-middle {
		width: 3rem;
	}

	.module-table thead tr th.w-small {
		width: 3rem;
	}

	.module-table .option-table .name {
		width: 30rem;
	}

	.order-table .option-table .option {
		width: 35rem;
	}

	.order-table .option-table th,
	.order-table .option-table td {
		padding: .3rem;
		font-size: 12px;
	}

	/* 마이페이지 주문상세테이블 */
	/* .info-table.module-table tbody tr td{
		padding: .4rem .2rem;
	    font-size: 11px;
	} */

	.info-detail-table .module-name {
		font-size: 12px;
	}

	.info-detail-table .option-table .name {
		width: 5rem;
	}


	.info-detail-table .option-table .price {
		width: 7rem;
	}

	.info-detail-table .option-table .option {
		width: 3rem;
	}

	.info-table .btn.border-btn,
	.info-table .btn.blackbox-btn {
		padding: 5px;
		font-size: 11px;
	}

	/* 주문배송 상세페이지 - 주문상세정보 */
	.order-detail-table>thead>tr>th.condition {
		width: 4.5rem;
	}

	/* 포인트페이지 박스 */
	.benefit-box .title {
		padding: 0 10px 0 0;
		font-size: 16px;
	}

	.benefit-box .number {
		font-size: 19px;
	}

	.benefit-box .number i:before {
		font-size: 30px;
	}

	.benefit-box .number strong {
		font-size: 20px;
	}
}

/***** xs *****/
@media (max-width: 553px) {
	.module-table .module-name {
		font-size: 15px;
	}

	.module-table .option-table .name {
		width: 30rem;
	}

	.module-table .option-table .option {
		width: 35rem;
	}

	.module-table .option-table th,
	.module-table .option-table td {
		padding: .3rem;
		font-size: 12px;
	}

	.module-table thead tr th,
	.module-table tbody tr td {
		font-size: 12px;
	}

	/* 마이페이지 주문상세테이블 */
	.info-table.order-table thead tr th,
	.info-table.order-table tbody tr td {
		font-size: 12px;
	}

	.info-table.order-table tbody tr td {
		padding: .4rem .2rem;
	}

	.info-detail-table .order-name {
		font-size: 12px;
	}

	.info-table .btn.border-btn,
	.info-table .btn.blackbox-btn {
		padding: 5px;
	}

	/* 포인트페이지 박스 */
	.benefit-box .title {
		padding: 0 5px 0 0;
		font-size: 14px;
	}

	.benefit-box .number {
		font-size: 17px;
	}

	.benefit-box .number i:before {
		font-size: 28px;
	}

	.benefit-box .number strong {
		font-size: 18px;
	}
}

/*****#####===== 파일 테이블 =====#####*****/
.file-table>thead>tr>th,
.file-table>tbody>tr>td {
	text-align: center;
}

/*****#####===== 고정 테이블 =====#####*****/
.fixed-table {
	table-layout: fixed;
}

/*****#####===== 반응형 테이블 =====#####*****/
/***** xs *****/
@media (max-width: 553px) {

	.responsive-table,
	.responsive-table tbody,
	.responsive-table>tbody>tr,
	.responsive-table>tbody>tr>td {
		position: relative;
		display: block;
		width: 100% !important;
	}

	.responsive-table th {
		display: block;

		width: 100%;
		padding-bottom: 0;

		font-size: 14px;
		font-weight: 500;

		border: 0;
	}

	.responsive-table td input,
	.responsive-table td select {
		font-size: 12px;
	}

	.responsive-table td .custom-control-indicator {
		top: inherit;
	}

	.responsive-table td .width-7 {
		width: 4rem;
	}
}

/*****#####===== 기존 파일 보기 =====#####*****/
.stored-file-wrap {
	margin-top: 0.5rem;

	/* background-color: #F4F4F4; */
	/* border: 1px dashed #BBBBBB; */
	border-radius: 5px;
}

.stored-file-wrap table {
	width: auto;
}

.stored-file-wrap table img {
	width: auto;
	height: 2rem;
}

.stored-file-wrap table td {
	padding: 0.6rem;

	vertical-align: middle;

	word-wrap: break-word;
	word-break: keep-all;
}

.stored-file-wrap input[type='checkbox']+label.del_file_label {
	margin: 0;
}

.list_row .stored-file-wrap table td {
	padding: 0.5rem;
}

/*****#####===== 고정 테이블 =====#####*****/
.fixed-table {
	table-layout: fixed;
}

/*****#####===== 테이블 Row 숨기기 =====#####*****/
.hide-tr {
	display: none !important;
}

.hide-tr.active {
	display: table-row !important;
}

/*=================================================
				지도
=================================================*/
.map_canvas {
	display: none;
}

.map_canvas.active {
	display: block;
	height: 400px;
	margin-bottom: 1rem;
}

.address_wrap {
	padding: 0.5rem 0 0;
}

.address_wrap .form-control {
	margin-bottom: 0.5rem
}

.address_wrap .form-control {
	margin-bottom: 0.5rem
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 553px) {
	.address_wrap .postcode_btn {
		padding: 7px 5px;
		font-size: 11px;
	}
}

/*=================================================
				CK Editor
=================================================*/
.ckeditor-inline-wrapper {
	padding: 1rem;

	background-color: #EFEFEF;
}

/*=================================================
				Breadcrumb
=================================================*/

/*****#####===== 일반 Breadcrumb =====#####*****/
.breadcrumb {
	margin: 0;
	padding: 9% 0 0;

	background: none;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	padding: 0 0 0 0.3rem;
}

.breadcrumb .breadcrumb-item {
	font-size: 0.95rem;
}

.breadcrumb .breadcrumb-item.active {
	color: inherit;
	font-weight: 600;
}

/*****#####===== 사선 Breadcrumb =====#####*****/
.diagonal-breadcrumb {
	width: 100%;
	margin: 1rem 0 2rem;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.diagonal-breadcrumb li {
	width: 33.33%;
	float: left;
}

.diagonal-breadcrumb li div {
	position: relative;
}

.diagonal-breadcrumb li.active>div::before,
.diagonal-breadcrumb li.active>div::after {
	content: '';
	position: absolute;
	width: 2rem;
	top: 0;
	bottom: 0;
	z-index: 10;

	background-color: #6A747C;

	transform: skew(-30deg);
}

.diagonal-breadcrumb li.active>div::before {
	left: -1em;
}

.diagonal-breadcrumb li.active>div::after {
	right: -1em;
}

.diagonal-breadcrumb li div span {
	display: block;
	width: 100%;
	padding: 1rem;

	background-color: #A6ACB0;

	color: #FFFFFF;
	text-align: center;
}

.diagonal-breadcrumb li.active div span {
	background-color: #6A747C;
}

/*****#####===== 원형 Breadcrumb =====#####*****/
.circle-breadcrumb {
	margin: 0;
	padding: 35px 0 10px;
}

.circle-breadcrumb {
	text-align: center;
}

.circle-breadcrumb li {
	position: relative;
	display: inline-block;
	width: 190px;
	height: 190px;
	background-color: #f2f2f2;
	border-radius: 100%;
	text-align: center;
	color: #5f5f60;
}

.circle-breadcrumb li .item-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.circle-breadcrumb li i:before {
	font-size: 57px;
}

.circle-breadcrumb li .number {
	padding: 0 0 5px;
	font-size: 20px;
	line-height: 15px;
}

.circle-breadcrumb li .title {
	font-size: 15px;
}

.circle-breadcrumb li.active {
	background-color: #5f5f60;
	color: #FFFFFF;
}

.circle-breadcrumb li.arrow {
	width: 8%;
	background: none;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
	.circle-breadcrumb li {
		width: 150px;
		height: 150px;
	}

	.circle-breadcrumb li i:before {
		font-size: 45px;
	}
}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {
	.breadcrumb .breadcrumb-item {
		font-size: 0.8rem;
	}

	/* 원형 Breadcrumb */
	.circle-breadcrumb li {
		width: 110px;
		height: 110px;
	}

	.circle-breadcrumb li i:before {
		font-size: 25px;
	}

	.circle-breadcrumb li .number {
		padding: 0;
		font-size: 13px;
		line-height: 13px;
	}

	.circle-breadcrumb li .title {
		font-size: 11px;
	}

	.circle-breadcrumb li.arrow {
		width: 13%;
	}
}

/***** xs *****/
@media (max-width: 553px) {
	.breadcrumb .breadcrumb-item {
		font-size: 0.8rem;
	}

	/* 원형 Breadcrumb */
	.circle-breadcrumb li {
		width: 80px;
		height: 80px;
	}

	.circle-breadcrumb li i:before {
		font-size: 20px;
	}

	.circle-breadcrumb li .number {
		padding: 0;
		font-size: 11px;
		line-height: 11px;
	}

	.circle-breadcrumb li .title {
		font-size: 11px;
	}

	.circle-breadcrumb li.arrow {
		width: 5%;
	}
}

/*=================================================
			기타 간편 설정
=================================================*/
/*****#####===== 폰트간격 =====#####*****/
.ls-p1 {
	letter-spacing: 1px;
}

.ls-p16 {
	letter-spacing: 1.6px;
}

.ls-02 {
	letter-spacing: -0.2px;
}

.ls-03 {
	letter-spacing: -0.3px;
}

.ls-04 {
	letter-spacing: -0.4px;
}

.ls-05 {
	letter-spacing: -0.5px;
}

.ls-06 {
	letter-spacing: -0.6px;
}

.ls-07 {
	letter-spacing: -0.7px;
}

.ls-08 {
	letter-spacing: -0.8px;
}

.ls-09 {
	letter-spacing: -0.9px;
}

.ls-1 {
	letter-spacing: -1px;
}

.ls-11 {
	letter-spacing: -1.1px;
}

.ls-15 {
	letter-spacing: -1.5px;
}

.ls-16 {
	letter-spacing: -1.6px;
}

.ls-17 {
	letter-spacing: -1.7px;
}

.ls-2 {
	letter-spacing: -2px;
}

.ls-21 {
	letter-spacing: -2.1px;
}

.ls-22 {
	letter-spacing: -2.2px;
}

.ls-23 {
	letter-spacing: -2.3px;
}

.ls-24 {
	letter-spacing: -2.4px;
}

.ls-25 {
	letter-spacing: -2.5px;
}

.ls-26 {
	letter-spacing: -2.6px;
}

.ls-27 {
	letter-spacing: -2.7px;
}

.ls-28 {
	letter-spacing: -2.8px;
}

.ls-35 {
	letter-spacing: -3.5px;
}

/*****#####===== 폰트굵기 =====#####*****/
.weight-100 {
	font-weight: 100;
}

.weight-200 {
	font-weight: 200;
}

.weight-300 {
	font-weight: 300;
}

.weight-400 {
	font-weight: 400;
}

.weight-500 {
	font-weight: 500;
}

.weight-600 {
	font-weight: 600;
	/* font-weight: 400; */
}

.weight-700 {
	font-weight: 700;
}

.weight-800 {
	font-weight: 800;
}

/*****#####===== 폰트사이즈 =====#####*****/
.font-08 {
	font-size: 0.8rem;
}

.font-09 {
	font-size: 0.9rem;
}

.font-1 {
	font-size: 1rem;
}

.font-11 {
	font-size: 1.1rem;
}

.font-12 {
	font-size: 1.2rem;
}

.font-13 {
	font-size: 1.3rem;
}

.font-14 {
	font-size: 1.4rem;
}

.font-15 {
	font-size: 1.5rem;
}

.font-16 {
	font-size: 1.6rem;
}

.font-17 {
	font-size: 1.7rem;
}

.font-18 {
	font-size: 1.8rem;
}

.font-19 {
	font-size: 1.9rem;
}

.font-2 {
	font-size: 2rem;
}

/*****#####===== Row 설정 =====#####*****/
.row-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.row-0>div[class*='col-'] {
	padding-left: 0px;
	padding-right: 0px;
}

.row-1 {
	margin-left: -1px;
	margin-right: -1px;
}

.row-1>div[class*='col-'] {
	padding-left: 1px;
	padding-right: 1px;
}

.row-2 {
	margin-left: -2px;
	margin-right: -2px;
}

.row-2>div[class*='col-'] {
	padding-left: 2px;
	padding-right: 2px;
}

.row-3 {
	margin-left: -3px;
	margin-right: -3px;
}

.row-3>div[class*='col-'] {
	padding-left: 3px;
	padding-right: 3px;
}

.row-4 {
	margin-left: -4px;
	margin-right: -4px;
}

.row-4>div[class*='col-'] {
	padding-left: 4px;
	padding-right: 4px;
}

.row-5 {
	margin-left: -5px;
	margin-right: -5px;
}

.row-5>div[class*='col-'] {
	padding-left: 5px;
	padding-right: 5px;
}

.row-10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row-10>div[class*='col-'] {
	padding-left: 10px;
	padding-right: 10px;
}

.row-15 {
	margin-left: -15px;
	margin-right: -15px;
}

.row-15>div[class*='col-'] {
	padding-left: 15px;
	padding-right: 15px;
}

.row-20 {
	margin-left: -20px;
	margin-right: -20px;
}

.row-20>div[class*='col-'] {
	padding-left: 20px;
	padding-right: 20px;
}


/*****#####===== Width 설정 =====#####*****/
.width-1 {
	width: 1rem;
}

.width-2 {
	width: 2rem;
}

.width-3 {
	width: 3rem;
}

.width-4 {
	width: 4rem;
}

.width-5 {
	width: 5rem;
}

.width-6 {
	width: 6rem;
}

.width-7 {
	width: 7rem;
}

.width-8 {
	width: 8rem;
}

.width-9 {
	width: 9rem;
}

.width-10 {
	width: 10rem;
}

.width-11 {
	width: 11rem;
}

.width-12 {
	width: 12rem;
}

.width-13 {
	width: 13rem;
}

.width-14 {
	width: 14rem;
}

.width-15 {
	width: 15rem;
}

.width-16 {
	width: 16rem;
}

.width-17 {
	width: 17rem;
}

.width-18 {
	width: 18rem;
}

.width-19 {
	width: 19rem;
}

.width-20 {
	width: 20rem;
}

.width-24 {
	width: 24rem;
}

.width-30 {
	width: 30rem;
}


/*****#####===== Gap 설정 =====#####*****/
.gap-1 {
	line-height: 1rem;
	height: 1rem;
}

.gap-2 {
	line-height: 2rem;
	height: 2rem;
}

.gap-3 {
	line-height: 3rem;
	height: 3rem;
}

.gap-4 {
	line-height: 4rem;
	height: 4rem;
}

.gap-5 {
	line-height: 5rem;
	height: 5rem;
}

.gap-6 {
	line-height: 6rem;
	height: 6rem;
}

.gap-7 {
	line-height: 7rem;
	height: 7rem;
}

.gap-8 {
	line-height: 8rem;
	height: 8rem;
}

.gap-9 {
	line-height: 9rem;
	height: 9rem;
}

.gap-10 {
	line-height: 10rem;
	height: 10rem;
}

.gap-11 {
	line-height: 11rem;
	height: 11rem;
}

.gap-12 {
	line-height: 12rem;
	height: 12rem;
}

.gap-13 {
	line-height: 13rem;
	height: 13rem;
}

.gap-14 {
	line-height: 14rem;
	height: 14rem;
}

.gap-15 {
	line-height: 15rem;
	height: 15rem;
}

.gap-16 {
	line-height: 16rem;
	height: 16rem;
}

.gap-17 {
	line-height: 17rem;
	height: 17rem;
}

.gap-18 {
	line-height: 18rem;
	height: 18rem;
}

.gap-19 {
	line-height: 19rem;
	height: 19rem;
}

.gap-20 {
	line-height: 20rem;
	height: 20rem;
}

/*****----- 5열 그리드 -----*****/
.col-xs-penta-1,
.col-xs-penta-2,
.col-xs-penta-3,
.col-xs-penta-4,
.col-xs-penta-5,
.col-ms-penta-1,
.col-ms-penta-2,
.col-ms-penta-3,
.col-ms-penta-4,
.col-ms-penta-5,
.col-sm-penta-1,
.col-sm-penta-2,
.col-sm-penta-3,
.col-sm-penta-4,
.col-sm-penta-5,
.col-md-penta-1,
.col-md-penta-2,
.col-md-penta-3,
.col-md-penta-4,
.col-md-penta-5,
.col-lg-penta-1,
.col-lg-penta-2,
.col-lg-penta-3,
.col-lg-penta-4,
.col-lg-penta-5,
.col-xl-penta-1,
.col-xl-penta-2,
.col-xl-penta-3,
.col-xl-penta-4,
.col-xl-penta-5 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 480px) {

	.col-xs-penta-1,
	.col-xs-penta-2,
	.col-xs-penta-3,
	.col-xs-penta-4,
	.col-xs-penta-5 {
		float: left;
	}

	.col-xs-penta-1 {
		width: 20%;
	}

	.col-xs-penta-2 {
		width: 40%;
	}

	.col-xs-penta-3 {
		width: 60%;
	}

	.col-xs-penta-4 {
		width: 80%;
	}

	.col-xs-penta-5 {
		width: 100%;
	}

	.col-xs-penta-push-1 {
		left: 20%;
	}

	.col-xs-penta-push-2 {
		left: 40%;
	}

	.col-xs-penta-push-3 {
		left: 60%;
	}

	.col-xs-penta-push-4 {
		left: 80%;
	}

	.col-xs-penta-pull-1 {
		right: 20%;
	}

	.col-xs-penta-pull-2 {
		right: 40%;
	}

	.col-xs-penta-pull-3 {
		right: 60%;
	}

	.col-xs-penta-pull-4 {
		right: 80%;
	}
}

@media (min-width: 480px) {

	.col-ms-penta-1,
	.col-ms-penta-2,
	.col-ms-penta-3,
	.col-ms-penta-4,
	.col-ms-penta-5 {
		float: left;
	}

	.col-ms-penta-1 {
		width: 20%;
	}

	.col-ms-penta-2 {
		width: 40%;
	}

	.col-ms-penta-3 {
		width: 60%;
	}

	.col-ms-penta-4 {
		width: 80%;
	}

	.col-ms-penta-5 {
		width: 100%;
	}

	.col-ms-penta-push-1 {
		left: 20%;
	}

	.col-ms-penta-push-2 {
		left: 40%;
	}

	.col-ms-penta-push-3 {
		left: 60%;
	}

	.col-ms-penta-push-4 {
		left: 80%;
	}

	.col-ms-penta-pull-1 {
		right: 20%;
	}

	.col-ms-penta-pull-2 {
		right: 40%;
	}

	.col-ms-penta-pull-3 {
		right: 60%;
	}

	.col-ms-penta-pull-4 {
		right: 80%;
	}
}

@media (min-width: 768px) {

	.col-sm-penta-1,
	.col-sm-penta-2,
	.col-sm-penta-3,
	.col-sm-penta-4,
	.col-sm-penta-5 {
		float: left;
	}

	.col-sm-penta-1 {
		width: 20%;
	}

	.col-sm-penta-2 {
		width: 40%;
	}

	.col-sm-penta-3 {
		width: 60%;
	}

	.col-sm-penta-4 {
		width: 80%;
	}

	.col-sm-penta-5 {
		width: 100%;
	}

	.col-sm-penta-push-1 {
		left: 20%;
	}

	.col-sm-penta-push-2 {
		left: 40%;
	}

	.col-sm-penta-push-3 {
		left: 60%;
	}

	.col-sm-penta-push-4 {
		left: 80%;
	}

	.col-sm-penta-pull-1 {
		right: 20%;
	}

	.col-sm-penta-pull-2 {
		right: 40%;
	}

	.col-sm-penta-pull-3 {
		right: 60%;
	}

	.col-sm-penta-pull-4 {
		right: 80%;
	}
}

@media (min-width: 992px) {

	.col-md-penta-1,
	.col-md-penta-2,
	.col-md-penta-3,
	.col-md-penta-4,
	.col-md-penta-5 {
		float: left;
	}

	.col-md-penta-1 {
		width: 20%;
	}

	.col-md-penta-2 {
		width: 40%;
	}

	.col-md-penta-3 {
		width: 60%;
	}

	.col-md-penta-4 {
		width: 80%;
	}

	.col-md-penta-5 {
		width: 100%;
	}

	.col-md-penta-push-1 {
		left: 20%;
	}

	.col-md-penta-push-2 {
		left: 40%;
	}

	.col-md-penta-push-3 {
		left: 60%;
	}

	.col-md-penta-push-4 {
		left: 80%;
	}

	.col-md-penta-pull-1 {
		right: 20%;
	}

	.col-md-penta-pull-2 {
		right: 40%;
	}

	.col-md-penta-pull-3 {
		right: 60%;
	}

	.col-md-penta-pull-4 {
		right: 80%;
	}
}

@media (min-width: 1200px) {

	.col-lg-penta-1,
	.col-lg-penta-2,
	.col-lg-penta-3,
	.col-lg-penta-4,
	.col-lg-penta-5 {
		float: left;
	}

	.col-lg-penta-1 {
		width: 20%;
	}

	.col-lg-penta-2 {
		width: 40%;
	}

	.col-lg-penta-3 {
		width: 60%;
	}

	.col-lg-penta-4 {
		width: 80%;
	}

	.col-lg-penta-5 {
		width: 100%;
	}

	.col-lg-penta-push-1 {
		left: 20%;
	}

	.col-lg-penta-push-2 {
		left: 40%;
	}

	.col-lg-penta-push-3 {
		left: 60%;
	}

	.col-lg-penta-push-4 {
		left: 80%;
	}

	.col-lg-penta-pull-1 {
		right: 20%;
	}

	.col-lg-penta-pull-2 {
		right: 40%;
	}

	.col-lg-penta-pull-3 {
		right: 60%;
	}

	.col-lg-penta-pull-4 {
		right: 80%;
	}
}

@media (min-width: 1500px) {

	.col-xl-penta-1,
	.col-xl-penta-2,
	.col-xl-penta-3,
	.col-xl-penta-4,
	.col-xl-penta-5 {
		float: left;
	}

	.col-xl-penta-1 {
		width: 20%;
	}

	.col-xl-penta-2 {
		width: 40%;
	}

	.col-xl-penta-3 {
		width: 60%;
	}

	.col-xl-penta-4 {
		width: 80%;
	}

	.col-xl-penta-5 {
		width: 100%;
	}

	.col-xl-penta-push-1 {
		left: 20%;
	}

	.col-xl-penta-push-2 {
		left: 40%;
	}

	.col-xl-penta-push-3 {
		left: 60%;
	}

	.col-xl-penta-push-4 {
		left: 80%;
	}

	.col-xl-penta-pull-1 {
		right: 20%;
	}

	.col-xl-penta-pull-2 {
		right: 40%;
	}

	.col-xl-penta-pull-3 {
		right: 60%;
	}

	.col-xl-penta-pull-4 {
		right: 80%;
	}
}


/*=================================================
				부트스트랩
=================================================*/
/*****#####===== Pagination =====#####*****/
.pagination-wrap.center .pagination {
	justify-content: center;
}

/*****#####===== Card =====#####*****/
.card {
	border-radius: 0;
	border-color: #CCCCCC;
}

.card.border-none {
	border: none;
}

.card-outline-primary .card-header {
	background-color: #0275D8;

	color: #FFFFFF;
}

.card-outline-secondary .card-header {
	background-color: #CCCCCC;

	color: #FFFFFF;
}

.card-outline-success .card-header {
	background-color: #5CB85C;

	color: #FFFFFF;
}

.card-outline-info .card-header {
	background-color: #5BC0DE;

	color: #FFFFFF;
}

.card-outline-warning .card-header {
	background-color: #F0AD4E;

	color: #FFFFFF;
}

.card-outline-danger .card-header {
	background-color: #D9534F;

	color: #FFFFFF;
}

/*****#####===== Display =====#####*****/
.d-none {
	display: none;
}


/*****#####===== Alert =====#####*****/
.alert {
	padding: 0.3rem 2rem;
	margin-bottom: 0.3rem;
}

.alert .close {
	top: -0.3rem;
	right: -2rem;
	padding: 0.3rem 2rem;
}

.alert-small {
	padding: 0.2rem 0.8rem;
}

.alert-small .close {
	top: -0.2rem;
	right: -0.8rem;
	padding: 0.2rem 0.8rem;
}

/*****#####===== 디스플레이 =====#####*****/
.d-inline-block {
	width: auto;
}

.d-none {
	display: none;
}

/*****#####===== 리스트 =====#####*****/
ul {
	margin: 0;
}

ul.vertical-divide {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

ul.vertical-divide>li {
	display: inline-block;
	float: left;
}

.footer-section-wrap ul.vertical-divide>li+li:before {
	display: block;
	position: absolute;
	margin-top: 9px;
	width: 2px;
	height: 12px;
	border-left: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	content: '';
}

ul.vertical-divide:before {
	display: table;
	content: " ";
}

ul.vertical-divide:after {
	clear: both;
	display: table;
	content: " ";
}

ul.vertical-divide>li>div,
ul.vertical-divide>li>span,
ul.vertical-divide>li>a {
	display: block;
	text-align: center;
	padding: 5px 15px;
}

.info-wrap {
	overflow: hidden;
}

/*****#####===== 테이블 =====#####*****/
.table thead th,
.table thead td,
.table tbody th,
.table tbody td {
	vertical-align: middle;
}

/*****#####===== 라벨 =====#####*****/
.custom-control,
.custom-control+.custom-control {
	margin: 0.3rem 1rem 0.5rem 0;

	vertical-align: bottom;
	font-size: 15px;
}

/*****#####===== 폼 =====#####*****/
.form-control, .form-control[readonly] {
	border: 1px solid var(--light-gray);
	background-color: var(--dark-gray);
	color: #ccc;
}

select.form-control:not([size]):not([multiple]){
	height: auto;
}
input.form-control{
	line-height: inherit;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {}

/***** xs *****/
@media (max-width: 553px) {

	/* 라벨 */
	.custom-control,
	.custom-control+.custom-control {
		font-size: 12px;
	}
}

/*=================================================
				쪽지, 채팅
=================================================*/
.chat-card-block {
	height: 500px;

	background-color: #cfd7e9;
	overflow-y: auto;
}

.chat-comment-wrap {
	position: relative;

	padding: 15px;

	background-color: #ffffff;
	border-radius: 15px;
	/* max-width: 360px; */
	word-break: break-all;
}

.chat-comment-wrap:before {
	content: "";

	position: absolute;
	top: 50%;
	left: -19px;

	border-top: 10px solid #ffffff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	-webkit-transform: rotate(-270deg) translateY(-50%);
	;
	-ms-transform: rotate(-270deg) translateY(-50%);
	;
	transform: rotate(-270deg) translateY(-50%);
}

.chat-comment-wrap.my-comment {
	background-color: #fcffca;
}

.chat-comment-wrap.my-comment:before {
	left: inherit;
	right: -19px;

	border-top: 10px solid #fcffca;

	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg) translateY(-50%);
}

/* 조민정 2020-04-13 모바일웹 메시지확인 페이지 이미지크기 조정 */
@media (max-width: 414px){
	.chat-comment-wrap.my-comment img{
		max-width: 150px;
	}
}

/*=================================================
				백그라운드
=================================================*/
.bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#goods-view-page .goods-section-wrap .info-inner-wrap .ratio-content.bg {
	background-size: contain;
}


.fixed-bg {
	position: static;

	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

.parallax-bg {
	background-position: 50% 0;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

.zoom-bg {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease;
	transition: all 1s ease-in-out;
}

.zoom-bg:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}


/* ===========================================
조민정 모바일 부분 카드뷰 사진 호버 기능 삭제 시작
==============================================*/

@media (max-width: 768px) {
	.zoom-bg:hover {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/* ===========================================
모바일 부분 카드뷰 사진 호버 기능 삭제 끝
==============================================*/



/*=================================================
				비율 DIV
=================================================*/
/*****#####===== 비율 박스 =====#####*****/
.ratio-box {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.ratio-box:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.ratio-box>.ratio-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.middle-box {
	display: table;
	width: 100%;
	height: 100%;

	text-align: center;
}

.intro-middle-box {
	display: block;
	padding: 20px;
	margin-top: 30px;
}

.middle-box .inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	text-align: center;
}

.intro-middle-box {
	display: block;
	width: 100%;
}

.bottom-box {
	display: table;
	width: 100%;
	height: 100%;

	text-align: bottom;
}

.bottom-box .inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: bottom;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	text-align: center;
}


/* ===========================================
조민정 트립에이드 소개 부분 미디어 쿼리 수정 시작
=============================================*/
@media (max-width: 321px) {
	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(2) {
		margin-top: -130px;
	}

	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(3) {
		margin-top: -130px;
		margin-bottom: -150px;
	}

	.companyintrouse-section-wrap .item-wrap {
		padding: 30px 0 0 !important;
	}
}

@media (max-width: 449px) and (min-width:322px) {
	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(2) {
		margin-top: -170px;
	}

	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(3) {
		margin-top: -170px;
		margin-bottom: -200px;
	}

	.companyintrouse-section-wrap .item-wrap {
		padding: 30px 0 0 !important;
	}

}


@media (max-width: 575px) and (min-width: 450px) {
	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(2) {
		margin-top: -300px;
	}

	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(3) {
		margin-top: -300px;
		margin-bottom: -300px;
	}

}


@media (max-width: 767px) and (min-width: 576px) {
	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(2) {
		margin-top: -70px;
	}

	.companyintrouse-section-wrap .item-wrap .ratio-box:nth-child(3) {
		margin-top: -70px;
		margin-bottom: -130px;
	}

	.companyintrouse-section-wrap .intro-middle-box {
		height: 100px;
	}

}

@media (min-width: 768px) {
	/* .companyintrouse-section-wrap .ratio-box:nth-child(2) .push-md-6 {
		left: 0;
	}

	.companyintrouse-section-wrap .ratio-box:nth-child(2) .pull-md-6 {
		right: 0;
	} */

	.companyintrouse-section-wrap .ratio-box:nth-child(2) .intro-middle-box {
		margin-top: 0px;
	}

	.companyintrouse-section-wrap .ratio-box:nth-child(3) .intro-middle-box {
		margin-top: 90px;
	}

}

@media (min-width: 992px) {
	.companyintrouse-section-wrap .item-wrap .ratio-box {
		height: 450px;
	}

	.companyintrouse-section-wrap .txt-wrap {
		padding: 40px;
	}

	.companyintrouse-section-wrap .intro-middle-box {
		margin-top: 0px;
		padding: 0px;
	}

	.companyintrouse-section-wrap .ratio-box:nth-child(3) .intro-middle-box {
		padding-top: 90px;
		margin-top: 0px;
	}

	@media (min-width: 1200px) {
		.companyintrouse-section-wrap .intro-middle-box {
			margin-top: 0px;
			padding: 0px;
		}

		.companyintrouse-section-wrap .ratio-box:nth-child(3) .intro-middle-box {
			padding-top: 50px;
		}

		.companyintrouse-section-wrap .item-wrap .ratio-box {
			height: 400px;
		}

		.companyintrouse-section-wrap .txt-wrap {
			padding: 35px !important;
			margin-top: 30px;
		}

		.companyintrouse-section-wrap .txt-wrap:nth-child(3) {
			padding: 0px;
			margin-top: 0px;
		}
	}


	/* ===========================================
트립에이드 소개 부분 미디어 쿼리 수정 끝
=============================================*/



	/*****#####===== 원형 비율 박스 =====#####*****/
	.middle-box .inner.circle {
		border-radius: 100%;
	}

	/*****#####===== 레이어 =====#####*****/
	.ratio-box .layer {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;

		background-color: rgba(0, 0, 0, 0.5);

		color: #FFFFFF;

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease-in-out;
	}

	.ratio-box:hover .layer {
		opacity: 1;
	}

	.ratio-box .slide-layer {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;

		background-color: rgba(0, 0, 0, 0.5);

		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease-in-out;
	}

	.ratio-box:hover .slide-layer {
		opacity: 1;

		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.ratio-box .layer.circle {
		border-radius: 100%;
	}

	/*****#####===== 가로:세로 비율 =====#####*****/
	/* 뒤의수 나누기 앞의 수 * 100 */
	.ratio-box.ratio2_1:before {
		padding-top: 50%;
	}

	.ratio-box.ratio1_1:before {
		padding-top: 100%;
	}

	.ratio-box.ratio2_3:before {
		padding-top: 150%;
	}

	.ratio-box.ratio3_4:before {
		padding-top: 133.33%;
	}

	.ratio-box.ratio5_6:before {
		padding-top: 120%;
	}

	.ratio-box.ratio1_2:before {
		padding-top: 200%;
	}

	.ratio-box.ratio4_3:before {
		padding-top: 75%;
	}

	.ratio-box.ratio5_4:before {
		padding-top: 79%;
	}

	.ratio-box.ratio16_9:before {
		padding-top: 56.25%;
	}

	.ratio-box.ratio9_16:before {
		padding-top: 177.77%;
	}

	.ratio-box.ratio8_5:before {
		padding-top: 62.5%;
	}

	.ratio-box.ratio21_9:before {
		padding-top: 42.86%;
	}

	/*=================================================
		리스트
=================================================*/
	/***** 가로선 *****/
	.vertical-list {
		padding: 0;
		margin: 0;

		list-style: none;
	}

	.vertical-list:after {
		clear: both;
		display: table;
		content: "";
	}

	.vertical-list:before {
		display: table;
		content: "";
	}

	.vertical-list>li {
		display: inline-block;
		float: left;
	}

	/***** 세로 가르기 선 *****/
	ul.vertical-divide {
		width: auto;
		margin: 0;
		padding: 0;

		list-style: none;
	}

	ul.vertical-divide:before {
		display: table;
		content: " ";
	}

	ul.vertical-divide:after {
		clear: both;
		display: table;
		content: " ";
	}

	ul.vertical-divide>li {
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
	}

	ul.vertical-divide>li>div,
	ul.vertical-divide>li>span,
	ul.vertical-divide>li>a {
		display: block;

		text-align: center;

		padding: 5px 15px;
	}

	.footer-section-wrap ul.vertical-divide>li+li:before {
		display: block;
		position: absolute;
		margin-top: 9px;
		width: 2px;
		height: 12px;
		border-left: 1px solid #999999;
		border-right: 1px solid #DDDDDD;
		content: '';
	}

	tr.vertical-divide>td+td:before {
		display: block;
		position: absolute;
		margin-top: 9px;
		width: 2px;
		height: 12px;
		border-left: 1px solid #999999;
		border-right: 1px solid #DDDDDD;
		content: '';
	}

	/*=================================================
			Selectize
=================================================*/
	.selectize-control .selectize-input {
		padding: .5rem .75rem;
		margin-top: 0.15rem;

		box-shadow: none;
		border: 1px solid rgba(0, 0, 0, .15) !important;
		border-radius: 0;
		background: none !important;

		font-size: 1rem;
		line-height: 1.25;
		text-align: left;
	}

	/*=================================================
			Full Calendar
=================================================*/
	/*****#####===== 예약 달력 =====#####*****/
	.reservation_calendar .fc-event.gcal-holiday,
	.reservation_calendar .fc-event.gcal-holiday:hover {
		background: none;
		border: none;
		cursor: default;

		color: #777777;
	}

	.reservation_calendar .fc-day {
		cursor: pointer;
	}

	.reservation_calendar .fc-day.selected {
		background-color: #CDEBCF;
	}


/* -=-=-=-=조민정 썸네일 border-radius 조절 -=-=-=-=-=*/
.thumb-border {
	border-radius: 5px;
}

/* -=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* ======================================================================
조민정 푸터 vertical-divide에 footer-divide 추가 후 width 값 조절 시작  
=====================================================================*/
@media (min-width: 992px){
	.footer-divide {
		width:900px !important;
	}
}
/* ======================================================================
푸터 vertical-divide에 footer-divide 추가 후 width 값 조절 끝  
=====================================================================*/