/* font */
.Nt_BK{font-weight:900;} 
.Nt_EB{font-weight:800;} 
.Nt_B{font-weight:700;} 
.Nt_SB{font-weight:600;} 
.Nt_M{font-weight:500;} 
.Nt_R{font-weight:400;} 
.Nt_L{font-weight:300;} 
.Nt_EL{font-weight:200;} 
.Nt_T{font-weight:100;}

/* 공통 */
.gw-mob{display:none;}
body {font-family: "Noto Sans KR", sans-serif !important;color:#191919 !important;}
h1, h2, h3, h4, h5, h6{margin-top:0 !important;margin-bottom:0 !important;font-family: "Noto Sans KR", sans-serif !important;font-weight:600 !important;}
ul{padding-left:0;list-style:none;}
a,a:hover{text-decoration:none;}
input[type="text"] {appearance: none;border: 1px solid #ddd;border-radius: 8px;padding: 0 20px;width:100%;height: 53px;font-size: 16px;}


/* 너비 */
.w100{width:100%;}
.w70{width:70%;}
.w50{width:50%;}
.w30{width:30%;}

/* 마진 */
.mb40{margin-bottom:40px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}

/* 타이틀 */
.title{font-size:28px !important;text-align: center;color: #191919;font-weight:600;line-height:1.25;}
.tab-title{font-size:28px !important;text-align: center;color: #cfcfcf;font-weight:600;line-height:1.25;}
.sub-title{margin-bottom:20px;font-size: 17px;color:#191919;}
.sub-title:last-child {margin-bottom: 0;}
.sub-title2{margin-bottom:20px;font-size: 17px;color:#191919; text-align: center;}
.sub-title2:last-child {margin-bottom: 0;}

/* 텍스트 */
.text{font-size:17px;color:#666;}

/* 색상 */
.rc-red{color:#FF5361;}
.rc-blue{color:#0050FF;}
.rc-main{color:#1BCC9A;}
.rc-gray{color: #666;}

/* 콘텐츠 */
.rc-box01{padding:40px;margin-bottom:40px;border:1px solid rgba(0, 0, 0, 0.06);border-radius:10px;background:#fff;box-shadow:rgba(0, 0, 0, 0.04) 0px 0px 20px 0px;}
.rc-box02{padding:40px;margin-bottom:20px;border: 1px solid #ddd;border-radius: 8px;}
.rc-box02:last-child{margin-bottom:0;}
.rc-box03{position: relative;padding: 20px;background: #fafafa;}

/* 버튼 */
.rc-btn-wrap{display: flex !important;justify-content: center;align-items: center;gap:10px;}
[class*="btn"]{padding: 14px 0;display:inline-block;border-radius: 8px;border:none;font-size:17px;text-align:center;transition:all .25s ease;}
.rc-btn01{background: #1BCC9A;color: #fff;}
[class*="btn"]:hover,[class*="btn"]:focus {color: #fff;text-decoration: none;}
.rc-btn02{background: rgba(27,204,154,0.1);color: #1BCC9A;}
.rc-btn03{background: #FF5361;color: #fff;}
.rc-btn-copy {padding: 10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 16px;color: #666;}
.rc-btn-update {padding: 10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 16px; background: #FF5361;color: #fff;;}
.rc-btn04{background: #cfcfcf;color: #fff;}

/* 리스트 */
.rc-list01 > li{padding-left:15px;margin-bottom:20px;position:relative;width:auto; height:auto; line-height:1.5;}
.rc-list01 > li:before{content:"";display:block;position:absolute;top:10px;left:0;margin-right:10px;width:4px;height: 4px;background:#666;border-radius: 100%;}
.rc-list01 .sub-title {margin-bottom: 0;width:150px;}

/* 테이블 */
[class*="rc-table"] {width: 100%;position: relative;}
[class*="rc-table"] th {text-align:center;padding: 24px 30px;position: relative;vertical-align: middle;font-size: 16px;font-weight: 600;background:#FAFAFA;}
[class*="rc-table"] tbody th{ padding: 20px 0;}
[class*="rc-table"] tbody > tr:first-child th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}
[class*="rc-table"] tbody > tr:first-child th:first-child:before {display: none;}
[class*="rc-table"] td {padding: 20px;vertical-align: middle;font-size: 16px;border-bottom: 1px solid #eaeaea;}
[class*="rc-table"] td:first-child {border-left: none;}
.rc-table th{width: 50%;}
.rc-table td{border-left:1px solid #eaeaea;}
.rc-table01 th{width: 30%;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;}
.rc-table01 td{position:relative;width: 70%;border-top:1px solid #eaeaea;}

/* 기타 */
.rc-flex{display:flex;}
.rc-info {border-top: 1px solid #ddd;padding-top: 20px;}
.rc-dot {width: 4px;height: 4px;background: #D3D3D3;display: inline-block;border-radius: 50%;margin: 0 2px;vertical-align:middle;}
.rc-sticky {display:inline-block;width:15%;text-align:center;padding: 5px;font-size: 13px;color: #E74C3C;background: rgba(231,76,60,0.15);border-radius: 8px;}

/* tab */
.tab {overflow: hidden;color: #c0c0c0;display:flex;}
.tab > li {position:relative;flex:1;text-align:center;}
.tab > li:first-child:before {content: "";display: inline-block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 20px;background: #ddd;}
.tab > li > a.active {color: #1bcc9a;text-decoration:none;}
.tab > li > a:hover{text-decoration:none;}
.tabcontent {display: none;}
#Tab1{display:block;}

.rc-success{font-weight:bold;color:#1100FF;}
.rc-danger{font-weight:bold;color:#E74C3C;}

/* Modal styles */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 25%; /* Could be more or less, depending on screen size */
}

/* Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-bottom:15px;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* 카카오 문의하기 */
#rc-quick-menu{position:fixed;bottom:60px;right:50px;margin-bottom:0;}
#rc-quick-menu > li{transform-origin: bottom center;width: 185px;height:60px;border-radius: 100px;overflow: hidden;position: relative;margin:0.25rem 0;cursor: pointer;box-shadow: 0px 4px 10px rgba(0,0,0,.15);}
#rc-quick-menu > li > a{display: block;width: 100%;height: 100%;}
#rc-quick-menu .rc-kakao {background: #ffe100;}
#rc-quick-menu .rc-kakao img{width:32px;}
#rc-quick-menu > li img{position: absolute;top: 50%;left: 16px;transform:translateY(-50%);}
#rc-quick-menu > li span{display: inline-block;padding: 0;position: absolute;right: 16px;top: 20px;}


#container{background:#F7F7F7;min-height:100vh;}
#bo_w{padding-top:160px;width:700px;min-height:100vh;margin:0 auto;}
#bo_w .member .rc-box02{padding:15px;text-align:left;margin-bottom:10px;}
#bo_w .member .rc-box02:last-child{margin-bottom:0;}
#bo_w .member .rc-flex{flex-direction: column;}
#bo_w .member .rc-info{padding-top:10px;}
#bo_v_table > li:not(:last-child) {margin-bottom: 10px;}
#bo_w .rc-red:hover {color: #FF5361;text-decoration: none;}
#bo_w .border{position:relative;text-decoration:none;}
#bo_w .border:before {content: "";display: block;width: 100%;height: 1px;background: #666;position: absolute;left:0;bottom: -4px;}
#bo_w .red-border:before{background:#FF5361;}
#bo_w .blue-border:before{background:#0050FF;}
#bo_w .blue-border:hover,#bo_w .blue-border:active{color:#0050FF;}

/* 반응형 */
@media screen and (max-width: 768px) {
	/* 콘텐츠 */
	.rc-box01{padding:20px;}
	.rc-box02{padding:20px;}

	#bo_w{width:calc(100% - 40px);}
}

@media screen and (max-width: 576px) {
	.gw-pc{display:none;}
	.gw-mob{display:block;}
	
	/* 콘텐츠 */
	.rc-box03{font-size:14px;text-align:center;}

	/* 마진 */
	.mb40{margin-bottom:20px !important;}

	/* 타이틀 */
	.title{font-size:22px !important;}
	.sub-title{font-size: 14px;}
	.sub-title2{font-size: 12px;}
	.tab-title{font-size: 14px !important;}

	/* 텍스트 */
	.text{font-size:14px;}

	/* 테이블 */
	[class*="rc-table"] th{font-size:14px;}
	[class*="rc-table"] td{font-size:14px;}

	/* 버튼 */
	[class*="btn"]{font-size:14px;}
	.rc-btn-copy{position:relative;right:auto;top:auto;transform:translateY(0);margin-top:10px;width:100%;}
	.rc-btn-update{position:relative;right:auto;top:auto;transform:translateY(0);}

	/* 모달 */
	.modal-content{width:90% !important;}

	/* 기타 */
	.rc-sticky{width:100%;}
	.rc-list01 .sub-title{margin-right:0;width:100px;text-align:left;}
	.rc-flex{flex-direction:column;text-align:left;}

	#rc-quick-menu{bottom:30px;right:auto;left:50%;transform:translateX(-50%);}

	#bo_w{padding-top:100px;}
}

@media screen and (max-width: 375px) {

	#bo_w .sub-title2{font-size:8px;}

}