@charset "UTF-8";

/* 로그인 USR_1000.jsp */
/*로그인*/
.log_contain{ display:flex; justify-content:center; margin-top: 50px; margin-bottom:140px; max-width: 1200px; height: 452px; background-color:#FBFBFD; border-radius:60px 10px; }
.log_contain [type="text"], .log_contain [type="password"] {padding:24px 10px; }
.text_form{width: 100%; height:48px; border-radius:10px;  }
.log_id{margin-top: 70px; }
.log_pw{margin-top: 10px; }
.id_save{margin-top: 10px; text-align:end;}
.log_btn{margin:20px 0; width: 100%; color:#fff; background-color:#3E3B9A; border-radius:20px 4px; }
.log_btn:hover{  background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
.fbtxt:first-child{margin-top: 20px;}
.fbtxt{position:relative; margin-top: 16px; color:#999;}
.fblink{position:absolute; right:0; color:#3E3B9A; text-decoration:underline; }
	@media all and (max-width:1280px){
	.log_contain{margin-top: 40px; margin-bottom:100px; height: 400px; }
	.log_id{margin-top: 40px;}
	.logpw_inner{padding:0 20px;  }
	}
	@media all and (max-width:540px){
	.log_contain{margin-top: 30px; margin-bottom:50px; border-radius:40px 10px; height: 380px;}
	.logpage{margin-top: 78px;}
	.log_id{margin-top: 30px;}
	}
/*아이디찾기 USR_1001.jsp*/
.idtxt{margin-top: 70px; margin-bottom: 20px; text-align:center; line-height: 22px;}
.log_form{margin-bottom: 10px; width: 100%; height:48px; border-radius:10px;  }
.logbtn{ margin-top: 30px; font-size: 16px; display: flex; justify-content: center;}
.find{margin-left: 20px; width: 184px; height: 50px; color:#fff; background-color: #3E3B9A; border-radius:20px 4px; }
.find:hover{  background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
	@media all and (max-width:1280px){
	.idfind_inner{padding:0 20px;  }
	.idtxt{margin-top: 40px;}
	}
	@media all and (max-width:465px){
	.find{margin-left: 10px; }
	}
	@media all and (max-width:425px){
	.find{width: 130px;}
	}
/* 비밀번호찾기 USR_1002.jsp*/
.pwtxt{margin-top: 70px; margin-bottom: 20px; text-align:center; line-height: 22px;}
.log_form{margin-bottom: 10px; width: 100%; height:48px; border-radius:10px;  }
.pwbtn{display: flex; justify-content: center; margin-top: 30px; font-size: 16px; margin-top: 30px;}
	@media all and (max-width:1280px){
	.pwfind_inner{padding:0 20px;  }
	.pwtxt{margin-top: 40px;}
	}


/* 회원가입 */
/* 회원가입유형 USR_2000.jsp*/
/* 현재페이지표시 */
.lognav ul{position:relative; display:flex; margin-top:50px; }
.lognav ul > li{width:25%; text-align: center;  border-bottom:1px solid #dbdbdb; }
.lognav ul > li:after{position:absolute; bottom: -5px;  content: ""; display: block;  width: 10px; height: 10px; border-radius: 50%; background: #dbdbdb;} 
.lognav ul > li.on::after{background: #2A2869; }
.lognav ul > li:nth-child(1)::after{position: absolute; left: 12%; transform: translateX(-12%);}
.lognav ul > li:nth-child(2)::after{position: absolute; left: 37.5%; transform: translateX(-37.5%);}
.lognav ul > li:nth-child(3)::after{position: absolute; left: 62.5%; transform: translateX(-62.5%);}
.lognav ul > li:nth-child(4)::after{position: absolute; left: 87.5%; transform: translateX(-87.5%);}
.lognav ul > li.on > .lognavT{color:#3E3B9A; font-weight: bold;}
.lognavT{margin-bottom: 18px; margin-top:20px; font-size: 16px; color:#999; } 
/* 분류선택 */
.group{display:flex; justify-content: space-between; }
.group > ul{margin: 120px 0 200px 0; width: 286px; height: 378px; border:3px solid #f4f5f8; border-radius: 50px 10px;  }
.group > ul > li{margin: 0 auto; text-align: center; font-size: 18px; }
.group > ul > li:nth-child(2){margin: 24px 0;}
.group > ul > li:last-child{margin-bottom:76px; max-width: 183px; height: 43px; background-color: #2A2869; border-radius:10px; }
.group > ul > li:last-child > a{display:block; width: 100%; height: 100%; line-height: 43px;color:white; font-weight: bolder;  }
.group > ul > li:last-child > a:hover{  background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; border-radius:10px;  }
.group > ul > li > img{margin-top:76px;} 
	@media all and (max-width:1280px){
	.lognav ul{margin-top:40px;}
	.group > ul{margin:40px 0; margin-left: 20px;}
	.group > ul:first-child{margin-left:0;}
	}
	@media all and (max-width:960px){
	.group > ul{height: auto;}
	.group > ul > li > img {margin-top: 56px;}
	.group > ul > li:last-child{margin-bottom: 56px; width: 80%;}
	}
	@media all and (max-width:768px){
	.group{display: flex; flex-wrap: wrap; justify-content: center;}
	.group > ul:nth-child(3){ margin-top: 0; margin-left:0; }
	.group > ul:nth-child(4){ margin-top: 0;}
	}
	@media all and (max-width:623px){
	.group > ul {width: 100%; display: flex; align-items: center;}
	.group > ul:nth-child(1){ margin-bottom: 20px;}
	.group > ul:nth-child(2){ margin: 0;}
	.group > ul:nth-child(3){ margin-top: 20px; margin-bottom: 20px;}
	.group > ul:nth-child(4){ margin-left: 0px;}
	.group > ul > li > img{margin: 20px 0 20px 0; width: 70%;}
	.group > ul > li:nth-child(2){width: 18%;}
	.group > ul > li:last-child {margin-bottom:0; width: 30%; }
	}
	@media all and (max-width:540px){
	.lognav ul{ margin:0 auto; margin-top: 30px; width: 60%; text-align: center;  background-color:#3E3B9A; border-radius:20px 4px; }
	.lognav ul > li{border-bottom:none; width: 100%;}
	.lognav ul > li:after{display:none; }
	.lognav ul > li > img{display:none; }
	.lognav ul > li.on > .lognavT{ color:#fff; font-size: 20px; }
	.lognav ul > li.on {display:block;}
	.lognav ul > li {display:none; }
	}
	@media all and (max-width:425px){
	.group > ul{border-radius:30px 10px}
	.group > ul > li {font-size: 16px;}
	.group > ul > li:first-child {margin:0; }
	.group > ul > li > img{margin: 10px 0 10px 0; }
	}


/* 회원약관동의 USR_2001.jsp*/
.magree{margin: 80px 0 20px 0px; display:flex; align-items:center; font-size: 20px; }
.PD {margin-top: 0;}
.magree::before{content: ""; display: block;  width: 10px; height: 10px; border-radius: 50%; background: #2A2869; margin: 0 18px 0 5px; }
.magreeBox{margin-top: 18px; max-width: 100%; height: 300px; border-radius:60px 0 0 10px; background-color: #fff; overflow-y:scroll; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);  }
.magreeBox pre{padding: 30px; font-family:'Noto Sans KR'; color:#666; font-weight: 200; font-size: 16px; letter-spacing:-0.004em; line-height: 22px; white-space: pre-wrap; word-break: break-all; overflow: auto;}
/* 약관동의 */
.agreechoice{padding: 20px 0 80px 0; font-weight: bold; text-align:end; }
.essential{font-weight: bold; color:#3E3B9A;}
.agreetxt{margin-right:10px;}
.agreechoice [type="radio"] {vertical-align: middle; appearance: none; border: max(1px, 0.1em) solid gray; border-radius: 50%; width: 1em; height: 1em; transition: border 0.3s ease-in-out; }
.agreechoice [type="radio"]:checked { border: 0.3em solid  #3E3B9A;}
/*모두동의*/
.agreeckb{margin-bottom: 60px; width: 100%; text-align:center; font-size: 16px; font-weight: bold;}
.agreeckb  input[type="checkbox"] {margin-right: 10px; width: 18px; height: 18px; }
/* 취소다음버튼 */
.formbtn{display: flex; justify-content: center; text-align: center; padding-bottom: 100px; }
.cnacel{width: 184px; height: 50px; color:#fff; background-color: #999; border-radius:20px 4px; }
.next{margin-left: 20px; width: 184px; height: 50px; color:#fff; background-color: #3E3B9A; border-radius:20px 4px; }
.next:hover{  background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
	@media all and (max-width:1280px){
	.magree{margin-top: 40px;}
	.agreechoice{padding-bottom: 40px;}
	}
	@media all and (max-width:768px){
	.magreeBox{border-radius:30px 0 0 4px;}
	}
	@media all and (max-width:560px){
	.agreechoice{text-align:center; }
	.agreetxt{display:block; margin-bottom: 10px;}
	}
	@media all and (max-width:540px){
	.magree{margin-top: 30px;}
	.agreechoice{padding-bottom: 30px;}
	}
	@media all and (max-width:425px){
	.cnacel, .next{margin-left:10px; width: calc((100%/3) - 10px); border-radius: 12px 2px; height: 40px; }
	.next{margin-left: 10px;}
	.magreeBox pre{font-size: 14px;}
	}


/* .회원정보입력_기업 USR_2005.jsp*/
.minfo{margin: 80px 0 20px 0px; display:flex; align-items:center; font-size: 20px; }
.minfo::before{content: ""; display: block;  width: 10px; height: 10px; border-radius: 50%; background: #2A2869; margin: 0 18px 0 5px; }
.join_input_box{ margin-bottom:120px;  padding: 60px 200px; max-width:1200px; background:#fff; border-radius:60px 10px; }
.join_input_box > ul > li { margin-bottom: 20px; }
.join_input_box label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
.join_input_box li .block {display: flex; align-items:center; justify-content: space-between; width: 100%; }
.join_input_box li input {display: inline-block; width: 100%; height: 45px; border: 1px solid #e5e5e5; border-radius: 5px; }
.join_input_box li .block:after {display: block; content: ''; clear: both; }
.join_input_box li input#mberId {display:flex;  }
.join_input_box li .s_btn {margin-left: 20px; width: 130px; background: #999; color: #fff; border: 0;}
.join_input_box li .s_txt {font-size: 15px; line-height: 20px; }
.gray {color: #999;}
.nor_purple {color: #3E3B9A; font-weight: bold;}
.nor_b {font-weight: 900; line-height: 30px; }
.join_input_box li select {height: 45px; width: 30%; border: 1px solid #e5e5e5; border-radius: 5px; }
.binfo_box > ul > li:nth-child(4) select {width: 50%;}
.join_input_box li input.form05, .join_input_box li input.phonum {width: 33%;}
.filebox{display:flex; width: 100%; }
.r_btn{text-align: center; padding: 14px; border-radius: 5px;}
.s_btn{border:none;}
#input-file{display:none;}
.Bintroduction{margin-bottom: 120px;}
	@media all and (max-width:768px){
	.minfo {margin-top: 30px; }
	.join_input_box{margin-bottom: 30px;  padding: 30px 20px; border-radius:30px 10px;}
	.join_input_box li .s_btn {margin-left: 10px;}
	.Bintroduction{margin-bottom: 30px;}
	}
/* 회원정보입력_대학생, 대학원생, 교수 USR_2002.jsp */
.sinfo_box{margin-bottom: 120px;}
.course{display:none;}
.researchfield{display:none;}
.CoE{display:none;}
.sinfo_box .university_sel{width: 100%;}
	@media all and (max-width:768px){
	.sinfo_box{margin-bottom: 30px;}
	}


/* 회원가입완료안내문구 USR_2006.jsp*/
.joindone{display:flex; align-items:center; width: 100%; height: 710px;}
.innerjoin{ display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding: 70px 0; width: 630px; height: 470px; margin:0 auto; text-align:center; background:#fff; border:3px solid #F4F3FD; border-radius:40px 10px; }
.joindt{width: 100%; }
.joindtc{width: 100%; line-height: 30px; font-size: 24px; font-weight: bold; color:#B00020; }
.innerjoin br{display:none; }
.gotomain{padding:13px 56px; background:#3E3B9A; color:#fff; border-radius: 20px 4px;}
.gotomain:hover{  background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
	@media all and (max-width:1280px){
	.joindone{height: 550px;}
	.innerjoin{height: 410px; padding: 40px 20px;}
	}
	@media all and (max-width:540px){
	.joindone{height: 460px;}
	.innerjoin{height: 380px; padding: 30px 20px;}
	.joindt{line-height: 20px;}
	.joindtc{line-height: 24px; font-size: 20px;}
	}
	@media all and (max-width:420px){
	.innerjoin br{display:block; }
	}



/* 마이페이지 */
/* 비밀번호확인 USR_3102.jsp */
.dis_fix{background-color:#dbdbdb; cursor: not-allowed; }
.confirm{margin-left: 20px; width: 184px; height: 50px; color:#fff; background-color: #3E3B9A; border-radius:20px 4px; }
.confirm:hover{  background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
	@media all and (max-width:1280px){
	}
	@media all and (max-width:425px){
	.confirm{width: 130px; margin-left: 10px;}
	}

/* 탈퇴 */
.ss_modal{position:absolute; z-index:98; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.6);  }
.secession_modal{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; height: 530px; background-color:#fff; border-radius:12px;  }
.secession_modal .m_secession{display:flex; flex-wrap:nowrap; justify-content: space-between; align-items:center; padding:0 0 0 20px; height: 50px; background-color:#3e3b9a; color:#fff; font-size: 18px; border-radius: 10px 10px 0 0; }
.secession_modal .m_secession[type="button"]{background-color:#3E3B9A; }
.secession_modal .m_secession img{margin-right: 10px; cursor: pointer;}
.secession_modal .m_secession_tit{ display:flex; align-items:center; margin-left:40px; height: 80px; font-size: 19px; font-weight:bold;  }
.secession_modal .m_secession_txt{margin:0 20px; padding:20px;  background-color:rgba( 244, 243, 253, 0.5 );  }
.secession_modal .m_secession_txt li img{margin-right: 6px; }
.secession_modal .m_secession_txt li:first-child{display:flex; margin-bottom: 10px; }
.secession_modal .m_secession_infowrap{margin:0 20px; margin-top: 20px; padding:20px; display:flex; background: #fbfbfb; }
.secession_modal .m_secession_infowrap li:last-child{margin-left: 20px;  }
.secession_modal .m_secession_infowrap li span{color:#3E3B9A; font-weight: bold; }
.secession_modal .m_secession_lastchk{margin:0 20px; margin-top: 20px;  padding:20px;  background-color:#fbfbfb; }
.secession_modal .m_secession_lastchk .pwChk{border-radius:4px; }
.secession_modal .m_secession_lastchk p{ margin-bottom: 10px; font-size: 14px; color:#FF6166; }
.secession_modal .m_secession_lastchk .wd{margin-top: 10px; margin-left: 10px; }
.secession_modal .m_secession_btn{display:flex; justify-content: center; align-items: center; padding:30px; }
.secession_modal .submitcancle{padding: 6px 12px; background-color:#999; color: #fff; border-radius: 5px; }
.secession_modal .submitconfirm{margin-left: 12px; padding: 6px 12px; background-color:#3E3B9A; color: #fff; border-radius: 5px; }
	@media all and (max-width:560px){
		.secession_modal{width: 280px; height: 450px; transition:.3s; }
		.secession_modal .m_secession_tit{margin-left: 30px; height: 60px; font-size: 15px;}
		.secession_modal .m_secession_txt{padding:10px; font-size: 14px; }
		.secession_modal .m_secession_infowrap{margin-top: 10px; padding:10px; font-size: 14px; }
		.secession_modal .m_secession_lastchk{margin-top: 10px; padding:10px; font-size: 14px; }
		.secession_modal .m_secession_lastchk .wd{margin-left: 0px;}
		.secession_modal .m_secession_btn{padding:10px; }
	}


/* 사업안내 */
.contxt_wrap {line-height:1.6em;}
.border_box {position:relative; border:1px solid #D2CEED; border-radius:20px 10px 20px 10px; padding:20px; line-height:1.4em;}
.pjlist.new {position:relative; align-items: stretch; margin-top:40px;}
.pjlist.new li {position:relative; display:flex; margin:0 30px 0 0;}
.pjlist.new li:after {content:''; display:block; position:absolute; top:calc(50% - 12px); width:34px; height:24px; background:url('../images/sub/arrright.svg') no-repeat center; right:-34px;}
.pjlist.new li:last-child {margin:0;}
.pjlist.new li:last-child:after {display:none;}
.pjlist.new li p {display:flex; align-items:center; justify-content: space-around; padding: 12px 10px; min-width:160px; word-break:keep-all;}

@media all and (max-width:1280px){
	.pjlist.new li { width:19%; justify-content: space-around;}
	.pjlist.new li p {font-size:16px; min-width:100px;}	
}

@media all and (max-width:580px){
}

@media all and (max-width:500px){
	.pjlist.new {flex-direction: column; gap:26px;}
	.pjlist.new li {width:100%; margin:0;}
	.pjlist.new li:after {transform:rotate(90deg); top:100%; right:calc(50% - 17px);}
	.pjlist.new li p {width:100%;}
}


/* 개인정보처리방침 / 이메일무단수집거부 */
.privacy{margin-bottom: 120px; }
	@media all and (max-width:768px){
	.privacy{margin-bottom: 50px; }
	}


/* 사이트맵_기업용, 학생용 */
.sitemap_wrap{margin: 50px 0 120px 0;}
.sitemap_01 {display:flex; flex-wrap:wrap; justify-content:space-between; width: 100%;  }
.sitemap_01 > li{ width:24%; border-left:1px solid #F4F3FD; border-right:1px solid #F4F3FD; text-align:center;  } 
.sitemap_01_tit{ padding:4px 10px; width: 100%; font-size: 20px; font-weight: bold; color:#3E3B9A; text-align:center; line-height: 40px; box-shadow: inset 0 -14px 0 #F4F3FD; line-height:21px; }
.sitemap_02 > li:first-child{margin-top: 14px;}
.sitemap_02 > li a {color:#3E3B9A; line-height: 30px; }
.sitemap_03 > li a {color:#999; font-size: 14px; line-height: 26px; }
	@media all and (max-width:768px){
	.sitemap_01 > li{ width:49%;} 
	.sitemap_01 > li:nth-child(3), .sitemap_01 > li:nth-child(4){margin-top: 30px; }
	}
	@media all and (max-width:375px){
	.sitemap_01_tit{font-size: 17px; }
	}



/*로딩중*/
#loader {position:fixed;/* display:none; */top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.5);}
#loader .spinner-box {position:relative; margin:0 auto; margin-top:200px; padding-top:70px;width: 60px; height: 100px; }
#loader .configure-border-1 {position:absolute; top:0; width: 60px; height: 60px; padding: 3px;  background: #F4F3FD; border-radius:10px; animation: configure-clockwise 2.5s ease-in-out 0s infinite alternate;}
#loader .configure-border-2 {position:absolute; top:0; width: 60px; height: 60px; padding: 3px; background: #3E3B9A; transform: rotate(45deg); border-radius:10px; animation: configure-xclockwise 2.5s ease-in-out 0s infinite alternate;}
#loader .configure-core {width: 100%; height: 100%; background-color: #2a2869; border-radius:10px; }
#loader .txt{margin-top:20px; text-align:center; color:#d2ceed; font-size: 14px;}
	
	@keyframes configure-clockwise {
	0% {transform: rotate(0) ;}
	25% {transform: rotate(90deg);}
	50% {transform: rotate(180deg);}
	75% {transform: rotate(270deg);}
	100% {transform: rotate(360deg);}
	}

	@keyframes configure-xclockwise {
	0% {transform: rotate(45deg);}
	25% {transform: rotate(-45deg);}
	50% {transform: rotate(-135deg);}
	75% {transform: rotate(-225deg);}
	100% {transform: rotate(-315deg);}
	}



/* 서비스 준비중 페이지 loading.jsp */
.loadingbox{ width: 100%; height: 100%; }
.loadingbox_inner{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; color:#666; }
.loadingtxt{font-size: 40px; font-weight: bold; }
.loadingbox_inner > ul > li {font-size: 28px; line-height:50px; letter-spacing: 0.04em; }
.loadingbox_inner > ul > li:first-child{margin-bottom: 30px; }
.loadingbox_inner > ul > li:nth-child(3){font-size: 20px;  line-height:40px; color:#999; }
.loadingbox_inner > ul > li:last-child{margin-top: 30px; padding:18px; background-color:#3E3B9A; border-radius:20px 4px; cursor: pointer; }
.loadingbox_inner > ul > li:last-child:hover{background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
.loadingbox_inner > ul > li:last-child a{display:block; color:#fff; font-size: 22px; }
		@media all and (max-width:768px){
			.loadingbox_inner > ul > li:first-child{margin-bottom: 10px; }
			.loadingbox_inner > ul > li:nth-child(2){margin-bottom: 20px;}
			.loadingtxt{font-size: 30px; }
			.loadingbox_inner{ width: 80%; }
			.loadingbox_inner > ul > li { font-size: 20px; line-height:30px; }
			.loadingbox_inner > ul > li:nth-child(3) {font-size: 18px; line-height:30px; }
		}


/* ERROR 404.jsp */
.errorbox{ width: 100%; height: 100%; }
.errorbox_inner{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; color:#666; }
.errortxt{font-size: 40px; font-weight: bold; }
.errorbox_inner > ul > li {font-size: 28px; line-height:50px; letter-spacing: 0.04em; }
.errorbox_inner > ul > li:first-child{margin-bottom: 30px; }
.errorbox_inner > ul > li:nth-child(3){font-size: 20px;  line-height:40px;}
.errorbox_inner > ul > li:last-child{margin-top: 30px; padding:18px; background-color:#3E3B9A; border-radius:20px 4px; cursor: pointer; }
.errorbox_inner > ul > li:last-child:hover{background: #3E3B9A; background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%); border: none; text-decoration:none; }
.errorbox_inner > ul > li:last-child a{display:block; color:#fff; font-size: 22px; }
			@media all and (max-width:768px){
			.errorbox_inner > ul > li { font-size: 20px; line-height:30px; }
			.errorbox_inner > ul > li:nth-child(3){ line-height:30px; }
		}

/* GPU 사용설정 */	
.gpu_input_box {
	margin-bottom: 24px;
	padding: 64px 200px;
	max-width: 1200px;
	background: #fff;
	border-radius: 60px 10px;
}

.gpu_btn_box {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-bottom: 24px;
}

.gpu_btn_box button {
	margin-left: 16px;
}

.gpu_confirm_btn_box {
	display: flex;
	justify-content: center;
	padding-top: 30px;
	padding-bottom: 60px;
}

.gpu_access_btn {
	margin-left: 20px;
	width: 184px;
	height: 50px;
	color: #fff;
	background-color: #3E3B9A;
	border-radius: 20px 4px;
}

.gpu_access_btn:hover {
	background: #3E3B9A;
	background: linear-gradient(0deg, #2A2869 0%, #3E3B9A 100%);
	border: none;
	text-decoration: none;
}

.gpu_reloard_btn {
	margin-left: 20px;
	width: 184px;
	height: 50px;
	color: #fff;
	background-color: #7471CC;
	border-radius: 20px 4px;
}

.gpu_reloard_btn:hover {
	background: #C3C1FF;
	background: linear-gradient(0deg, #2A2869 0%, #7471CC 100%);
	border: none;
	text-decoration: none;
}

.gpu_input_normal {
	width: 100%;
	border: 1px solid #DBDBDB;
	border-radius: 2px;
	padding: 4px;
}

.gpu_input_select {
	width: 100%;
}

.gpu_notice_text {
	font-size: 12px;
	color: #9A9A9A;
	margin-top: 4px;
}

.table_gpu_intsert tbody tr td {
	text-align: left;
}

.table_gpu_intsert_bigo {
	padding: 36px !important;
	color: #3E3B9A;
	text-align: center !important;
}

.table_gpu_dtl th {
	width: 30%;
}

.table_gpu_dtl td {
	width: 70%;
}

.table_gpu_dtl tbody tr td {
	text-align: left;
}

.table_gpu_dtl_info div {
	display: flex;
	flex-direction: row;
	padding: 4px;
}

.table_gpu_dtl_info div p:first-child {
	font-weight: 600;
}

@media all and (max-width:1023px) {
	.gpu_input_box {
		padding: 48px 48px;
		margin-bottom: 8px !important;
	}
	.table_gpu_dtl tr:nth-child(3) input {
		width: 100%;
	}
}

@media all and (max-width:479px) {
	.gpu_input_box {
		padding: 48px 16px;
		margin-bottom: 4px !important;
	}
	.table_gpu_intsert th {
		padding: 12px 4px;
	}
	.table_gpu_intsert td {
		padding: 12px 4px 12px 8px;
	}
	.table_gpu_dtl th {
		padding: 12px 4px;
	}
	.table_gpu_dtl td {
		padding: 12px 4px 12px 8px;
	}
	.table_gpu_dtl tr:nth-child(3) input {
		width: 100%;
	}
	.gpu_access_btn {
		font-size: 14px;
		padding: 4px;
		margin-left: 10px;
	}
	.gpu_reloard_btn {
		font-size: 14px;
		padding: 4px;
		margin-left: 10px;
	}
	.table_gpu_dtl_info div {
		flex-direction: column;
	}
}