@charset "UTF-8";
	/*footer*/
	#footer { background: #1f1f1f; color: #bbbbbb; min-height: 255px; height: 100%; font-family: 'Noto Sans KR', sans-serif;}
	#footer .inWrap { min-height:255px; height:100%; display: flex; flex-direction: row; align-items: center; max-width: 1240px;}
	#footer .logoWrap { margin-bottom: 20px; }
	#footer .bizInfo { font-size: 14px; line-height: 1.5; color: #bbbbbb;}
	#footer .bizInfo span { border-left: 1px solid #B6B6B6; padding: 0 10px; }
	#footer .bizInfo span:first-of-type { padding-left: 0; border-left: none; }
	#footer .bizInfo span:last-of-type { padding-right: 0; }
	/*#footer .terms span {color: #bbbbbb; font-size: 15px; font-weight: normal; border-left: 2px solid #B6B6B6; padding: 0 10px; cursor: pointer; }*/
    #footer .terms span {color: #bbbbbb; font-size: 15px; font-weight: bold; border-left: 2px solid #B6B6B6; padding: 0 10px; cursor: pointer; }
	#footer .terms span:first-of-type { padding-left: 0; border-left: none; }
    /*#footer .terms span:nth-child(2) {font-weight: normal;}*/
	#footer .terms p { font-size: 13px; margin-top: 6px; }
    #footer .bizInfo span:nth-last-child(2) {border-left: none; padding-left: 0;}
    #footer .kocore {font-weight: normal; font-size: 13px; color: #cbcbcb; text-align: right;}
    /*#footer .terms {padding: 30px 0px 0px 0px;}*/
    #footer .terms {margin-top: 38px; margin-left: 147px;}
    #footer .copy {padding: 30px 0px 30px 0px;}

    #footer .inWrap .fot_img {margin: 0 30px 50px 0;}

	
    #header {display:block; height: 80px; background-color: rgba( 255, 255, 255, 0.5 ); position: fixed; z-index: 999; top: 0; width: 100%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);}
    .inWrap {display: flex; align-items: center;  max-width: 1760px; margin: 0 auto; height: 100%; flex-direction: row; vertical-align: middle;}
    .navWrap {flex-direction: row;}
    .nav li a span {font-weight: bold; font-size: 18px; font-family: 'NanumSquare';}
    .btnWrap {display: flex; align-items: center; gap: 10px;}
    .btnWrap .loginBtn {display: flex; align-items: center; justify-content: center; width: 90px; height: 30px; font-family: "Noto Sans KR"; background-color: transparent; border-radius: 4px; font-size: 15px; font-weight: bold;}
    .btnWrap .joinBtn {display: flex; align-items: center; justify-content: center; width: 90px; height: 30px; font-family: "Noto Sans KR"; background-color: transparent; border-radius: 4px; font-size: 15px; font-weight: bold;}
    .nav {display: flex; flex-direction: row;}
    .nav li a {margin: 0 40px;}
	
	/* 임시 CSS */
/* 	#header { top: 54px; left: 0; box-shadow: none; } */
	#header_temp { position: fixed; top: 0; left: 0; z-index: 999; background-color: #10214B; width: 100%; height: 54px; }
	#header_temp .inWrap { font-size: 18px; font-weight: bold; color: #fff; }
	#header_temp .inWrap > p { margin-right: 50px; }
	#header_temp .inWrap > p > span { margin-left: 10px; font-style: oblique; color: #FFB72C; }
	
    @font-face {
        font-family: 'BMDOHYEON';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }


    /*스크롤 헤더 변경*/
    #header.active {background-color: rgba(255, 255, 255, 0.8);  backdrop-filter: saturate(180%) blur(10px);  box-shadow: rgb(2 1 1 / 10%) 0 5px 20px -5px;}
    #header.active .nav .logo, #header.active ul.nav { padding:20px 0; transition: 0.5s; }
    #header.active .nav li a span {font-size:18px;}
    /*#header.active  nav .logo img{height:18px;}*/
    
    #header.active .btnWrap .loginBtn {color: #474747; border: 1px solid #474747;}
    #header.active .btnWrap .joinBtn {color: #474747; background: transparent; border: 1px solid #474747;} 
    
    #header.active .logoWrap .logo_down {background-image: url('/images/prolancer/logo_down.png');}
    #header.active .logoWrap .logo_up {display: none;}
    #header.active .logoWrap .logo_down {display: block;}
    #header .logoWrap .logo_down {display: none;}



	.pc .color_white {color:#ffffff;}
	.active .color_white {color:#404040;}
	.color_black {color:#404040;}

 	.nav li a span{color: #474747;}
 	.nav li a span.on{color: #596AC6;}

	.nav li a span:hover { display: inline; border-bottom: 3px solid #596AC6; padding-bottom: 3px;}
    body {padding: 0; margin: 0;}
    img { display: block; max-width: 100%; height: auto;}

	.border_black {color:#000000; border:1px solid #000000;}
	
	.border_white {color:#ffffff; border:1px solid #ffffff;}

/* -- prolancer_login / 로그인 ------------------------------------------------------------------------------------------------------------------ */
/* -- prolancer_login / 로그인 ------------------------------------------------------------------------------------------------------------------ */
/* -- prolancer_login / 로그인 ------------------------------------------------------------------------------------------------------------------ */
/* -- prolancer_login / 로그인 ------------------------------------------------------------------------------------------------------------------ */

/** mobile 작업 사이즈 기준 **/
@media all and (max-width: 750px) {
	
}