Skip to:

Jira 탐색으로 건너뛰기
사이드 탐색으로 건너뛰기
주요 콘텐츠로 건너뛰기
Atlassian uses cookies to improve your browsing experience, perform analytics and research, and conduct advertising. Accept all cookies to indicate that you agree to our use of cookies on your device. Atlassian cookies and Tracking notice, (opens new window)

Preferences

Only necessary

Accept all

Jira

내 작업

프로젝트

필터

대시보드

팀

앱

만들기
검색

9+




FZ_SI_TNT_한우스타
소프트웨어 프로젝트
메뉴
계획
개발
팀에서 관리하는 프로젝트에 참여하고 있습니다
자세히 알아보기


프로젝트
FZ_SI_TNT_한우스타
TNT 1 스프린트





스프린트 완료
검색하거나 필터를 적용하기 위해 입력하면 보드에 일치하는 이슈가 업데이트됩니다.
검색
담당자로 필터링




에픽
그룹화 기준

없음

인사이트

설정 보기
TNT-39
TNT-27
TNT-28
TNT-29
TNT-31
TNT-18
TNT-19
TNT-20
TNT-26
TNT-30

Quickstart

프로젝트 만들기

이슈 만들기

이슈는 팀원에게 할당하는 개별적인 업무입니다.


표시하기

이슈 자습서 보기

기본 사항 시작

팀원 초대

도구를 연결하세요

모바일 앱 받기

도움말 찾기

포함된 다른 항목 보기

피드백 보내기
Quickstart 닫기

TNT-1

TNT-39


TNT 아이패드 프로에서 화면 깨지는부분 css ux에서 전달 받음 > 작업 필요

추가
설명

디자인페이지 전달 받아서 실제 코드 작업 필요합니다. @youngw2213 @박대인  

첨부 파일 개
1


login.css 열기
login.css
login.css
06 11월 2024, 11:31 오전

활동
표시:

전체

댓글

기록

최신 항목

댓글 추가...
전문가 팁: 눌러서 
M
 댓글 추가

해야 할 일

작업
세부 사항
담당자



youngw2213
레이블


없음
상위 항목


에픽 아이콘
TNT-1 1.하자보수 목록(산출물 및 하자보수내역 일정 정리_v1.6)
Team


없음
Sprint


TNT 1 스프린트
Story point estimate


없음
수정 버전


없음
기한


없음
개발

보고자


김민보
Automation

Rule executions
만듦 지난주
업데이트 지난주
구성

login.css
css · 10 KB

@charset "utf-8";
.loginBody {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: #fff url('/res/images/login/flatform_bg.jpg') no-repeat right -42vw/ 145% auto;
}
.login_left {
	position: absolute;
	top: 0; left: 0;
	width: 50%;
	height: 100%;
	background: url('/res/images/login/flatform_visual2.png') no-repeat left bottom / 100% 100% ;
}
.login_left h1 {
	width: 90%;
	margin-top: 3.6vw;
	font-family: 'GmarketSansBold';
	font-size: 1.8vw;
	color:#fff;
	text-align: center;
	text-shadow:1px 1px 2px #000;
}
.login_left h1:after {
	display: block;
	content:'';
	width: 3vw;
	height: 2px;
	margin: 10px auto 30px;
	background: #fff;
	opacity: 0.5;
}
.login_left p {
	width: 90%;
	font-family: 'GmarketSansLight';
	font-size: 0.8vw;
	color:#fff;
	text-align: center;
	letter-spacing: -0.5px;
}
.login_left ul {
	position: absolute;
	left: 2vw;
	bottom: 30px;
	width: 30vw;
}
.login_left ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 10px;
	line-height: 1.2;
	color:#fff;
	font-size: 0.8vw;
	font-weight: 300;
}
.login_left ul li:before {
	position: absolute;
	color:#fff;
	content: '*';
	left: 0; top: 2px;
}
.login_right {
	position: absolute;
	top: 0; right: 0;
	width: 50%;
	height: 100%;
}
.loginBox {
	position: absolute;
	top: 6vw;
	left: 50%;
	transform:translateX(-50%);
	width: 340px;
	overflow: hidden;
}
.loginBox h2 {
	margin-bottom: 1.5vw;
	line-height: 1.2;
	font-family: 'GmarketSansBold';
	font-size: 38px;
	color:#2b3fb3;
}
.loginBox h2 span {
	font-size: 50px;
	color:#f7710e;
}
.loginBox > input {
	display: block;
	clear: both;
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	font-size: 1.1vw;
	font-weight: 400;
	border: 1px solid #dcdcdc;
	font-family: 'Noto Sans KR', sans-serif;
}
.loginBox > input:nth-child(2) {
	margin-bottom: 0.6vw;
}
.loginBox .checkBox {
	display: block;
	width: 100%;
	margin: 1.4vw 0;
	overflow: hidden;
}
.loginBox .checkBox label {
	color:#555;
	font-size: 0.85vw;
	font-weight: 500 !important;
}
.loginBox > button {
	width: 100%;
	padding: 6% 0 4%;
	background: #fd7004;
	font-family: 'GmarketSansBold';
	color:#fff;
	font-size: 1.2vw;
	border: none;
	cursor: pointer;
}
.loginBox a.joinLink {
	text-decoration: underline;
	color:#adadad;
	font-size: 0.85vw;
	padding-top: 20px;
	display: block;
}
.companyBox {
	position: absolute;
	width: 610px;
	left: 50%;
	bottom: 20px;
	transform:translateX(-50%);
}
.companyBox a {
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 2%;
}
.companyBox a img {display: inline-block;}
.companyBox a:nth-child(4n) {
	margin-right: 0;
}
/*type2*/
.loginBody.type2 {
	background: url('/res/images/login/flatform_bg_1.png') no-repeat center bottom/ cover;
	position: fixed;
	min-height: 700px;
}
.login_left.type2 {
	position: absolute;
	top: 0; left: 28%;
	transform: translateX(-50%);
	width: 50%;
	background: none;
}
.login_left.type2 img {
	display: block;
    margin: 20px auto 0;
    width: clamp(250px, 80%, 55%);
}
.login_left.type2 h1 {
	margin: 11% 0 0 60px;
	font-size: 2.8rem;
	color:#2b3fb3;
	text-shadow:1px 1px 2px #fff;
}
.login_left.type2 h1:after {
	background: #2b3fb3;
	margin: 11px auto 17px;
}
.login_left.type2 p.desc_top {
	color:#2b3fb3;
	font-weight: bold;
	margin-left: 60px;
	font-size: 1.5rem;
	line-height: 1.6;
}
.login_left.type2 ul {
	position: absolute;
	left: 9vw;
	bottom: 30px;
	width: 40vw;
}
.login_left.type2 ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 10px;
	line-height: 1.2;
	color:#9d9d9d;
	font-size: 0.8vw;
	font-weight: 300;
}
.login_left.type2 ul li:before {
	position: absolute;
	color:#9d9d9d;
	content: '*';
	left: 0; top: 2px;
}
/*login_right*/
.loginBox.type2 {
	position: absolute;
}
.loginBox.type2 > input {
	font-size: 2.0rem;
}
.loginBox.type2 a.joinLink {
	font-size: 1.4rem;
	padding-top: 10px;
}
.companyBox.type2 {
	left: 58%;
	width: 560px;
	position: absolute;
	bottom: 10px;
}
.companyBox.type2 a {
	float:left;
}
.companyBox.type2 a:nth-child(4n) {
	margin-top: 3px;
	margin-right: 2%;
}
/*반응형*/
@media (max-width: 1550px) {
	.login_left.type2 h1 {
		margin-left: 40px;
	}
	.login_left.type2 p.desc_top {
		margin-left: 40px;
	}
	.companyBox.type2 {
		left: 63%;
	}
}
@media (max-width: 1330px) {
	.loginBox.type h2 {
		font-size: 34px;
	}
	.loginBox.type2 h2 span {
		font-size: 46px;
	}
	.loginBox.type2 > input {
		font-size: 1.8rem;
	}
}
@media (max-height: 800px) {
	.login_left.type2 ul {
		bottom: 15px;
		left: 8vw;
	}
	.companyBox.type2 {
		left: 62%;
	}
	.companyBox.type2 a {
		margin-bottom: 0;
	}
	.companyBox.type2 a img {
		width: 90%;
	}
}
/* 230615 - inseon */
body.loginType2 {
	height: 100vh;
	background: url('/res/images/login/tnt_flatform_login_new_bg.jpg') no-repeat center bottom -50px;
	background-size: cover;
	display: flex;
}
body.loginType2::before {
    content: '';
    position: absolute;
    bottom: 16%;
    left: 0%;
    width: 50%;
    height: 50%;
    background: url(/res/images/login/tnt_flatform_login_new_cow.png) no-repeat center bottom;
    background-size: auto 100%;
}
.loginType2 .loginL {
	width: 50%;
	position: relative;
}
.loginLBox {
	width: 90%;
	/* background: url('/res/images/login/tnt_flatform_login_new_cow.png') no-repeat center bottom 130px; */
	/* background-size: auto 50vh; */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.loginLBox h1 {
	width: 100%;
	margin-top: 5vh;
	font-family: 'GmarketSansBold';
	font-size: 3.3rem;
	color: #2b3fb3;
	text-align: center;
}
.loginLBox h1:after {
	display: block;
	content:'';
	width: 3vw;
	height: 2px;
	margin: 11px auto 17px;
	background: #2b3fb3;
	opacity: 0.5;
}
.loginLBox p {
	width: 100%;
	line-height: 1.6;
	font-family: 'GmarketSansMedium';
	font-size: 1.4rem;
	color: #728dda;
	text-align: center;
	letter-spacing: -0.5px;
	padding-bottom: 70vh;
}
.loginLBox img {
	display: block;
    margin: 20px auto 0;
    width: clamp(250px, 80%, 55%);
}
.loginLBox ul {
	width: 90%;
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
}
.loginLBox ul li {
	line-height: 1.4;
	position: relative;
	margin-bottom: 5px;
	padding-left: 10px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: -1px;
}
.loginLBox ul li:before {
	position: absolute;
	content: '*';
	left: 0; top: 2px;
}
.loginType2 .loginR {
	width: 50%;
	position: relative;
}
.loginRBox {
	width: 90%;
	height: 100vh;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.loginRBox .loginBox {	
	position: absolute;
	left: 50%;
	top: 10vh;
	transform: translateX(-50%);
}
.loginRBox .loginBox > input {
	font-size: 2.0rem;
}
.loginBox .checkBox label {
	color: #8d8d8d;
}
.loginRBox .loginBox a.joinLink {
	font-size: 1.4rem;
	padding-top: 10px;
}
.loginRBox .partnerBox {
	width: 500px;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 15px 20px 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	position: absolute;
	left: 50%;
	bottom: 5vh;
	transform: translateX(-50%);
}
.loginRBox .partnerBox a {
	padding: 0;
	display: block;
}
.loginRBox .partnerBox a img {
	vertical-align: middle;
}
/*반응형*/
@media (max-width: 1550px) {
	body.loginType2 {
		background: url('/res/images/login/tnt_flatform_login_new_bg.jpg') no-repeat center bottom;
		background-size: cover;
	}
}
@media (max-width: 1240px) {
	/* .loginLBox {
		background: url('/res/images/login/tnt_flatform_login_new_cow.png') no-repeat center bottom 160px;
		background-size: auto 40vh;
	} */
	.loginLBox p {
		font-size: 1.3rem;
	}
	.loginLBox ul {
		width: 100%;
	}
	.loginLBox ul li {
		font-size: 1.3rem;
	}
	.loginBox > button {
		font-size: 2rem;
	}
}
@media (max-width: 1079px) {
	.loginLBox p {
		font-size: 1.2rem;
		letter-spacing: -1px;
	}
	.loginRBox .partnerBox {
		width: 100%;
		gap: 5px;
		padding: 10px 0 10px 15px;
	}	
	.loginRBox .partnerBox a {
		width: calc(33% - 7px);
	}
}
@media (max-width: 1024px) and (min-height: 1000px) {
	body.loginType2::before {
		width: 62%;
        height: 40%;
        bottom: 16%;
		left: -22%;
		background-size: 100%;
    }
	.loginLBox ul {
		bottom: 0;
	}
}
@media (max-width: 979px) {
	body.loginType2 {
		background: url('/res/images/login/tnt_flatform_login_new_bg.jpg') no-repeat right bottom;
		background-size: cover;
	}
	body.loginType2::before {
		content: none;
	}
	.loginType2 .loginL {
		display: none;
	}
	.loginType2 .loginR  {
		width: 100%;
	}
	.loginRBox .loginBox {
		width: 500px;
	}
}
@media (max-width: 579px) {
	.loginType2 .loginR {
		width: 100%;
	}
	.loginRBox .loginBox {
		width: 90%;
		top: 5vh;
	}
	.loginBox h2 {
		margin-bottom: 1.5vw;
		font-size: 3rem;
		color:#2b3fb3;
	}
	.loginBox h2 span {
		font-size: 50px;
		color:#f7710e;
	}
	.loginBox > input {
		height: 60px;
		line-height: 60px;
		font-size: 1.8rem;
	}
	.loginBox > input:nth-child(2) {
		margin-bottom: 5px;
	}
	.loginBox .checkBox {
		margin: 10px 0 20px;
	}
	.loginBox input[type="checkbox"].checkbox01 + label {
		font-size: 1.6rem;
	}
	.loginRBox .partnerBox {
		width: 90%;
	}	
}
@media (max-height: 800px) {
	.loginRBox .loginBox {	
		top: 5vh;
	}
	.loginBox > input {
		height: 50px;
		line-height: 50px;
		font-size: 1.8rem;
	}
}
@media (max-height: 600px) {
	body.loginType2 {
		background: url('/res/images/login/tnt_flatform_login_new_bg.jpg') no-repeat right bottom -100px;
		background-size: cover;
	}
	.loginRBox .partnerBox {
		display: none;
	}
}