/* 폰트 */

@font-face {
	font-family: 'korB';
	src: url('../../fonts/korB.eot');
	src: url('../../fonts/korB.woff') format('woff');
}

@font-face {
	font-family: 'korM';
	src: url('../../fonts/korM.eot');
	src: url('../../fonts/korM.woff') format('woff');
}

@font-face {
	font-family: 'korL';
	src: url('../../fonts/korL.eot');
	src: url('../../fonts/korL.woff') format('woff');
}


@font-face {
	font-family: 'scd5';
	src: url('../../fonts/SCDream5.eot');
	src: url('../../fonts/SCDream5.woff') format('woff');
}

@font-face {
	font-family: 'nsR';
	src: url('../../fonts/NanumSquareR.eot');
	src: url('../../fonts/NanumSquareR.woff') format('woff');
}

@font-face {
	font-family: 'nsB';
	src: url('../../fonts/NanumSquareB.eot');
	src: url('../../fonts/NanumSquareB.woff') format('woff');
}

@font-face {
	font-family: 'nsEB';
	src: url('../../fonts/NanumSquareEB.eot');
	src: url('../../fonts/NanumSquareEB.woff') format('woff');
}

@font-face {
	font-family: 'nkrL';
	src: url('../../fonts/NotoSansKR-Light.eot');
	src: url('../../fonts/NotoSansKR-Light.woff') format('woff');
}

@font-face {
	font-family: 'nkrR';
	src: url('../../fonts/NotoSansKR-Regular.eot');
	src: url('../../fonts/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
	font-family: 'nkrB';
	src: url('../../fonts/NotoSansKR-Bold.eot');
	src: url('../../fonts/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
	font-family: 'GmarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
}



/* 버튼종류 */

/* 220720 색상변경 */
button.border{
	height: 48px;
	padding: 0px 40px;
	line-height: 48px;
	border: 1px solid #e5007e;
	color: #e5007e;
	background-color: #fff;
	border-radius: 50px;
	font-size: 18px;
	font-family: 'nsR';
}


/* 220720 색상변경 */

button.red {
	height: 48px;
	padding: 0px 40px;
	line-height: 48px;
	border: 1px solid #e5007e;
	color: #fff;
	background-color: #e5007e;
	border-radius: 50px;
	font-size: 18px;
	font-family: 'nsR';
}

button.gray {
	height: 48px;
	padding: 0px 40px;
	line-height: 48px;
	border: 1px solid #efefef;
	color: #222222;
	background-color: #efefef;
	border-radius: 50px;
	font-size: 18px;
	font-family: 'nsR';
}

button.wd160{
	padding: 0px;
	width: 160px;
}




.chkBox input[type="checkbox"] {
    display: none;
}

.chkBox+input[type="text"] {
    width: calc(100% - 124px) !important;
}

.chkBox label input[type="checkbox"] + span {
    padding-left: 24px;
    background: url('../../images/common/check.jpg') left center/16px no-repeat;
}

.chkBox label input[type="checkbox"]:checked  + span{
    padding-left: 24px;
    background: url('../../images/common/checked.jpg') left center/16px no-repeat;
}


/* 헤더 */


select,input,select:focus,input:focus{
	border: none;
	outline: none;
}

body{
	min-width: 1280px;
}

.header {
	width: 100%;
	position: fixed;
	z-index: 888;
	transition: all .3s ease;
	height: 100px;
	top: 0px;
}

.header .logo{
	height: 58px;
}

.header .logo img{
	display: block;
	height: 58px;
	position: absolute;
	z-index: 23;
	cursor: pointer;
}

.header.on,
.header:hover{
	background-color: #fff;
}

.header::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ddd;
	top: 100px;
	left: 0px;
	display: block;
	position: absolute;
	top: 100px;
	transition: all .3s ease;
}
.header.in::after{
	top: 80px;
}

.header.fix{
	top: 0px!important;
	background-color: #fff;
}

.header .wrap {
	width: 100%;
	max-width: 1600px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	height: 99px;
	transition: all .3s ease;
	position: relative;
}

.header.in{
	background-color: #fff;
	height: 80px;
}

.header.in .wrap{
	height: 80px;
}


.header.on .wrap .logo .logo_w,
.header:hover .wrap .logo .logo_w,
.header.fix .wrap .logo .logo_w,
.header.in .wrap .logo .logo_w{
	display: none;
}


.header.on .wrap .logo .logo_b,
.header:hover .wrap .logo .logo_b,
.header.fix .wrap .logo .logo_b,
.header.in .wrap .logo .logo_b{
	display: block;
}



.header .wrap .logo img{
	display: block;
}

.header .wrap .logo .logo_b{
	display: none;
}


.header .wrap .menu {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: space-evenly;
}

.header .wrap .menu > ul {
	width: 735px;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.header .wrap .menu > ul > li {
	float: left;
	display: flex;
	align-items: center;
}


.header .wrap .menu > ul > li .bigMenu {
	height: 18px;
	display: block;
	font-family: 'nsR';
	font-size: 18px;
	letter-spacing: 0.025em;
	font-weight: 600;
	color: #fff;
	position: relative;
}

.header .wrap .menu>ul>li a:hover::before,
.header .wrap .menu>ul>li.on a::before {
	content: " ";
	width: 8px;
	height: 8px;
	border-radius: 8px;
	display: block;
	position: absolute;
	top: -16px;
	background-color: #e5007e;
	left: calc( 50% - 4px );
}

.header.on .wrap .menu>ul>li .bigMenu,
.header:hover .wrap .menu>ul>li .bigMenu,
.header.fix .wrap .menu>ul>li .bigMenu{
	color: #222;
}
.header.in .wrap .menu > ul > li .bigMenu{
	color: #222222;
}

.header .wrap .menu > ul > li ul li {
	float: left;
}

.header .wrap .menu > ul > li ul{
	position: absolute;
}

.header .wrap .menu > ul > li ul li:nth-child(n+2) {
	margin-left: 30px;
}


.header .wrap .gnb{
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 26px;
}

.header .wrap .gnb ul li{
	float: left;
	position: relative;
    display: block;
    height: 26px;
}

.header .wrap .gnb ul li a{
	font-family: 'nsR';
	font-size: 14px;
	letter-spacing: 0.025em;
	font-weight: 600;
	transform: skew(-0.1deg);
	font-weight: 600;
	color: #fff;
	position: relative;
	display: block;
	height: 26px;
	line-height: 26px;
}

.header.on .wrap .gnb ul li a,
.header:hover .wrap .gnb ul li a,
.header.fix .wrap .gnb ul li a,
.header.in .wrap .gnb ul li a{
	color: #222;
}

.header .wrap .gnb ul li.on a{
	color: #cd0a5d;
}


.header .wrap .gnb ul li:nth-child(2),
.header .wrap .gnb ul li:nth-child(3){
	margin-left: 15px;
	padding-left: 15px;
}

.header .wrap .gnb ul li:nth-child(2)::before,
.header .wrap .gnb ul li:nth-child(3)::before{
	content: " ";
	display: block;
	width: 1px;
	height: 12px;
	background-color: #fff;
	left: -0.5px;
	position: absolute;
	top: 7px;
}
.header .wrap .gnb ul li:nth-child(4){
	margin-left: 16px;
	font-size: 0px;
	width: 22px;
}

.header .wrap .gnb ul li:nth-child(4) a{
	text-indent: -9999px;
	background: url(/assets/front/images/common/ico-search-white.png) left center/22px no-repeat;
}

.header .wrap .gnb ul li:nth-child(4).on a{
	background: url(/assets/front/images/common/ico-search-black.png) left center/22px no-repeat;
}

.header .wrap .gnb ul li:nth-child(1).on a{
	padding-left: 30px;
	background: url(/assets/front/images/common/ico-login-white.png) left center/22px no-repeat;
}


.header .wrap .gnb ul li:nth-child(1) a{
	padding-left: 30px;
	background: url(/assets/front/images/common/ico-login-white.png) left center/22px no-repeat;
}


.header .wrap .gnb ul li:nth-child(2).on a{
	padding-left: 32px;
	background: url(/assets/front/images/common/ico-join-white.png) left center/22px no-repeat;
}


.header .wrap .gnb ul li:nth-child(2) a{
	padding-left: 32px;
	background: url(/assets/front/images/common/ico-join-white.png) left center/22px no-repeat;
}


.header.on .wrap .gnb ul li:nth-child(2) a,
.header:hover .wrap .gnb ul li:nth-child(2) a,
.header.fix .wrap .gnb ul li:nth-child(2) a,
.header.in .wrap .gnb ul li:nth-child(2) a{
	background: url(/assets/front/images/common/ico-join-black.png) left center/22px no-repeat;
}


.header.on .wrap .gnb ul li:nth-child(1) a,
.header:hover .wrap .gnb ul li:nth-child(1) a,
.header.fix .wrap .gnb ul li:nth-child(1) a,
.header.in .wrap .gnb ul li:nth-child(1) a {
	background: url(/assets/front/images/common/ico-login-black.png) left center/22px no-repeat;
}

.header.on .wrap .gnb ul li:nth-child(4) a,
.header:hover .wrap .gnb ul li:nth-child(4) a,
.header.fix .wrap .gnb ul li:nth-child(4) a,
.header.in .wrap .gnb ul li:nth-child(4) a{
	background: url(/assets/front/images/common/ico-search-black.png) left center/22px no-repeat;
}



.header.on .wrap .gnb ul li:nth-child(2)::before,
.header:hover .wrap .gnb ul li:nth-child(2)::before,
.header.fix .wrap .gnb ul li:nth-child(2)::before,
.header.in .wrap .gnb ul li:nth-child(2)::before,
.header.on .wrap .gnb ul li:nth-child(3)::before,
.header:hover .wrap .gnb ul li:nth-child(3)::before,
.header.fix .wrap .gnb ul li:nth-child(3)::before,
.header.in .wrap .gnb ul li:nth-child(3)::before{
	background-color: #222;
}


.header .wrap .gnb ul li:nth-child(3){
	margin-left: 17px;
}

.header .wrap .gnb ul li .search{
	display: block;
	width: 27px;
	height: 27px;
	display: block;
	background: url('../../images/common/search_w.png') no-repeat;
}


.header.on .wrap .gnb ul li .search,
.header:hover .wrap .gnb ul li .search,
.header.fix .wrap .gnb ul li .search,
.header.in .wrap .gnb ul li .search{
	background: url('../../images/common/search.png') no-repeat;
}



/* 검색영역 */
.header .searchBox{
	width: 100%;
	height: calc( 100vh - 100px );
	position: relative;
	visibility: hidden;
}

.header .searchBox .searchWrap{
	width: 100%;
	background-color: #fff;
	top: 0px;
	height: 0;
	position: absolute;
	transition: all .5s ease;
	overflow: hidden;
}

.header .searchBox.on{
	visibility: visible;
}

.header .searchBox.on .searchWrap{
	height: 240px;
	background: url('../../images/common/search_bg_img.png') center/cover no-repeat;
}

.header .searchBox .searchWrap .searchInput{
	position: relative;
	width: 650px;
	margin: 60px auto 30px;
	position: relative;
}

.header .searchBox .searchWrap .searchInput input[type=text]{
	width: 100%;
	padding: 0px 60px 0px 30px;
	margin: 0 auto;
	height: 60px;
	border-radius: 0 20px 0 0;
	border: 1px solid #E9E9E9;
	font-size: 18px;
	font-family: 'nsR';
	box-sizing: border-box;
}

.header .searchBox .searchWrap .searchInput button{
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	width: 60px;
	height: 60px;
}

.header .searchBox .searchWrap .searchInput button img{
	display: block;
	width: 100%;
}

.header .searchBox .overlay{
	height: 100%;
	width: 100%;
	height: calc( 100vh - 100px );
	background-color: rgba(0,0,0,0.7);
}


.header.in .searchBox,
.header.in .searchBox .overlay{
	height: calc(100vh - 80px);
}



.header .searchBox .searchWrap .searchText {
	position: relative;
	width: 650px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}


.header .searchBox .searchWrap .searchText .stTitle{
	font-size: 16px;
	line-height: 30px;
	margin-right: 24px;
	color: #222;
	font-family: 'nsR';
}

.header .searchBox .searchWrap .searchText .list{
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
}

.header .searchBox .searchWrap .searchText .list a{
	display: block;
	padding: 0 18px;
	font-size: 13px;
	line-height: 30px;
	color: #4F4F4F;
	border: 1px solid #ddd;
	font-family: 'nsB';
	border-radius: 50px;
    background-color: rgba(185, 185, 185, 0.2);
    transform: rotate(-0.03deg);
}













.footer{
	background-color: #292b2d;
}

.footer .footWrap{
	width: calc( 100% - 310px );
	margin: 0px 155px;
}

.footer .footWrap .footGnb{
	overflow: hidden;
	padding: 40px 0px 19px;
}

.footer .footWrap .footGnb ul li{
	float: left;
}

.footer .footWrap .footGnb ul li:nth-child(2){
	margin-left: 18px;
}

.footer .footWrap .footGnb ul li a{
	font-size: 14px;
    transform: skew(-0.1deg);
	display: block;
	color: #fff;
	font-family: 'nsR';
}

.footer .footWrap .footGnb ul li a.bold{
	font-family: 'nsB';
}

.footer .footWrap .border{
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.3);
}

.footer .footWrap .footBot{
	overflow: hidden;
	min-height: 108px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.footer .footWrap .footBot .copy{
	font-size: 14px;
    transform: skew(-0.1deg);
	display: block;
	color: #cfcfcf;
	font-family: 'nsR';
	line-height: 24px;
	margin-top: 30px;
}

.footer .footWrap .footBot .copy span{
	display: block;
}

.footer .footWrap .footBot .footSns{
	overflow: hidden;
	margin: 30px 0px 35px;
}

.footer .footWrap .footBot .footSns ul li{
	float: left;
	margin-right: 15px;
}

.footer .footWrap .footBot .footSns ul li:last-child{
	margin-right: 0px;
}


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



	.header .wrap {
		width: calc(100% - 80px);
		padding-left: 40px;
		padding-right: 40px;
		max-width: inherit;
		min-width: 1200px;
	}

	.header .wrap .menu>ul {
		width: 645px;
	}


	.footer .footWrap {
		width: calc( 100% - 80px );
		margin: 0px 40px;
	}
}

.startupInfo .textBox{
	width: calc( 100% );
	height: 100px;
	padding: 15px 20px;
	border: 1px solid #cecece;
	background-color: #fff;
	margin-top: 10px;
	font-family: 'nsR';
}