@charset "UTF-8";

/************************************
    !!TEMP!!
*************************************/
	/*basic - tag*/
	body { font-size: 12px; color: #222; /* padding: 20px; */ }
	/*a, a:link, a:visited, a:hover, a:focus { color: #222; }*/
	select { color: #222; font-size: 12px; }
	input[type="text"], input[type="checkbox"], input[type="radio"], input[type="number"] { color: #222; font-size: 12px; }
	textarea, input[type="text"]::placeholder { color: #AAAAAA; font-size: 12px; }
	textarea { width: 100%; border: 1px solid #B3BFD1; padding: 4px; border-radius: 4px; font-size: 12px; color: #222; font-family: "맑은 고딕"; }
	textarea[readonly] { border: none; }
	button, label { cursor: pointer; }
	img { max-width: 100%; }
	td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* -- prolancer_login / 로그인 ------------------------------------------------------------------------------------------------------------------ */
	/* 로고 이미지 */
	#login_wrap.pc_view .logo img { content: url("/images/prolancer/p_logo.png"); width: 100%; max-width: 260px; }
	#login_wrap.mobile_view .logo img { content: url("/images/prolancer/prolancer_mobile_logo.png"); }
	
	/* 로그인 모바일 뷰 */
	#login_wrap.mobile_view { background: url("/images/prolancer/prolancer_mobile.png") no-repeat center / cover ; height: 100%; padding: 60px 40px; }
	#login_wrap.mobile_view .inner { padding-top: 0; }
	#login_wrap.mobile_view .logo { max-width: 100%; width: 100%; max-width: 291px; margin: 60px auto 160px; padding-right: 0; }
	#login_wrap.mobile_view .section_inp .inp_wrap { margin-bottom: 8px; }
	#login_wrap.mobile_view .section_inp .inp_wrap:last-child { margin-bottom: 0; }
	#login_wrap.mobile_view .section_inp input { background: rgba(255, 255, 255, 0.80); width: 100%; height: 48px; padding: 13px 16px; border-radius: 4px; border: 1px solid #c4c4c4; font-size: 16px; color:#222 ; }
	#login_wrap.mobile_view .section_inp input::placeholder { font-size: 16px; color: #484848; }
	#login_wrap.mobile_view .section_inp input#userId { ime-mode:disabled; } /*  크롬에서 사용 불가 */
	#login_wrap.mobile_view .btn_wrap { gap: 12px; margin: 24px 0 16px; }
	#login_wrap.mobile_view .btn_wrap > button { background: #5D6CECCC; width: 100%; height: 48px; border-radius: 4px; font-size:16px; font-weight: 700; color:#fff; }
	#login_wrap.mobile_view .link_wrap { justify-content: center; }
	#login_wrap.mobile_view .link_wrap p { display: block; text-align: center; font-size: 12px; color: #fff; text-decoration: underline; }
	#login_wrap.mobile_view .link_wrap > p:after { display: none; }

/* -- prolancer_join / 회원가입 ------------------------------------------------------------------------------------------------------------------ */
/* 회원가입 */
	.prolancer_join { width: 100%; max-width: 375px; margin: 0 auto; }
	.prolancer_join .txt_red { color: #FF2E60!important; }
	.prolancer_join .txt_green { color: #00AE5B!important; }
	.prolancer_join .section01 .title { font-weight: 700; }
	
	#header .inWrap .btnWrap .border_white { color: #fff; }
	#header_sub02.prolancer_join { padding: 56px 0; }
	#header_sub02.prolancer_join > img { height: 30px; margin: 0 auto; }
	
	#content.prolancer_join { padding: 2px 20px 48px; }
	
	/* 정보 입력 - 인풋영역 */
	.prolancer_join .section01 input::placeholder { font-size: 16px; }
	.prolancer_join .section01.cmn_input .desc { padding-left: 6px; color: #555; }
	.prolancer_join .section01.cmn_input .recomendr .cmn_btn { background: #1F2349; width: 50px; border-radius: 4px; text-align: center; color: #fff; line-height: 46px; cursor: pointer; }
	
	/* 약관동의 */
	.prolancer_join .section02 { margin: 24px 0 32px; }
	.prolancer_join .section02 .section_title { margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #4A5E76; }
	.prolancer_join .section02 .section_terms { padding: 16px; border-radius: 4px; border: 1px solid #859AAC; }
	.prolancer_join .section02 .section_terms .inner { display: flex; flex-direction: column; gap: 12px; }
	.prolancer_join .section02 .all_chk { padding-bottom: 24px; margin-bottom: 12px; border-bottom: 1px solid #859AAC; }
	.prolancer_join .section02 .all_chk label { font-size: 16px; }
	.prolancer_join .section02 .inner label span { display: inline-flex; }
	.prolancer_join .section02 .inner label[for="chk03"] { background-position: left 4px; }
	.prolancer_join .section02 .icon_arrow_r03 { font-weight: 700; color: #AAAAAA; }
	
	/* 회원가입 확인 버튼 */
	.prolancer_join .section03 .cmn_btn { background: #1F2349; }
	.prolancer_join .section03 .cmn_btn.btn_prev { background: #fff; border: 1px solid #1F2349; color: #1F2349; }
	
	

/* -- prolancer_index / 프론트 ------------------------------------------------------------------------------------------------------------------ */
	.proindex .section01.pc_view {background-image: url('/images/prolancer/proindex_section01_bg.png'); width: 100%; height: 940px; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: 100% 100%;}
	.proindex .section01_frame_main {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-evenly; height: 100%;}

	.proindex .section01_frame01 p {font-family: 'BMDOHYEON'; font-weight: normal; font-size: 34px; color: #ffffff;}
	.proindex .section01_frame01 p:nth-child(2) {margin-bottom: 40px;}
	.proindex .section01_frame02 {display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: flex-end; height: 100%;}
	
	.proindex .section02.pc_view {max-width: 1240px; margin: 0 auto; text-align: center; min-height: 903px; height: 100%; display: flex; flex-direction: column; vertical-align: middle;}
	.proindex .section02_title {margin-bottom: 50px; margin-top: 100px;}
	.proindex .section02.pc_view .swiper {width: 100%; height: 100%; border-radius: 40px;}
	.proindex .section02.pc_view .swiper-slide {  display: flex; justify-content: center; align-items: center; }
	.proindex .section02.pc_view .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
	.proindex .section02.pc_view .section02_title p {font-family: 'BMDOHYEON'; color: #2d2d2d; font-size: 42px; font-weight: normal; text-align: left;}

	.proindex .section02.pc_view .swiper-scrollbar-drag {background: white;}
	.proindex .section02.pc_view .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {top: 90%; width: 90%; text-align: center; margin: 0 auto; left: 5%;}
	.proindex .section02.pc_view .swiper-scrollbar-drag {width: 28%;}

	.proindex .section03.pc_view { width: 100%; min-height: 1635px; background: #fff url(../../images/prolancer/proindex_section03_bg01.png) no-repeat; background-position: center; padding: 120px 0; }
	.proindex .section03.pc_view > div:not(.section03_title) { display: flex; justify-content: space-between; max-width: 1240px; width: 100%; gap: 40px; margin: 0 auto; }
	.proindex .section03.pc_view .section03_frame01 .section03_half01 { width: calc(100% - 755px); } 
	.proindex .section03.pc_view .section03_frame01 .section03_Youtube { position: relative; width: 715px; height: 402px; } /* 화면 비율  21:9 일경우 (9 / 21‬)% / 16:9 일경우  (9 / 16)% / 4:3 일경우 (3 / 4)% */
	.proindex .section03.pc_view .section03_frame01 .section03_Youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 16px; border: 10px solid #fff; }

	.proindex .section03.pc_view .section03_title { margin: 120px 0 50px; font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #2d2d2d; text-align: center;}
	.proindex .section03.pc_view > div.section03_frame02 { margin-bottom: 60px; }
	.proindex .section03.pc_view .section03_frame02 > div { height: 330px; }
	.proindex .section03.pc_view .section03_frame02 .section03_half02 { display: flex; align-items: flex-end; }
	.proindex .section03.pc_view .section03_frame03 > div { height: 376px; }

	.proindex .section04.pc_view {min-height: 568px; height: 100%; /* max-width: 1580px;  */width: 100%; background-color: #F0F5F6;}
	.proindex .section04.pc_view .section04_frame {width:100%; display: flex; flex-direction: row; vertical-align: middle; align-items: center;}
	.proindex .section04_frame img:nth-child(2) {margin-left: 109px;}

	.proindex .section04-2.pc_view { padding: 120px 0; }
	.proindex .section04-2_frame { width: 100%; max-width: 1030px; margin: 0 auto; }
	.proindex .section04-2_frame img:first-child { display: block; margin: 0 auto 50px; }
	.proindex .section04-2.pc_view .section04-2_Youtube { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } /* 화면 비율  21:9 일경우 (9 / 21‬)% / 16:9 일경우  (9 / 16)% / 4:3 일경우 (3 / 4)% */
	.proindex .section04-2.pc_view .section04-2_Youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
	.proindex .section04-2 {  }

	.proindex .section05.pc_view {min-height: 445px; height: 100%; background-image: url('/images/prolancer/proindex_section05_bg.png'); background-repeat: no-repeat; background-size: 100% 100%;}
	.proindex .section05.pc_view .section05_frame01 p:nth-child(1) {font-size: 24px; font-weight: bold; color: #fff; text-align: center; font-family: 'Noto Sans KR', sans-serif;}
	.proindex .section05.pc_view .section05_frame01 p:nth-child(2) {font-size: 36px; font-weight: bold; color: #fff; text-align: center; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 40px;}
	.proindex .section05.pc_view .section05_frame01 {min-height: 445px; height: 100%; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center;}
	.proindex .section05.pc_view .section05_frame01 img {cursor: pointer;}
	.mobile_view { display: none; }
/* -- proservice / 서비스탭 ------------------------------------------------------------------------------------------------------------------ */
	.proservice .section01 {background: #fff; height: 673px; display: flex; flex-direction: column; vertical-align: middle; align-items: center; margin-top: 160px;}
    .proservice .section02 {min-height: 1662px; height: 100%; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: space-around; background-image: linear-gradient(to bottom, white 44%, #f0f5f6 44%);}
    .proservice .section02_frame01 p:nth-child(1) {font-family: 'BMDOHYEON'; font-weight: normal; font-size: 16px; color: #636aa8; text-align: center; margin-bottom: 15px;}
    .proservice .section02_frame01 p:nth-child(2) {font-family: 'BMDOHYEON'; font-weight: normal; font-size: 34px; color: #2d2d2d; text-align: center; margin-bottom: 63px;}

    .proservice .section02_frame03 p:nth-child(1) {font-family: 'BMDOHYEON'; font-weight: normal; font-size: 16px; color: #636aa8; text-align: center; margin-bottom: 15px;}
    .proservice .section02_frame03 p:nth-child(2) {font-family: 'BMDOHYEON'; font-weight: normal; font-size: 34px; color: #2d2d2d; text-align: center; margin-bottom: 63px;}


    .proservice .section03 {height: 1620px;}
    .proservice .section03 {background-image: url('/images/prolancer/proservice_section03_bg.png'); width: 100%; height: 480px; display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: 100% 100%;}
    .proservice .section03 .section03_half02 {width: 429px; height: 160px;}

    .prosolution .section01 {min-height: 1287px; height: 100%; background-color: #fff; display: flex; flex-direction: column; vertical-align: middle; align-items: center; margin-top: 160px;}
    /*.prosolution .section01_frame01 {margin-top: 80px;}*/
    .prosolution .section01_frame02 {max-width: 1240px; width: 100%; display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; min-height:650px; height:100%;}
    .prosolution .section01_frame02 .section01_frame02_half01 {text-align: left;}
    .prosolution .section01_frame02 .section01_frame02_half01 p:nth-child(1) {font-family: 'BMDOHYEON'; color: #636aab; font-size: 16px; font-weight: normal; text-align: left; margin-bottom: 22px;}
    .prosolution .section01_frame02 .section01_frame02_half01 p:nth-child(2) {font-family: 'BMDOHYEON';  color: #2d2d2d; font-size: 20px; font-weight: normal; text-align: left;}
    .prosolution .section01_frame02 .section01_frame02_half01 p:nth-child(3) {font-family: 'BMDOHYEON'; color: #2d2d2d; font-size: 34px; font-weight: normal; text-align: left; margin-bottom: 30px;}
    .prosolution .section01_frame02 .section01_frame02_half01 p:nth-child(4) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal; text-align: left;}
    .prosolution .section01_frame02 .section01_frame02_half01 p:nth-child(5) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal; text-align: left;}
    .prosolution .section01_frame02 .section01_frame02_half01 p:nth-child(6) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal; text-align: left; margin-bottom: 40px;}

    .prosolution .section02 {min-height: 2916px; height: 100%; background-color: #f0f5f6; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: space-evenly;}
    .prosolution .section02 .section02_title p:nth-child(1) {font-family: 'BMDOHYEON'; color: #636aa8; font-size: 16px; font-weight: normal; text-align: center; margin-bottom: 15px;}
    .prosolution .section02 .section02_title p:nth-child(2) {font-family: 'BMDOHYEON'; color: #2d2d2d; font-size: 34px; font-weight: normal; text-align: center;}

    .prosolution .section02 .section02_frame01   {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; max-width: 1240px; width: 100%;}
    .prosolution .section02 .section02_frame02   {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; max-width: 1240px; width: 100%;}
    .prosolution .section02 .section02_frame03   {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; max-width: 1240px; width: 100%;}
    .prosolution .section02 .section02_frame04   {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; max-width: 1240px; width: 100%;}
    .prosolution .section02 .section02_frame05   {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; max-width: 1240px; width: 100%;}
    .prosolution .section02 .section02_frame06   {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between; max-width: 1240px; width: 100%;}

    .prosolution .section02 .section02_frame01 .section02_frame01_half02 {width: 560px; text-align: left;}
    .prosolution .section02 .section02_frame02 .section02_frame02_half01 {width: 525px; text-align: right; margin-left:35px;}
    .prosolution .section02 .section02_frame03 .section02_frame03_half02 {width: 557px; text-align: left;}
    .prosolution .section02 .section02_frame04 .section02_frame04_half01 {width: 505px; text-align: right; margin-left:57px;}
    .prosolution .section02 .section02_frame05 .section02_frame05_half02 {width: 507px; text-align: right; margin-right:55px;}
    .prosolution .section02 .section02_frame06 .section02_frame06_half01 {width: 505px; margin-left: 57px;}

    .prosolution .section02 .section02_frame01 .section02_frame01_half02 p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #636aa8;}
    .prosolution .section02 .section02_frame02 .section02_frame02_half01 p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #636aa8;}
    .prosolution .section02 .section02_frame03 .section02_frame03_half02 p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #636aa8;}
    .prosolution .section02 .section02_frame04 .section02_frame04_half01 p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #636aa8;}
    .prosolution .section02 .section02_frame05 .section02_frame05_half02 p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #636aa8;}
    .prosolution .section02 .section02_frame06 .section02_frame06_half01 p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 42px; font-weight: normal; color: #636aa8;}

    .prosolution .section02 .section02_frame01 .section02_frame01_half02 p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: bold;}
    .prosolution .section02 .section02_frame01 .section02_frame01_half02 p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
    .prosolution .section02 .section02_frame01 .section02_frame01_half02 p:nth-child(4) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame01 .section02_frame01_half02 p:nth-child(5)  {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame01 .section02_frame01_half02 p:nth-child(6)  {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}

    .prosolution .section02 .section02_frame02 .section02_frame02_half01 p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: bold;}
    .prosolution .section02 .section02_frame02 .section02_frame02_half01 p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
    .prosolution .section02 .section02_frame02 .section02_frame02_half01 p:nth-child(4) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame02 .section02_frame02_half01 p:nth-child(5)  {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}

    .prosolution .section02 .section02_frame03 .section02_frame03_half02 p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: bold; margin-bottom: 11px;}
    .prosolution .section02 .section02_frame03 .section02_frame03_half02 p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame03 .section02_frame03_half02 p:nth-child(4) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}

    .prosolution .section02 .section02_frame04 .section02_frame04_half01 p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
    .prosolution .section02 .section02_frame04 .section02_frame04_half01 p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame04 .section02_frame04_half01 p:nth-child(4) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame04 .section02_frame04_half01 p:nth-child(5)  {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}


    .prosolution .section02 .section02_frame05 .section02_frame05_half02 p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame05 .section02_frame05_half02 p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}


    .prosolution .section02 .section02_frame06 .section02_frame06_half01 p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}
    .prosolution .section02 .section02_frame06 .section02_frame06_half01 p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal; margin-bottom: 20px;}
    .prosolution .section02 .section02_frame06 .section02_frame06_half01 p:nth-child(4) {font-family: 'Noto Sans KR', sans-serif; color: #474747; font-size: 16px; font-weight: normal;}

    .prosolution .section03 {min-height: 620px; height: 100%; background-image: url('/images/prolancer/prosolution_section03_bg.png'); display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: 100% 100%;}
    .prosolution .section03 p {font-family: 'BMDOHYEON'; color: #f0f5f6; font-size: 34px; font-weight: normal; text-align: center; margin-bottom: 63px;}

    .color10 {color: #474747;}
    .borderblk {border: 1px solid #474747 !important;}

    .proedu .section01 {min-height: 1504px; height: 100%; background-color: #fff; display: flex; flex-direction: column; vertical-align: middle; align-items: center; margin-top: 160px;}
    .proedu .section02 {min-height: 1047px; height: 100%; background-color: #f0f5f6; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center;}
    .proedu .section03 {min-height: 943px; height: 100%; background-color: #fff; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center;}


    /*.proedu .section01 .section01_frame01 {margin-top: 180px;}*/
    .proedu .section01 .section01_frame02 {margin-top: 120px;}

    .proedu .section01 .section01_frame02 p:nth-child(1) {font-family: 'BMDOHYEON'; color: #636AA8; font-size: 16px; font-weight: normal; text-align: center;}
    .proedu .section01 .section01_frame02 p:nth-child(2) {font-family: 'BMDOHYEON'; color: #2d2d2d; font-size: 34px; font-weight: normal; text-align: center;}
    .proedu .section01 .section01_frame02 p:nth-child(3) {font-family: 'BMDOHYEON'; color: #2d2d2d; font-size: 20px; font-weight: normal; text-align: center; margin-bottom: 70px;}

    .proedu .section01 .section01_frame03 {display: flex; flex-direction: column; max-width: 870px; width: 100%; margin-bottom: 120px;}

	.proedu .section02 .section02_frame01 {max-width: 1030px; width: 100%; margin-bottom: 100px;}


    .proedu .section02 .section02_frame01 .section02_frame01_title p {font-family: 'BMDOHYEON'; font-size: 34px; color: #2d2d2d; font-weight: normal; text-align: center; margin-bottom: 40px}
 
    .proedu .section02 .section02_frame01 .section02_frame01_sub {max-width: 1030px; width: 100%; background-color: #fff; min-height: 238px; height: 100%; padding: 35px; text-align: center; border-radius: 16px;}

    .proedu .section02 .section02_frame01 .section02_frame01_sub p {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #474747; font-weight: normal; text-align: center;}
	.proedu .section02 .section02_frame01 .section02_frame01_sub img.mt30_auto { margin: 30px auto 0; }

    .proedu .section02 .section02_frame02 .section02_frame02_title p:nth-child(1) {font-family: 'BMDOHYEON'; font-size: 34px; color: #2d2d2d; font-weight: normal; text-align: center; margin-bottom: 20px;}
    .proedu .section02 .section02_frame02 .section02_frame02_title p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #5866E4; font-weight: bold; text-align: center; margin-bottom: 40px;}

    .proedu .section03 .section03_frame01 {margin-bottom: 50px;}


    .proedu .section03 .section03_frame01 p { font-family: 'BMDOHYEON'; font-size: 34px; color: #2d2d2d; font-weight: normal; text-align: center;}
    .proedu .section03 .section03_frame03 {max-width: 1023px; width: 100%; margin-top: 28px;}


    .proedu .section03 .section03_frame03 .section03_frame03_txt01  {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-start; margin-bottom: 14px;}
    .proedu .section03 .section03_frame03 .section03_frame03_txt02  {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-start; margin-bottom: 14px;}
    .proedu .section03 .section03_frame03 .section03_frame03_txt03  {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-start;}

    .proedu .section03 .section03_frame03 .section03_frame03_txt01  p {font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: normal; color: #2d2d2d; margin-left: 20px;}
    .proedu .section03 .section03_frame03 .section03_frame03_txt02  p {font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: normal; color: #2d2d2d; margin-left: 16px;}
    .proedu .section03 .section03_frame03 .section03_frame03_txt03  p {font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: normal; color: #2d2d2d; margin-left: 16px;}

	.proedu .section03 .section03_frame03 .section03_frame03_txt01 span{font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: bold; color: #2d2d2d;}
    .color08 {color: #00A324;}
    .color09 {color: #436714;}


    .proedu .section03 .section03_frame01 {display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center;}
    .proedu .section03 .section03_frame03 .section03_frame03_txt01 img {margin-left: 4px;}
    .proedu .section03 .section03_frame01 img:nth-child(2) {margin-top: 50px; cursor: pointer;}

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

/************************************
    !!mobile 작업 사이즈 기준!!
*************************************/
@media screen and (min-width: 375px){ 
	.prolancer_join { max-width: 750px; }
}
@media screen and (max-width: 750px){ /* @media all and (max-width: 750px / min-width: 375px) { */
/* -- prolancer_login / 로그인 ------------------------------------------------------------------------------------------------------------------ */
	#login_wrap.pc_view { display: block; min-width: 500px; }
	
	/*--------------- 프로랜서 메인페이지 모바일 버전 ----------------------*/
		.pc_view,
		#footer,
		#header.pc_view,
		.proindex .pc_view ,
		.proindex .section01.pc_view,
		.proindex .section02.pc_view,
		.proindex .section03.pc_view,
		.proindex .section04.pc_view,
		.proindex .section05.pc_view { display: none; } 
		.mobile_view { display: block; }
		.mobile_header .header { background: #F3E9DA; }
		.mobile_header .header .header_inner { display: flex; justify-content: space-between; align-items: center; padding: 16px; }
		.mobile_header .header .header_inner img { max-width: 200px; width:48%; }
		.mobile_header .header .header_inner span { background: #1F2349; padding: 6px 15px; border-radius: 8px; color: #fff; font-size: 12px; font-weight: 600; }
		.proindex .section02 .wrap { display:flex; justify-content: center; background: #272727; padding: 16px 0; }
		.proindex .section02 .wrap a { line-height: 120%; font-size: 20px; text-align:center; color: #FFBC1C }
		.proindex .bg_white .wrap { background: #fff; }
		.proindex .section03 .wrap img { margin: 60px auto 0; padding: 0 16px; }
		.proindex .section03 .wrap img:nth-child(2) { margin: 40px auto 16px; }
		.proindex .section03 .wrap .video_wrap { margin-bottom: 40px; }
		.proindex .bg_white .wrap .video_wrap iframe {  border-radius: 36px; }
		.proindex .section05 .wrap img { margin: 40px auto; padding: 0 16px; }
		.proindex .section05 .wrap img:last-child { margin: 16px 0 40px 0; }
		.proindex .floting { position: fixed; bottom: 0; max-width: 720px; width: 100%; }
		.proindex .floting .floting_btn { display: flex; border-top: 2px solid #CBCBCB; }
		.proindex .floting .floting_btn a { background: #FFFFFF; width: 100%; padding: 22px 15px; color: #2D4FD8; font-size: 15px; font-weight: 700; text-align: center; }
		.proindex .floting .floting_btn a:last-child { background: #2D4FD8; color: #FFF; }

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

}