@charset "utf-8";
/* (2021년에 리뉴얼 된) 메인 페이지 css */

/*main 서치바 */

.mainImg-bannerBox{
	background-image: url(/common/img/mainImg-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:1080px;
}
.mainImg-text{
	font-size: 6rem;
	text-align: center;
	padding-top: 11rem;
	font-family: 'Caveat', cursive;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
}

_:-ms-fullscreen,:root .mainImg-text{
	text-shadow: 1px 1px 12px #333;
}

.searchBox-wrap{
	 box-sizing: border-box;
	 max-width:898px;
	 background: 0 0;
	 position: relative;
	 padding: 50px 20px 0px;
	 margin: 0 auto;
 }

.searchBox-btn{
	display:inline-block;
	line-height:80px;
	font-family:inherit;
	background: #FFF100;
	/*background-image: linear-gradient(to bottom, #007aff, #008eff, #00a0ff, #00b0ff, #2cbfff);*/

	/*background-image: linear-gradient(to right bottom, #5edcc4, #2ed4d2, #00cadf, #00bfe8, #00b2ed, #24abee, #3da3ed, #529aeb, #5296ec, #5493ec, #568fec, #598bec);*/
	/*background-image: linear-gradient(to right bottom, #3c8ce7, #00a6f6, #00befe, #00d4ff, #00eaff);*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-transform:capitalize;
	color:#333;
	font-weight: 600;
	letter-spacing :1.5px;
	font-size:18px;
	-webkit-transition:all .4s ease;
	-o-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
	padding:0 30px;
	-webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
	-moz-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
	box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
	outline:none;
	border: none;
	margin-bottom: 23px;
	min-width: 120px;
	height: 111px;
	white-space: nowrap;
}
.searchBox-btn:hover{
	/*background-image: linear-gradient(to right bottom, #3c8ce7, #00a6f6, #00befe, #00d4ff, #00eaff);*/
	background:#ffe600;
	cursor:pointer;
}



.mainImg-bannerBox textarea{resize:none;}


/*코드입력 tooltip css*/

.tooltip {
	position: relative;
	display: inline-block;
	margin: auto;
	float: right;
}
.tooltip .tooltip-content {
	text-align: left;
	visibility: hidden;
	background-color: rgba(0,0,0,0.8);
	padding: 10px;
	border-radius: 10px;
	color: white;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 180%;
	left: 50%;
	margin-left: -110px;
	width: 200px;

}
.tooltip .tooltip-content::after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	/*border-color: transparent  transparent rgba(0,0,0,0.8)transparent;*/
	border-color: transparent  transparent #333 transparent;
}
.tooltip:hover .tooltip-content { visibility: visible; }