.sub-content{
	height: fit-content;
	min-height: calc(100vh - 63px);
	margin-top: 15px;
}
.sub-content > .wrap{padding:24px 0 16px;min-height: 100%;}
.sub-content > .wrap .center-menu{padding:0 16px;}
.sub-content > .wrap .center-menu > h3{font-size:19px;font-weight: 700;color: var(--textHeadline);}
.sub-content > .wrap .center-menu ul{display: flex;flex-direction: column;width: 100%;gap:12px;margin-top:12px;}
.sub-content > .wrap .center-menu ul li {}
.sub-content > .wrap .center-menu ul li > a{display: flex;width: 100%;border-radius: 10px;border: 1px solid var(--borderColorLight);justify-content: space-between;padding:0 20px;min-height: 72px;width: 100%;align-items: center;}
.sub-content > .wrap .center-menu ul li > a > div{display: flex;align-items: center;}
.sub-content > .wrap .center-menu ul li > a:after{content:'';background: url("../../images/common/b_arrow.svg")no-repeat center/cover;width: 20px;height: 20px;display: inline-block;}
.sub-content > .wrap .center-menu ul li > a > div .figure{display: flex;max-width: 32px;margin-right:8px;}
.sub-content > .wrap .center-menu ul li > a > div p{font-size:17px;font-weight: 700;color: var(--textHeadline);}

.sub-content > .wrap .certified-import{}
.sub-content > .wrap .certified-import .t-import{padding:16px 16px 40px;}
.sub-content > .wrap .certified-import .t-import .figure{display: flex;align-items: center;gap:24px;justify-content: center;}
.sub-content > .wrap .certified-import .t-import .figure .process-img{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;border-radius: 50%;background-color: var(--backgroundColor04);}
.sub-content > .wrap .certified-import .t-import .figure .process-img.img01::before{content:'';background: url("../../images/common/certification_icon04.png")no-repeat center/cover;width: 48px;height: 48px;display: inline-block;}
.sub-content > .wrap .certified-import .t-import .figure .process-img.img02::before{content:'';background: url("../../images/common/certification_icon05.png")no-repeat center/cover;width: 48px;height: 48px;display: inline-block;}
.sub-content > .wrap .certified-import .t-import .figure .arrow{background: url("../../images/common/right_arrow.svg")no-repeat center/cover;display: flex;width: 28px;height: 13px;}
.sub-content > .wrap .certified-import .t-import .num{margin-top:30px;}
.sub-content > .wrap .certified-import .t-import .num > div{color:#000;font-size:24px;font-weight: 700;display: flex;align-items: center;justify-content: center;background-color: var(--backgroundColor04);border: 1px solid var(--borderColorCool);border-radius: 8px;line-height: 54px;}
.sub-content > .wrap .certified-import .b-import{padding:24px 16px 0;border-top:10px solid var(--backgroundColor01);}
.sub-content > .wrap .certified-import .b-import .text-a{margin-bottom:45px;}
.sub-content > .wrap .certified-import .b-import .text-a > h4{font-size:19px;font-weight: 700;color: var(--textHeadline);}
.sub-content > .wrap .certified-import .b-import .text-a > div{margin-top:12px;display: flex;flex-direction: column;gap:8px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p{display: flex;color: var(--textColor01);}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(1):before{content:'1.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(2):before{content:'2.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(3):before{content:'3.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(4):before{content:'4.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(5):before{content:'5.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(6):before{content:'6.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(7):before{content:'7.';margin-right:3px;}
.sub-content > .wrap .certified-import .b-import .text-a > div p:nth-child(8):before{content:'8.';margin-right:3px;}
.sub-content > .wrap .certified-export{position: relative;}
.sub-content > .wrap .certified-export .t-export{padding:16px 16px 40px;}
.sub-content > .wrap .certified-export .t-export .figure{display: flex;align-items: center;gap:24px;justify-content: center;}
.sub-content > .wrap .certified-export .t-export .figure .process-img{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;border-radius: 50%;background-color: var(--backgroundColor04);}
.sub-content > .wrap .certified-export .t-export .figure .process-img.img01::before{content:'';background: url("../../images/common/certification_icon04.png")no-repeat center/cover;width: 48px;height: 48px;display: inline-block;}
.sub-content > .wrap .certified-export .t-export .figure .process-img.img02::before{content:'';background: url("../../images/common/certification_icon05.png")no-repeat center/cover;width: 48px;height: 48px;display: inline-block;}
.sub-content > .wrap .certified-export .t-export .figure .arrow{background: url("../../images/common/right_arrow.svg")no-repeat center/cover;display: flex;width: 28px;height: 13px;}
.sub-content > .wrap .certified-export .t-export .num{margin-top:30px;}
.sub-content > .wrap .certified-export .t-export .num > div{
	color:#000;
	font-size:24px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 54px;
}
.sub-content > .wrap .certified-export .t-export .num > div.title{
	display: block;
	font-size: 19px;
}
.sub-content > .wrap .certified-export .t-export .num > div > input{
	font-size:24px;
	font-weight: 700;
	text-align: center;
	padding: 0;
}
.sub-content > .wrap .certified-export .t-export .num > div > input::placeholder{
	font-size:15px;
}
.sub-content > .wrap .certified-export .t-export .num > div > p{
	padding: 0 10px 0 10px;
}
.sub-content > .wrap .certified-export .b-export{padding:24px 16px 0;border-top:10px solid var(--backgroundColor01);}
.sub-content > .wrap .certified-export .b-export .text-a{margin-bottom:45px;}
.sub-content > .wrap .certified-export .b-export .text-a > h4{font-size:19px;font-weight: 700;color: var(--textHeadline);}
.sub-content > .wrap .certified-export .b-export .text-a > div{margin-top:12px;display: flex;flex-direction: column;gap:8px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p{display: flex;color: var(--textColor01);}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(1):before{content:'1.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(2):before{content:'2.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(3):before{content:'3.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(4):before{content:'4.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(5):before{content:'5.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(6):before{content:'6.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(7):before{content:'7.';margin-right:3px;}
.sub-content > .wrap .certified-export .b-export .text-a > div p:nth-child(8):before{content:'8.';margin-right:3px;}
.sub-content > .wrap .certified-export .none{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:12px;
	padding:25px 0;
}
.sub-content > .wrap .certified-export .none .figure{max-width: 31px;}
.sub-content > .wrap .certified-export .none p{text-align: center;color: var(--textCaution);font-size:13px;}
.sub-content > .wrap .certified-export .item{padding:0 16px 32px;display: flex;flex-direction: column;width: 100%;gap:12px;}
.sub-content > .wrap .certified-export .item .card{}
.sub-content > .wrap .certified-export .item .card > div{padding:24px 20px;border: 1px solid var(--borderColorLight);border-radius: 12px;}
.sub-content > .wrap .certified-export .item .card > div .info{display: flex;align-items: center;gap:4px;}
.sub-content > .wrap .certified-export .item .card > div .info .figure{max-width: 52px;}
.sub-content > .wrap .certified-export .item .card > div .info .figure > img{max-width: 52px;width: 52px}
.sub-content > .wrap .certified-export .item .card > div .info .text-a{}
.sub-content > .wrap .certified-export .item .card > div .info .text-a p.t1{font-size:15px;font-weight: 700;color: var(--textColor02);}
.sub-content > .wrap .certified-export .item .card > div .info .text-a p.t2 {
	font-size:19px;
	font-weight: 700;
	color: var(--textHeadline);
	margin-top:2px;
	/* 글자가 긴 경우 한줄로 ... 표시 */
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
}

.sub-content > .wrap .certified-export .item .card > div .date{margin-top:16px;display: flex;align-items: center;gap:16px;}
.sub-content > .wrap .certified-export .item .card > div .date > div{display: flex;align-items: center;gap:6px;font-size:13px;color: var(--textColor02);}
.sub-content > .wrap .certified-export .item .card.disabled > div{}
.sub-content > .wrap .certified-export .item .card.disabled > div{padding:24px 20px;border: 1px solid var(--borderColorLight);border-radius: 12px;background-color: var(--backgroundColor01);}
.sub-content > .wrap .certified-export .item .card.disabled > div .info{display: flex;align-items: center;gap:4px;}
.sub-content > .wrap .certified-export .item .card.disabled > div .info .figure{max-width: 52px;}
.sub-content > .wrap .certified-export .item .card.disabled > div .info .text-a{}
.sub-content > .wrap .certified-export .item .card.disabled > div .info .text-a p.t1{font-size:15px;font-weight: 700;color: var(--textPlaceholder);}
.sub-content > .wrap .certified-export .item .card.disabled > div .info .text-a p.t2{font-size:19px;font-weight: 700;color: var(--textPlaceholder);margin-top:2px;}
.sub-content > .wrap .certified-export .item .card.disabled > div .date{margin-top:16px;display: flex;align-items: center;gap:16px;}
.sub-content > .wrap .certified-export .item .card.disabled > div .date > div{display: flex;align-items: center;gap:6px;font-size:13px;color: var(--textColor02);}
.sub-content > .wrap .certified-export .item .card.disabled > div .date > div.end-date span{color: var(--statusDanger02);}

.sub-content > .wrap .login-content{padding:0 16px 16px;}
.sub-content > .wrap .login-content > h1{font-size:28px;font-weight: 700;color: var(--textHeadline);}
.sub-content > .wrap .login-content .login-service{margin-top:24px;}
.sub-content > .wrap .login-content .login-service > h4{font-size:17px;font-weight: 700;color: var(--textHeadline);}
.sub-content > .wrap .login-content .login-service > ul{margin-top:12px;display: flex;flex-wrap: wrap;gap:12px;}
.sub-content > .wrap .login-content .login-service > ul > li{width: calc((100% / 2) - 6px);}
.sub-content > .wrap .login-content .login-service > ul > li > a{display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--borderColorCool);border-radius: 8px;background-color: var(--backgroundColor04);gap:6px;height:104px;}
.sub-content > .wrap .login-content .login-service > ul > li > a .figure{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;}
.sub-content > .wrap .login-content .login-service > ul > li > a .figure::before{content:'';background: url("../../images/common/login_list.svg")no-repeat top center;width: 32px;height: 32px;display: inline-block;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(1) > a .figure::before{background-position: top center;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(2) > a .figure::before{background-position: top -32px center;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(3) > a .figure::before{background-position: top -64px center;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(4) > a .figure::before{background-position: top -96px center;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(5) > a .figure::before{background-position: top -128px center;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(6) > a .figure::before{background-position: top -160px center;}
.sub-content > .wrap .login-content .login-service > ul > li:nth-child(7) > a .figure::before{background-position: top -192px center;}

.sub-content > .wrap .login-content .login-service > ul > li > a p{font-weight: 700;color: var(--textColor01);}

.sub-content > .wrap .login-content .login-btn{border-top:1px solid var(--borderColorLight);padding-top:16px;margin-top:24px;}
.sub-content > .wrap .login-content .login-btn h4{font-size:17px;font-weight: 700;color: var(--textHeadline);margin-bottom:16px;}
.sub-content > .wrap .login-content .login-form{margin:24px 0;}
.sub-content > .wrap .login-content .login-form .login-enter{display: flex;flex-direction: column;gap:16px;margin-bottom: 24px;}
.sub-content > .wrap .login-content .login-form .login-menu{margin-top:16px;}
.sub-content > .wrap .login-content .login-form .login-menu > div{display: flex;align-items: center;justify-content: center;}
.sub-content > .wrap .login-content .login-form .login-menu > div a{position: relative;font-size:17px;color:var(--textColor02)}
.sub-content > .wrap .login-content .login-form .login-menu > div a + a{margin-left:8px;padding-left:8px;}
.sub-content > .wrap .login-content .login-form .login-menu > div a + a::before{content:'';background-color: var(--borderColorLight);width: 1px;height: 16px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.sub-content > .wrap .login-content .login-form input:read-only{
	background-color: white;
    cursor: pointer;
}

.sub-content > .wrap .setting-wrap{padding-bottom:100px;}
.sub-content > .wrap .setting-wrap .setting-list{}
.sub-content > .wrap .setting-wrap .setting-list > div{padding:0 16px;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul{display: flex;flex-wrap:wrap;width: 100%;gap:12px;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li{width: 100%;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li > div{background-color: #fff;box-shadow: var(--boxshadowType02);border-radius: 8px;padding:16px;display: flex;flex-direction: column;width: 100%;gap:20px;min-height: 64px;justify-content: center;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li .item{display: flex;align-items: center;justify-content: space-between;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li .item .text{display: flex;flex-direction: column;gap:4px;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li .item .text p{font-weight: 700;color: var(--textColor01);}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li .item .text p.desc{font-size: 13px;font-weight: 700;color: var(--textCaution);}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li .item a.more{display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;background: url("../../images/common/b_arrow.svg")no-repeat center/cover;}
.sub-content > .wrap .setting-wrap .setting-list > div > ul > li .item a.clean{text-decoration: underline;text-underline-offset: 3px;color: var(--primaryStrong);font-size:15px;}

.sub-content > .wrap .setting-wrap .alert-list{margin-top:16px;}
.sub-content > .wrap .setting-wrap .alert-list > div{padding:0 16px;}
.sub-content > .wrap .setting-wrap .alert-list > div > ul{display: flex;flex-wrap:wrap;width: 100%;gap:8px;}
.sub-content > .wrap .setting-wrap .alert-list > div > ul > li{width: 100%;}
.sub-content > .wrap .setting-wrap .alert-list > div > ul > li > div{background-color: #fff;box-shadow: var(--boxshadowType02);border-radius: 8px;padding:15px 16px;display: flex;flex-direction: column;width: 100%;border: 1px solid var(--borderColorLight);}
.sub-content > .wrap .setting-wrap .alert-list > div > ul > li > div p{font-size:15px;font-weight: 700;color: var(--textColor01);display: flex;align-items: center;}
.sub-content > .wrap .setting-wrap .alert-list > div > ul > li > div p:before{content:'';background: url("../../images/common/caution_b.png")no-repeat center/cover;width: 36px;height: 36px;display: inline-block;margin-right: 8px;}
.sub-content > .wrap .alarem-wrap{padding:0 16px 16px;}
.sub-content > .wrap .alarem-wrap .none{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:12px;
	padding:25px 0;
}
.sub-content > .wrap .alarem-wrap .none .figure{max-width: 31px;}
.sub-content > .wrap .alarem-wrap .none p{text-align: center;color: var(--textCaution);font-size:13px;}
.sub-content > .wrap .alarem-wrap .timeline{}
.sub-content > .wrap .alarem-wrap .timeline .entry{padding-bottom:24px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .date{position: relative;margin-bottom: 12px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .date::before{content:'';width: 100%;height: 1px;background-color: var(--borderColorLight);position: absolute;top:50%;transform: translateY(-50%);left: 0;}
.sub-content > .wrap .alarem-wrap .timeline .entry .date .title{font-size: 15px;color: var(--textColor01);background-color:var(--backgroundColor04);z-index: 2;position: relative;display: inline-block;padding-right:6px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row{display: flex;flex-wrap: wrap;gap:16px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item{width: 100%;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item > div{background-color: #fff;border-radius: 8px;padding:16px;overflow: hidden;box-shadow: var(--boxshadowType02);}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .head{display: flex;align-items: flex-start;justify-content: space-between;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .head p{font-size:17px;font-weight: 700;color: var(--textHeadline);}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .head p.time{font-size:13px;color:var(--textColor01);font-weight: 400;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .head a.move{
	width: 22px;
	height: 22px;
	display: flex;
	background: url("../../images/common/b_arrow.svg")no-repeat center/cover;
}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .body{margin-top:8px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .body .figure{margin-bottom:12px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .body .text{color: var(--textColor01);}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .flip{display: flex;justify-content: center;padding-top:10px;border-top:1px solid var(--borderColorLight);margin-top:12px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .flip > a{display: flex;align-items: center;font-size:15px;color: var(--textColor02);}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .flip > a:after{content:'';background: url("../../images/common/flip_icon.svg")no-repeat center/cover;width: 16px;height: 16px;margin-left:2px;}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item.active .flip > a:after{transform: rotate(180deg)}
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item .body .text p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } 
.sub-content > .wrap .alarem-wrap .timeline .entry .list-row .item.active .body .text p { display: block; -webkit-line-clamp: unset; overflow: visible; }