@charset "utf-8";


/* 탭 영역 */
.main-wrap .tab-box {
	display: flex;
	gap: 56px;
	margin-bottom: 25px;
}
.main-wrap .tab-box .tab {
	cursor: pointer;
}
.main-wrap .tab-box .tab.active {
	color: #001f67;
	font-weight: 600;
}


/* 메인 슬라이드 */
.main-wrap .main-box {
	display: flex;
	gap: 22px;
	justify-content: center;
}
/* 글로벌 페이지 */
.main-wrap .main-box.glo-box {
	display: block;
	width: 1440px;
	margin: 0 auto 210px;
}


/* 즐겨찾기 */
.main-wrap .bookmark-area {
	position: relative;
	width: 464px;
	color: #fff;
	background-color: #001f67;
	border-radius: 30px;
	padding: 24px 18px 20px;
	margin: 0;
}
.main-wrap .bookmark-area .bg-mark {
	position: absolute;
	bottom: -40px;
	right: 0;
	width: 166px;
	height: 210px;
}
.main-wrap .bookmark-area .title-box {
	display: block;
	margin-bottom: 24px;
}
.main-wrap .bookmark-area .title-box .thirty-title {
	font-size: 24px;
}

.main-wrap .bookmark-area .con-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 10px;
}
.bookmark-area .con-box .bookmark {
	text-align: center;
	border: 1px solid #fff;
	border-radius: 10%;
	padding: 20px 10px 10px 18px;
}
.bookmark-area .con-box .bookmark .flex {
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	align-items: flex-start;
}

.bookmark-area .con-box .bookmark .sm-title {
	position: relative;
	font-size: 16px;
}
/* .bookmark-area .con-box .bookmark .sm-title::after {
	content: "";
	width: 138px;
	height: 36px; 
	position: absolute;
	top: 28px;
	left: 0;
	background: url(/images/antiviral/icon-line.png) no-repeat center/cover;
} */
.bookmark-area .con-box .bookmark .img-box {
	width: 52px;
	height: 52px;
}
.bookmark-area .con-box .bookmark .img-box img {
	width: 100%;
	height: 100%;
}
.bookmark-area .con-box .bookmark .flex .con-box {
	display: initial;
	text-align: left;
}
.bookmark-area .con-box .bookmark .btn-link {
	position: relative;
	display: inline-block;
	font-size: 18px;
	text-align: left;
}
.bookmark-area .con-box .bookmark .btn-link::after {
	content: "";
	position: absolute;
	top: 10px;
    right: -20px;
    width: 10px;
    height: 10px;
	background: url(/images/antiviral/btn-plus_red.png) no-repeat center/cover;
}


/* 공지사항, 뉴스 영역 */
.sc-news {
    background-color: #fbfbfb;
    padding: 60px 0;
	margin: 80px auto;
}
.sc-news > .flexBox {
	width: 1554px;
	gap: 40px;
}
.sc-news .notice-area, .sc-news .title-area {
	flex: 1;
}
.sc-news .title-box {
	justify-content: space-between;
	margin-bottom: 14px;
}
.sc-news .title {
	font-size: 38px;
}
.sc-news .btn-more {
	display: block;
	position: relative;
	right: 28px;
}
.sc-news .btn-more::after {
    content: "";
    position: absolute;
    top: 4px;
    right: -20px;
    width: 15px;
    height: 15px;
    background: url(../images/antiviral/btn-plus.png) no-repeat center;
	transition: .3s;
}
.sc-news .btn-more:hover::after {
	transform: rotate(90deg);
}

.sc-news .notice-area .con-wrap {
	height: 290px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 30px 20px;
}
.sc-news .notice-box .flexBox {
    justify-content: space-between;
}

.sc-news .notice-box:not(:last-child) {
	margin-bottom: 20px;
}
.sc-news .notice-box .tag {
    color: #001f67;
    text-align: center;
	line-height: 22px;
    border: 1px solid #001f67;
    border-radius: 5px;
    padding: 2px 8px;
    margin-right: 7px;
    transition: .3s;
}
.sc-news .notice-box:hover .tag {
	background-color: #001f67;
	color: #fff;
}

.sc-news .notice-box .notice-title {
    display: block;
    max-width: 530px;
	font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sc-news .notice-box:hover .notice-title {
	font-weight: 600;
}

.sc-news .notice-box .flexBox .date {
    margin: 0;
}


/* 뉴스 영역 */
.sc-news .notice-box .tag.red {
	color: #cc0615;
    border-color: #001f67;
}
.sc-news .notice-box:hover .tag.red {
	color: #fff;
}



/* 메인 국내 유일 영역 */
.sc-con {
	margin-bottom: 55px;
}
.sc-con .con-area {
	width: 100%;
	background: url(/images/antiviral/bg-banner.png) no-repeat center/cover;
	color: #fff;
}
.sc-con .con-area .con-box {
	justify-content: flex-end;
}
.sc-con .con-area .con-box .noimgBox {
	width: 720px;
}
/* 내용 영역 */
.sc-con .con-area .grid-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.sc-con .con-area .grid-box>div {
	width: 100%;
}
.sc-con .con-area .con-box .title-area {
	text-align: left;
}
.sc-con .con-area .con-box .title-area .des {
	color: #454545;
	font-weight: 600;
}
.sc-con .con-area .con-box .btn-area::after {
	position: initial;
}
.sc-con .con-area .con-box .btn-area a::after {
	content: "";
    position: absolute;
    top: 25px;
    right: 28px;
    width: 12px;
    height: 12px;
    background: url(/images/antiviral/btn-plus.png) no-repeat center / contain;
}


/* 국제인증 서비스 */
.sc-service {
	width: 400px;
	border-right: 1px solid #fff;
	padding: 134px 20px 195px;
}
.sc-service .title-area {
	margin-bottom: 40px;
}

/* 인증절차 */
.sc-process {
	width: 285px;
	padding: 40px 20px 35px;
}
.sc-process .title-area {
	margin-bottom: 35px;
}
.sc-process .sub-area {
	display: block;
	width: 100%;
	height: 346px;
	position: relative;
}
.sc-process .sub-area .process-box {
	width: 106px;
	height: 104px;
	border-radius: 50%;
	background-color: #ebebeb;
	text-align: center;
	line-height: 22px;
	padding: 16px 8px 10px;
	position: absolute;
	top: 0;
}
.sc-process .sub-area .process-box.one {
	left: 0;
}
.sc-process .sub-area .process-box.two {
	right: 0;
	padding: 16px 18px 8px;
}
.sc-process .sub-area .process-box.three {
	top: 124px;
	right: 0;
}
.sc-process .sub-area .process-box.four {
	top: 124px;
	left: 0;
}
.sc-process .sub-area .process-box.five {
	top: 232px;
	left: 74px;
}

.sc-process .sub-area .process-tit {
	font-size: 18px;
	font-weight: 600;
	color: #0f0f0f;
	margin-bottom: 8px;
}
.sc-process .sub-area .process-txt {
	font-size: 14px;
	color: #6b6b6b;
}

/* 화살표 이미지 */
.sc-process .sub-area .img-box {
	position: absolute;
	z-index: 20;
}
.sc-process .sub-area .img-box.one {
	top: 28px;
	left: 100px;
}
.sc-process .sub-area .img-box.two {
	top: 100px;
    right: -8px;
    transform: rotate(100deg);
}
.sc-process .sub-area .img-box.three {
	top: 170px;
    right: 98px;
    transform: rotate(168deg);
}
.sc-process .sub-area .img-box.four {
	top: 234px;
    left: 42px;
    transform: scaleX(-1) rotate(126deg);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
/* 글로벌 */
.sc-process.glo-process .sub-area .process-box {
	width: 136px;
    height: 136px;
    padding: 34px 10px 10px;
}
.sc-process.glo-process .sub-area .process-box.one {
	top: -18px;
	left: 40px;
}
.sc-process.glo-process .sub-area .process-box.two {
	top: -18px;
	right: 28px;
	padding: 32px 18px 8px;
}
.sc-process.glo-process .sub-area .process-box.three {
    top: 128px;
    right: 56px;
}
.sc-process.glo-process .sub-area .process-box.four {
    top: 128px;
	left: 16px;
}
.sc-process.glo-process .sub-area .process-box.five {
	top: 250px;
    left: 140px;
}

.sc-process.glo-process .sub-area .img-box {
	width: 120px;
	height: 50px;
}
.sc-process.glo-process .sub-area .img-box.one {
	top: -8px;
	left: 170px;
}
.sc-process.glo-process .sub-area .img-box.two {
	top: 120px;
    right: -20px;
}
.sc-process.glo-process .sub-area .img-box.three {
	top: 182px;
    left: 144px;
    transform: rotate(174deg);
}
.sc-process.glo-process .sub-area .img-box.four {
	top: 280px;
    left: 48px;
}
.sc-process .sub-area .img-box img {
	width: 100%;
	height: 100%;
}

/* 적용범위와 시험방법*/
.sc-product {
	width: 480px;
	height: 100%;
	color: #000;
	background: url(/images/antiviral/bg-product.png) no-repeat center/cover;
	padding: 38px 14px 30px;
}
.sc-product .title-area {
	margin-bottom: 20px;
}

.sc-product .sub-area {
	position: relative;
}
.sc-product .sub-area .product {
	display: block;
	text-align: center;
	border-radius: 50%;
	padding: 34px 20px 56px;	
}
.sc-product .sub-area .product .product-name {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}
.sc-product .sub-area .product img {
	margin: 0 auto;
}
/* 마스크 */
.sc-product .sub-area .product.mask {
	position: absolute;
	top: -12px;
    left: 36px;
    width: 176px;
    height: 176px;
	background-color: #fff;
	opacity: 0.7;
	padding: 28px 16px 0 24px;
	margin-bottom: 10px;
}
.sc-product .sub-area .product.mask .product-img {
	width: 90px;
	height: 74px;
	margin: 0 auto;
}
/* 필름 */
.sc-product .sub-area .product.film {
	position: absolute;
	top: 26px;
	right: 0;
	width: 198px;
	height: 198px;
	background-color: #f1e4f6;
	opacity: 0.9;
	padding: 36px 20px 18px;
}
.sc-product .sub-area .product.film .product-img {
	width: 152px;
	height: 58px;
	margin: 0 auto;
}
/* 세정제 */
.sc-product .sub-area .product.wash {
	position: absolute;
	top: 192px;
    left: 18px;
    width: 176px;
    height: 176px;
    background-color: #fff;
    opacity: 0.9;
    padding: 24px 20px 0;
}
.sc-product .sub-area .product.wash .product-name {
	margin-bottom: 8px;
}
.sc-product .sub-area .product.wash .product-img {
	width: 54px;
	height: 90px;
	margin: 0 auto;
}
/* 3가지 제품 */
.sc-product .sub-area .product.other {
	position: absolute;
	top: 244px;
    right: 66px;
    width: 136px;
    height: 136px;
    background-color: #eee;
    padding: 24px 16px 0;
}
.sc-product .sub-area .other .product-name{
	font-size: 15px;
	margin-bottom: 0px;
}
/* 글로벌 페이지 */
.sc-product.glo-product .title-area {
	margin: 0 0 10px 20px;
}
.sc-product.glo-product .sub-area .product.mask {
	top: 4px;
    left: 6px;
}
.sc-product.glo-product .sub-area .product.film {
	top: 12px;
}
.sc-product.glo-product .sub-area .product.wash {
	top: 212px;
	left: 42px;
}
.sc-product.glo-product .sub-area .product.other {
	top: 256px;
	right: 22px;
	width: 136px;
	height: 136px;
	padding: 28px 16px;
}


/* 메인 : 자가진단 */
.sc-self {
	width: 480px;
	padding: 38px 70px 312px 36px;
	background: url(/images/antiviral/bg-self.png) no-repeat right/cover;
}
.sc-self .title-area {
	margin-bottom: 42px;
}
.sc-self .title-area .txt {
	font-weight: normal;
}
/* 자가진단 */
.sc-selfDiagnosis {
	margin: -38px 0 50px;
}
.sc-selfDiagnosis .termsTit-des {
	color: #FE7A36;
	font-weight: 600;
	padding: 0 0 0 12px;
	margin-bottom: 30px;
}

.sc-selfDiagnosis .self-box .self-table {
	width: 100%;
}
.sc-selfDiagnosis .self-box .self-table tr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.sc-selfDiagnosis .self-box .self-table tr.none {
	display: none;
}
.sc-selfDiagnosis .self-box .self-table tr td {
	padding: 10px;
}
.sc-selfDiagnosis .self-table .title {
	width: 100%;
    color: #613e72;
    text-align: center;
    font-size: 30px;
    border-top: 3px solid #000;
	border-bottom: 3px solid #000;
    padding: 12px 0;
}

.sc-selfDiagnosis .self-table .sub-title {
	font-size: 18px;
	font-weight: 600;
}
.sc-selfDiagnosis .self-table .detail-title {
	font-size: 17px;
	margin-left: 10px;
}

.sc-selfDiagnosis .self-table .des-box {
	margin: 4px 0 0 14px;
}
.sc-selfDiagnosis .self-table .des-box .des {
	font-size: 16px;
}

.sc-selfDiagnosis .self-table .flexBox.flex-input {
	margin-bottom: 12px;
}

.sc-selfDiagnosis .self-table input.input-border {
	width: 120px;
	height: 28px;
	border: 1px solid #ccc;
	padding: 2px 8px;
}
.sc-selfDiagnosis .self-table input.input-border.width {
	width: 90%;
}

.sc-selfDiagnosis .self-table .select-area {
	margin: 8px 0 0;
}
.sc-selfDiagnosis .self-table .select-box {
	width: 50%;
    border: 1px solid #ccc;
    padding: 6px 12px;
	margin-left: 8px;
}

.sc-selfDiagnosis button.btnResult {
	float: none;
	display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #613e72;
    border: none;
    border-radius: 6px;
    margin: 30px 0 0 auto;
}



/* 자가진단 결과 */
.subContencs.sc-result {
	margin-top: 120px;
}
.sc-result .result-top {
	font-weight: 700;
}

.sc-result .resultCalcu {
	border: 1px solid #8f8f8f;
    background: url(/images/antiviral/logo/bagLog.png) no-repeat 55% / center;
    padding: 20px;
    margin: 24px 0;
}

.resultCalcu .result-box .thirty-title {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid #555;
    padding-bottom: 8px;
	margin: 5px 0 60px 0;
}

.result-box .graphImg .percent-top {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
    color: #404bc5;
    font-weight: bold;
    margin-bottom: 26px;
}
.result-box .graphImg .percent-top .txt {
	font-size: 22px;
}
.result-box .graphImg .percent-top .num {
	font-size: 22px;
	color: #000;
}

.result-box .graphImg .bagDiv {
	background-color: #a6a3a2;
    height: 45px;
    position: relative;
    z-index: 1;
    width: 0%;
    float: right;
}
.result-box .graphImg .viewDiv {
	background: linear-gradient( to right, red, #ffb854, #5dfc8a);
    height: 45px;
    width: 100%;
    position: relative;
    z-index: 0;
}

.result-box .graphImg .txt-box {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

.resultCalcu .TextDiv .viewText {
	font-weight: 600;
    font-size: 24px;
    height: 100%;
    padding: 0% 5%;
    margin-bottom: 40px;
}
.resultCalcu .TextDiv .des-box .des {
    font-size: 18px;
    padding: 0% 5%;
}

.sc-result .btn-box {
	width: 100px;
    height: 32px;
    line-height: 32px;
	background-color: #613e72;
	text-align: center;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    margin-left: auto;
}



/* 품질방침 선언서 */
.quality-wrap {
	border: 6mm ridge #6b6b6b;
    color: #000;
    padding: 46px 56px 2px;
}
/* 공통 */
.quality-wrap .subtitle {
    font-size: 24px;
    color: #000066;
	font-weight: bold;
    margin: 0 0 19px 0;
}
.quality-wrap .des {
    font-size: 16px;
    line-height: 30px;
}

.quality-wrap .top-area {
	margin-bottom: 64px;
}
.quality-wrap .top-area .contTopTit {
    font-size: 40px;
    font-weight: bold;
	text-align: center;
	margin: 32px 0 46px 0;
}
.quality-wrap .top-area .des {
	text-align: center;
	font-size: 18px;
}

.quality-wrap .con-area {
	margin-bottom: 54px;
}
.quality-wrap .con-area .con.con1 {
	margin: 0 0 57px 0;
}
.quality-wrap .con-area .con .bg {
	background-color: #f0f0f0;
    border-radius: 3px;
    padding: 30px 0 28px 29px;
    margin-top: 8px;
}
.quality-wrap .con-area .con-box:first-child {
	margin: 0 0 30px 0;
}
.quality-wrap .con-area .con .con-title {
	font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
}

.quality-wrap .bottom-area {
	margin: 0 0 32px 0;
}
.quality-wrap .bottom-area .date {
    font-weight: bold;
    font-size: 20px;
	text-align: right;
    margin: 0 0 32px 0;
}
.quality-wrap .bottom-area .img-box {
	margin-left: 10px;
}
.quality-wrap .bottom-area .signImg {
	width: 15%;
}






/* 동영상 공통 */
.sc-video .video-area {
	margin-bottom: 40px;
	position: relative;
}

.sc-video .des-title {
	font-size: 26px;
	font-weight: bold;
	line-height: 32px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: 16px;
}

.sc-video .add-box .txt {
	font-size: 14px;
}
.sc-video .add-box .txt span {
	display: inline-block;
	font-size: 12px;
}


/* 동영상 자료실 */
.sc-videoList {
	display: grid;
	grid-template-columns: repeat(3, 438px);
	gap: 30px;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.sc-videoList .video-wrap {
	width: 438px;
	height: 406px;
	cursor: pointer;
}
.sc-videoList .video-wrap .video-area {
	width: 435px;
	height: 246px;
	margin-bottom: 20px;
}
.sc-videoList .video-wrap .videoThumb, .videoThumb img {
	height: 100%;
}

.video-wrap .video-area .tag-area {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}
.video-wrap .video-area .tag-area .tag-box {
	width: 60px;
	height: 34px;
	background-color: #ff7200;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
	padding: 0 16px;
}
.video-wrap .video-area .tag-box.rec {
	background-color: #0095ff;
}

.sc-videoList .video-wrap .add-box .txt {
	line-height: 18px;
	margin-bottom: 20px;
}


/* 동영상 자료실 상세페이지 */
.sc-videoView {
	display: flex;
	gap: 70px;
}
.sc-videoView .video-wrap {
	width: 70%;
}
.sc-video .video-wrap .video-area {
	margin-bottom: 0;
}
.sc-videoView .video-wrap .video-area .video-box {
	width: 100%;
	height: 532px;
}
.sc-video .des-area {
	display: flex;
	gap: 20px;
	margin: 12px 0 14px 8px;
}
.sc-video .des-area .txt {
	font-size: 14px;
}
.sc-video .des-area .txt.line::after {
	top: 12px;
	background-color: #333;
}
.sc-video .des-area .txt span {
	margin-left: 3px;
}


/* 연관동영상 */
.sc-videoView .relation-wrap {
	width: 30%;
}
.sc-videoView .relation-wrap .relation-box {
	display: flex;
	gap: 16px;
	margin-bottom: 30px;
}
.sc-videoView .relation-wrap .relation-box .relation-video {
	width: 200px;
	height: 114px;
	position: relative;
}
.sc-videoView .relation-wrap .relation-box .relation-video::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	background:url("/images/antiviral/icon-play(circle).png") no-repeat 0 0;
	z-index: 3;
}

.sc-videoView .relation-wrap .relation-box .txt-box {
	padding: 10px 0 0;
}
.relation-wrap .relation-box .txt-box .title {
	width: 168px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 16px;
}
.relation-wrap .relation-box .txt-box .date {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	margin: 10px 0 0;
}

/* 동영상 설명 영역 */
.sc-des {
	height: 480px;
	background-color: #e5e5e5;
	border-radius: 10px;
    overflow-y: scroll;
	margin: 0 0 26px;
}
/* scroll */
.sc-des::-webkit-scrollbar {
	width: 14px;
	height: 100%;
	border-radius: 7px;
}
.sc-des::-webkit-scrollbar-thumb {
	background-color: #1E56A0;
	border-radius: 7px;
}
.sc-des::-webkit-scrollbar-thumb:hover {
	background-color: #202356;
}
.sc-des::-webkit-scrollbar-track {
	background-color: #ccc;
	border-radius: 7px;
}

.sc-des .scroll-inner {
	height: 100%;
	padding: 16px;
}
.sc-des .txt-box {
	width: 100%;
	line-height: 24px;
}



/* 회원가입 */
.agBtn {
	text-align: center;
}

/* 아이디/비밀번호 찾기 */
.subWrap.sc-find {
	overflow-x: inherit;
}
.find-area .find-wrap {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin: 100px 0;
}
.find-area .institutionCt {
	flex: 1;
	height: 456px;
	border: 2px solid #2c034a;
	padding: 24px 30px 34px;
	margin-bottom: 0;
}
.find-area .institutionCt .title {
	color: #492666;
	text-align: center;
	font-size: 28px;
	border-bottom: 2px solid;
    background: url(/images/antiviral/subBg4.jpg) no-repeat 146px 13px;
    padding: 0 0 14px;
}

.find-area .institutionCt .find-box {
	margin: 34px 0 0;
}
.find-area .institutionCt.id-wrap .find-box {
	margin: 52px 0 0;
}
.find-area .find-box .input-box {
    width: 100%;
	height: 40px;
    font-size: 14px;
    border: 1px solid #ddd;
    margin: 0 0 24px;
}
.find-area .find-box .input-box:last-child {
    margin: 0 0 24px;
}
.find-area .find-box .input-box.password-email {
	margin-top: 24px;
}
.find-area .find-box .input-box input {
	width: 100%;
	padding: 6px 16px;
}

.find-area .find-box .btn-check {
	width: 100%;
    height: 46px;
    color: #fff;
    line-height: normal;
    border: none;
    background-color: #2c034a;
    /* margin-left: 1px; */
}



/* 로그인 */
.sc-login.layout {
	margin-bottom: 50px;
}
.sc-login .login-box {
	margin-top: 96px;
}
.sc-login .login-box .login-top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.login-box .login-top .title {
	font-size: 28px;
    font-weight: 700;
    color: #000066;
}
.login-box .login-top .des {
	font-size: 18px;
}

.login-box .login-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.login-box .login-area .institutionCt {
	flex: 1;
	margin-bottom: 16px;
}
.login-box .login-area .btn-box {
	text-align: center;
    color: #d9d9d9;
}
.login-box .login-area .btn-box .btn {
	width: 170px;
    border: none;
    border-radius: 5px;
	padding: 6px 0;
}
.login-box .login-area .txt-input {
	width: 342px;
	border: 1px solid #ccc;
	padding: 6px 10px;
}
.login-box .login-area .txt-input::placeholder {
	font-size: 14px;
}
.login-box .login-area .btn.btn-login {
	width: 342px;
	background-color: #0c7bbd;
    color: #fff;
}
.login-box .login-area .institutionCt.btn-wrap {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-bottom: 0;
}
.login-box .login-area .btn-find {
    background-color: #414141;
}



/* q&a */
.qawrap {
	height: auto;
	margin: 10px 0;
}
.qawrap .joinBox {
	margin-top: 10px;	
}
.qawrap .joinBox .memberUL {
	width: 100%;
    height: 200px;
}
.qawrap .joinBox .joinWt {
	width: 100%;
}
.qawrap .joinBox .textarea {
	width: 100%;
    height: inherit;
    padding: 10px 20px;
}
.qawrap .memberUL .textarea {
	width: 100%;
	margin: 10px 0;
}
.qawrap .btn_wp.re2 {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.qawrap .joinBox .textarea.withdrawalReason {
	height: 300px;
}







/* 기존 */
.mainTop .mainTit{text-align: center;font-size: 80px;margin:295px 0 33px 252px;font-weight:bold;color:#fff;text-shadow: 1px 1px 1px #ddd;line-height:108px;}
.mainTop .mainTit small{font-size: 40px;letter-spacing: 2px;font-weight:normal;}
.mainTop .margin0 nav{padding: 35px 0 0 0;}

.mainContFst{min-width:1350px;}
.mainContFst .conts1{background:url("/images/antiviral/main7.jpg")no-repeat 0 0;height:600px;margin:130px 0 0 0;background-size: cover;}
.conts1 .mamual{color: #fff;font-size: 30px;text-align: center;}
.conts1 .mamual small{font-size: 21px;margin: 22px 0 0 0;}
.conts1 .mamual span.mainToptit{font-size: 43px;font-weight: bold;margin: 32px 0 0 0;}
.conts1 .mamual a{margin: 200px 0 0 0;color: #fff;border-bottom: 1px solid #fff;}
.conts1 .mamual .maBox{padding: 40px 0 0 0;}

.conts1 .mamual ul li{position:relative;width: 95px;height: 80px;display: inline-block;padding: 0px 110px;vertical-align: middle;margin-top: 65px;font-size: 22px;font-weight: bold;line-height: 28px;}
.conts1 .mamual ul li:after{background:url("/images/antiviral/listBg.png")no-repeat 0 0;position:absolute;width:161px;height:161px;top:0;left:0;content:'';}
.conts1 .mamual ul li:before{background:url("/images/antiviral/allow.png")no-repeat 0 0;position:absolute;width:50px;height:81px;top:42px;left:164px;content:'';}
.conts1 .mamual ul li.listLi4:before{background:none;}
.conts1 .mamual ul li.listLi b.listT{left: 36px;}
.conts1 .mamual ul li.listLi1 b.listT{top: 50px;left: 47px;}
.conts1 .mamual ul li.listLi2 b.listT{left: 58px;}
.conts1 .mamual ul li.listLi3 b.listT{left: 62px;}
.conts1 .mamual ul li.listLi4 b.listT{left: 38px;}
.conts1 .mamual ul li b.listT{font-size: 22px;z-index: 99;position: absolute;top: 64px;left: 45px;font-weight: normal;}
.conts1 .mamual ul li span{margin: 184px 0 0 -63px;font-size: 14px;line-height: 20px;font-weight: normal;width: 83px;}

.conts2{background:#ebf1ff;width: 100vw;height: 920px;}
.conts2 .sliderCenter{padding: 130px 0 0 0;}
.conts2 .sliderCenter .mainSlid .sliderLeft li{text-align:center;}
.conts2 .sliderCenter .mainSlid .sliderLeft li.slideInfo{font-size: 28px;padding: 0 0 21px 0;color: #1f71d7;}
.conts2 .sliderCenter .mainSlid .sliderLeft li.slidetit{font-size: 37px;margin: -9px 0 34px 0;}
.conts2 .sliderCenter .mainSlid .sliderRight{margin: 40px 0 0 0;height: 570px;min-width:1400px !important;}
.conts2 .sliderCenter .mainSlid .sliderRight img{margin: 0 0 0 90px;}
.conts2 .sliderCenter .mainSlid .sliderRight div{min-width: 1095px !important;margin: 33px 0 0 -37px;cursor: pointer;overflow: unset !important;}
.conts2 .sliderCenter .mainSlid .sliderRight .slideImg{float:left;}
.conts2 .sliderCenter .mainSlid .sliderRight .slideTit1{color: #1f71d7;font-weight: bold;padding: 0 0 39px 0;font-size: 24px;letter-spacing: -1px;}
.conts2 .sliderCenter .mainSlid .sliderRight p{font-size: 16px;}
/* .conts2 .sliderCenter .mainSlid .sliderRight a{font-size: 17px;padding-top: 30px;border-bottom: 1px solid #cad5e7;} */
.conts2 .sliderCenter .mainSlid .sliderRight a{/* height:420px; */display:inline-block;}
.conts2 .sliderCenter .mainSlid .sliderRight a:hover{font-weight:bold;color:#000;cursor:pointer;}
.conts2 .sliderCenter .mainSlid .sliderRight .mark{font-weight: bold;color: #555;}

.conts3{width: 1300px;margin: 0 auto;} 
.conts3 .infoBox .infoList{margin-bottom: 165px;}
.conts3 .infoBox .infoList .infoTit{font-size: 50px;font-weight: bold;margin:170px 0 94px 609px;}
.conts3 .infoBox .infoList ul{height: 260px;width: 1300px;margin: 0 auto;}
.conts3 .infoBox .infoList ul li{width: 470px;line-height: 43px;padding-right: 130px;}
.conts3 .infoBox .infoList ul li:last-of-type{padding-right:0;width: 350px;}
.conts3 .infoBox .infoList ul li em{border-top: 1px solid #b7b7b7;color: #1f71d7;font-weight: bold;font-size: 18px;padding-top: 18px;}
.conts3 .infoBox .infoList ul li .date{padding-top: 37px;color: #b1b1b1;}
.conts3 .infoBox .infoList ul li a{font-size: 20px;color: #000;font-weight: bold;display: inline-block;height: 50px;}
.conts3 .infoBox .infoList .viewBt{margin: 90px 0 0 650px;font-weight: bold;font-size: 18px;}

.conts3 .infoBox .location{height: 530px;margin: 118px 0 0 0;}
.conts3 .infoBox .location .lcTxt ul.txt{height: 469px;background: #071f45;width: 499px;color: #fff;padding: 40px 0 0 40px;border-radius: 40px 0 0 0;}
.conts3 .infoBox .location .lcTxt ul.txt li.txt2{padding: 22px 0 35px 0;font-size: 40px;}
.conts3 .infoBox .location .lcTxt ul.txt li.txt3{padding: 0 0 95px 0;font-size: 18px;color:#bfbfbf;}
.conts3 .infoBox .location .lcTxt ul.txt li.txt4{cursor: pointer;font-size: 18px;border-bottom: 1px solid #ddd;width: 87px;padding-bottom: 6px;color:#bfbfbf;font-weight:bold;}
.conts3 .infoBox .location .lcTxt ul.lcImg{width:800px;}
.conts3 .infoBox .location .lcTxt ul.lcImg img{border-radius: 0 40px 0 0;height: 470px;}
.conts3 .infoBox .location .lcTxt ul.lcImg li{line-height: 42px;font-size: 23px;}

#sliderBox2 {position: absolute;}
.conts4{width: 1300px;height: 90px;}
.conts4 .sliderRight{min-width:200px !important;}
.conts4 .sliderRight img{width: 220px;height: 66px; border: 1px solid #dbdbdb; margin-top: 6px; }
.conts4 .sliderRight div{min-width: 270px !important;height: 78px !important;cursor: pointer;}

.contentLi.re1{text-align: right;font-size: 13px;}
.contentLi.re1 .signBtn input{font-size: 13px;height: 34px;width: 228px;border: none;background: #e7e7e7;}


.tremsBox{line-height: 40px; margin:0 auto;}

.terms{margin: 65px 0 0 0;padding-bottom: 8px;}
.terms.re5{margin:-140px 0 0 0;}
.videoTit {
	border-bottom: 2px solid #000066;
    background: url(/images/antiviral/subBg4.jpg) no-repeat 146px 13px;
    margin-top: 94px;
    margin-bottom: 28px;
    padding: 24px 5px;
}
.videoTit.videobg {
    background: url(/images/antiviral/subBg4.jpg) no-repeat 146px 42px;
	margin-top: 8px;
}
.terms.termsFlex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.tremsY{
	display: flex;
	justify-content: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.tremsY .label{margin-right: 733px}
.tremsY .agreedCk {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #000;
	font-size: 20px;
	margin-left: auto;
}
.tremsY .agreedCk span {
	display: inline-block;
}
.tremsUl{border: 1px solid #6a6a6a;padding: 0 0 33px 31px;}
.tremsUl .tremsTit{font-size: 16px;font-weight: bold;margin: 27px 0 -2px;}
.tremsUl.re{padding: 0 0 0 0;margin-bottom: 25px;border: none;background: #f2f4ff;border-bottom: 2px solid #e1e1e1;}
.tremsUl.re .login_join.re {
	height: 48px;
	line-height: normal;
}
.tremsUl.re1{border: none;line-height: 33px;}
.tremsUl.re1 .pernalILi{border: 1px solid #ddd;padding: 16px 17px;line-height: 26px;border-radius: 4px;background: #f9f9f9;}
.tremsUl.re1 .tremsTit{color: #0055d5;font-size: 18px;margin:45px 0 16px 0;}
.tremsUl.re1 .tremsTit.re{color:#000;}


.tremsBox2{width:800px;margin:0 auto;margin-bottom: 10px;}
.tremsBox2.selfSurvey, .tremsBox2.certAppl, .tremsBox2.qalist{
	width: 100%;
}

.subContencs .btn_wp.re2 {
	text-align: center;
}

.selfSpan {
	display: inline-block;
	margin-bottom: 30px;
}
.tremsBox2.row{width: 100%;}

.tremsBox2 .btn_wp{width: 108px;}

.tremsBox2.cancel-area .btn_wp {width: 240px;display: flex;gap: 20px;}
.tremsBox3{width: 1000px;margin: 0 auto;}
.tremsBox4{width: 1000px;margin: 0 auto;}

.tremsUl.re li{display: inline-block;vertical-align: middle;}
.tremsUl.re li.termsLi{width:20%;text-align: center;border-right: 1px solid #8f8f8f;font-weight: bold;color: #000;margin-right: 60px;}
.tremsUl.re li.termsTx{width: 37%;line-height: 27px;}
.tremsUl.re li input{margin: 35px 0 35px 120px;}

.terms li.termsTit{font-size: 28px;font-weight: 700;color: #000066;border-bottom: 2px solid;margin-bottom: 28px;padding: 24px 5px;background: url(/images/antiviral/subBg4.jpg)no-repeat 146px 13px;margin-top: 94px;}
.terms li.termsTit.termsModi {
	font-size: 28px;
	font-weight: 700;
	color: #000066;
	border-bottom: none;
	background: none;
	margin: 0;
	padding: 0;
}
.termsFlex.flexBox {
	justify-content: flex-end;
	gap: 20px;
}
.termsFlex .btn.line::after {
	top: 12px;
	right: -10px;
}
.termsFlex .btn.on {
	color: #000066;
	font-weight: 600;
}
.terms li.termsTit .subtitM{margin: 11px 0 0 468px;color: #000;letter-spacing: 5px;font-size: 45px;}
.terms li.termsTit.re4{font-size: 23px;margin: 38px 0 0 0;border-bottom: 1px solid #202356;}



.terms li.termsTit.re3{font-size: 23px;border-bottom: 2px solid #000;padding-bottom: 10px;margin: 0 0 16px 0;background: none;}
.terms li.termsTit.re3.re{margin-top: 6px;}

.terms li.termsTit.re3.re1{margin: -46px 0 16px 0;}
/* .terms li.termsTit.re4{margin: 30px 0 84px 0;color: #07272a;} */
.terms li.termsTit.re4.re{margin: 82px 0 0 0;}
.terms1 li.tremsTit.re5{font-size: 18px;font-weight: bold;margin: 12px 0 0 0;color:#000;}

.terms li.termsTit01{font-size: 28px;font-weight: 700;color: #000066;border-bottom: 2px solid;margin-bottom: 109px;padding: 30px 5px;/* margin-top: 100px; */}
.terms li.termsTit01.re{margin-bottom: -3px;}
/* .terms li.termsTit01.re4{font-size: 23px;margin: 38px 0 0 0;border-bottom: 1px solid #202356;} */
.terms li.termsTit01.re2{color: #492666;}
.terms li.termsTit01.re3{font-size: 19px;border-bottom: 2px solid #000;padding-bottom: 10px;}
.terms li.termsTit01.re4{margin: -84px 0 84px 0;color: #07272a;}
.terms li.termsTit01.re4.range{margin: -17px 0 67px 0;}
.terms li.termsTit01.re4.range01{margin: -44px 0 70px 0;}
.terms li.termsTit01.re5{border-bottom: none;font-size: 25px;color: #000;font-weight: normal;}

.terms.re{margin: 30px 0 70px 0;text-align: center;background: #bbb;border-radius: 50px;color: #060606;padding: 5px 0;font-size: 15px;}
.terms.re .agree{font-size: 16px;letter-spacing: 1px;color: #fff;background: #4e4e4e;width: 321px;text-align: center;border-radius: 43px;}
.terms.re1{width: 100%;padding: 65px 0 0 239px;}
.terms.re1 li{width: 340px;}
.terms.re2{margin: -137px 0 0 0;height: 132px;}

.termsTit1{font-size: 17px;margin: 28px 0 8px 0;color: #000;font-weight: 700;}
.termsTit1.re{margin: 44px 0 0 0;font-size: 24px;color: #0055d5;}
.termsTit1.re:first-of-type{margin-top:0;}
.termsTit1.re1{text-align: center;display: inherit;font-size: 26px;margin: 0 0 29px 0;}

.institution{margin: 36px 0 27px 0;}
.institution li{display: inline-block;width: 17%;text-align: center;height: 50px;line-height: 50px;border-radius: 6px;border: 1px solid #ddd;}
.institution li:hover{background: #745791;color:#fff;}
.institution li.active{background: #42474b;}
.institution li.active a{color:#fff;}
.institution li a{color:#000;font-size:16px;}
.institution li a:hover{color: #fff;}
.institution li em{color:#98a9ff;}

.institutionUl{position:relative;}
.institutionUl li.instiLi{border: 1px solid #bdbdbd;width: 240px;text-align: center;height: 60px;border-radius: 7px;line-height: 60px;}
.institutionUl li.instiLi.re{margin: 0 0 70px 0;background: #5c6999;color: #fff;height: 60px;line-height: 60px;font-size: 17px;width:240px;}
.institutionUl li.instiLi.re:after{position:absolute;content:'';top:71px;left:97px;background:url("/images/antiviral/allow2.jpg")no-repeat 0 0;width:48px;height:44px;}
.institutionUl li.instiLi.re:before{position:absolute;content:'';top: 155px;left: 260px;background:url("/images/antiviral/allow3.jpg")no-repeat 0 0;width:48px;height:13px;}
.institutionUl li.instiLi.re1{float:left;}
.institutionUl li.instiLi.re2{float:right;}
.institutionUl li.instiTit{background:#f4f6ff;height: 44px;line-height: 44px;border-radius: 10px 10px 0 0;}

.institutionCt{margin: 0px 0 29px 0;}
.institutionCt li.tit{font-weight: bold;color: #000066;font-size: 24px;margin: 0 0 19px 0;}
.institutionCt li.tit img.visitImg{width:4%;vertical-align:middle;margin-right: 13px;}
.institutionCt li.tit.blue01{font-size: 21px;color: #062576;}
.institutionCt li.tit.re{margin: 57px 0 5px 0;}
.institutionCt li.tit.re1{font-weight: normal;font-size: 16px;line-height: 30px;margin-bottom: 54px;}
.institutionCt li.tit.re1 .dutyEm.re{margin:0 0 0 26px;}
.institutionCt li.tit.re2{margin: 57px 0 0 0;}
.institutionCt li.tit.re3{margin: 124px 0 0 0;}
.institutionCt li.cont{line-height: 30px;margin-bottom: 55px;}
.institutionCt li.cont.re{line-height:31px;}
.institutionCt li.cont.re1{line-height:40px;}
.institutionCt li.cont.re2{margin:0;}
.institutionCt li.cont.re10{color: #555;}
.institutionCt li.cont.re10.re{margin: 8px 0 11px 0;color: #1b1b1b;font-weight: 700;}

.institutionCt.re{
	width: 595px;
	margin-top: 42px;
}

.institutionDiv{/* margin-top: 96px; */border: 1px solid #ddd;padding: 49px 0;/* margin-top: 25px; */border: 1px solid #ddd;padding: 44px 84px 30px 0;}
.institutionDiv .institutionUl.re{width:565px;margin: 0 auto;height:200px;margin-bottom: 70px;}
.institutionDiv .institutionUl.re1{width: 40%;height: 101px;display: inline-block;margin-bottom: 33px;text-align: center;margin-left: 113px;border: 1px solid #ededed;border-radius: 10px;line-height: 52px;}
.institutionDiv.re{
	display: flex;
	gap: 9px;
	border: none;
	padding: 0;
	margin-bottom: 60px;
}
.institutionDiv.re .primaryUl{
	width: 25%;
	height: 610px;
	border: 1px solid #cbd7ff;
}
.institutionDiv.re .primaryUl li{padding:8px;font-weight: 700;}
.institutionDiv.re .primaryUl li.dutyTit{padding:40px 109px 0 32px;text-align: center;color: #2b2b2b;height: 151px;font-size:21px;border-bottom: 1px solid #000;}
.institutionDiv.re .primaryUl li.dutyTit.bgImg01{background: url(/images/antiviral/img17.png)no-repeat  210px 72px;background-size: 20%;}
.institutionDiv.re .primaryUl li.dutyTit.bgImg02{background: url(/images/antiviral/img18.png)no-repeat  210px 72px;background-size: 20%;}
.institutionDiv.re .primaryUl li.dutyTit.bgImg03{background: url(/images/antiviral/img19.png)no-repeat  210px 72px;background-size: 20%;}
.institutionDiv.re .primaryUl li.dutyTit.bgImg04{background: url(/images/antiviral/img24.png)no-repeat  210px 72px;background-size: 20%;}
.institutionDiv.re .primaryUl li.dutyTit.re{background:#ffeae4;color:#555;font-size:18px;}
.institutionDiv.re .primaryUl li.dutyLi{
	height: 422px;
	padding: 40px 20px;
	letter-spacing: -1px;
}
.institutionDiv.re .primaryUl li.dutyLi .dutyEm{margin:0 0 0 4px;}
.institutionDiv.re .primaryUl li.dutyLi .dutyEm.re4{margin: 0 0 0 18px;}
.institutionDiv.re .primaryUl ul.dutySd{line-height: 28px;margin-left: 11px;}

.injusticeDiv{
	margin: 0 auto;
}
.injusticeBox{
	display: flex;
    gap: 44px;
    justify-content: center;
}
.injusticeDiv.re{background: url(/images/antiviral/subBg.jpg)no-repeat 5px -63px;width: 976px;height:677px;}

.injusticeDiv .institutionCt.re1 .qulityBord b{font-size: 18px;letter-spacing: -1px;font-weight: bold;}
.injusticeDiv .institutionCt.re1 .contTopTit{text-align: center;font-size: 41px;margin: 69px 0 86px 0;font-weight: bold;}
.injusticeDiv .institutionCt.re1 .contTopTit.re{font-size: 23px;color: #403c3c;margin:20px 0 28px 0;}
.injusticeDiv .institutionCt.re1 .dateLi{text-align:center;font-size:18px;}
.injusticeDiv .institutionCt.re2{
	width: 100%;
	height: 1360px;
	background:url("/images/antiviral/subBg3.png")no-repeat 0 0;
	color: #555;
	text-align: center;
	margin: 0 auto;
}
.injusticeDiv .institutionCt.re2 .contTopTit{text-align: center;font-size:40px;margin: 23px 0 86px 0;font-weight: bold;padding: 124px 0 0 0;color: #15161a;}
.injusticeDiv .institutionCt.re2 .contTopTit .signImg{width: 159px;display: inline-block;vertical-align: middle;}
.injusticeDiv .institutionCt.re2 .cont.re{padding: 0 65px;}
.injusticeDiv .institutionCt.re2 .cont.re1{padding: 0 62px;line-height: 32px;}
.injusticeDiv .institutionCt.re2 .cont.re1 .dutyEm.re{margin:0 0 0 23px;}
.injusticeDiv .institutionCt.re2 .block{font-size: 19px;margin: 82px 0 0 0;}
.injusticeDiv .institutionCt.re2 .dateLi{text-align: center;margin: 69px 0 -123px 0;font-size: 20px;}
.injusticeDiv .TiemList{text-align: center;height: 42px;margin: 22px 0;}
.injusticeDiv .TiemList span{width:264px;display:inline-block;padding: 0 40px;border: 1px solid #c7c7c7;color: #000;font-weight: bold;}
.injusticeDiv .TiemList span img{padding: 11px 0 0 0;width: 110px;}
.injusticeDiv .TiemList span.img{padding:0;}
.injusticeDiv .TiemList span.img img{width:160px;}
.injusticeDiv .TiemList.re{margin:62px 0 25px 23px;}
.injusticeDiv .TiemList.re li{float:left;width:50%;}
.injusticeDiv .TiemList.re li.margin17{margin: 0 0 0 -5px;}
.injusticeDiv .TiemList.re1 li{float:left;width:50%;}
.injusticeDiv .TiemList.re1 li.margin15{margin:0 0 0 -17px;}
.injusticeDiv .TiemList.re1 li span{display: inline-block;margin:12px 0 15px 69px;width: 47%;}
.injusticeDiv .TiemList.re2 li{float:right;width:50%;}
.injusticeDiv .TiemList.re2 li span{margin: 0 0 0 67px;width: 45%;}
.injusticeDiv .TiemList.re3{margin: 60px 0;}
.injusticeDiv .TiemList.re4{margin:46px 0 -11px 0;}
.injusticeDiv .TiemList.re5{margin: 68px 0 0 46px;}
.injusticeDiv .TiemList.re5 li{float:left;width:50%;}
.injusticeDiv .TiemList.re5 li.margin16 span{width: 230px;margin:18px 0 0 -1px;}
.injusticeDiv .TiemList.re5 li span{width: 180px;margin: 0 0 0 -33px;}
.injusticeDiv .TiemList.re5 li span.organiSpan{margin: 30px 0 25px -398px;}
.injusticeDiv .TiemList.re6 li span{margin: 0 0 0 115px;width: 180px;}
.injusticeDiv .TiemList.re7 li span{background: #3380ba;width: 454px;border-radius: 56px;height: 53px;font-size: 18px;color: #fff;line-height: 52px;}
.injusticeDiv ul.lcImg.re iframe{width:100%}

.organizationTabel{width:800px;margin:0 auto;}
.organizationTabel .tableBox.re5{width: 100%;margin-top: 100px;}
.organizationTabel .tableBox.re5 tr.last{border-bottom: 1px solid #a9a9a9;}
.organizationTabel .tableBox.re5 th{border-top: 1px solid #a9a9a9;border-left: 0;border-right: 1px solid #a9a9a9;background: #e2ecf5;border-bottom: none;}
.organizationTabel .tableBox.re5 th:last-of-type{border-right:none;}
.organizationTabel .tableBox.re5 td{font-size: 13px;height:30px;line-height:33px;border-right:1px solid #a9a9a9;}
.organizationTabel .tableBox.re5 td:last-of-type{border-right:none;}
.organizationTabel .tableBox.re5 td img{width:15px;}
.organizationTabel abb{font-size: 13px;margin: 16px 0 0 0;display: inline-block;}

.historyBg{background:url(/images/antiviral/subBg5.jpg)no-repeat 104px 11px;height: 469px;}
.historyBg ul{width: 30%;font-size: 15px;line-height: 30px;float: left;}
.historyBg ul.historyUl{margin: 51px 0 0 596px;color: #fff;padding: 9px 7px 15px 24px;letter-spacing: -1px;}
.historyBg ul.historyUl.re{margin:60px 47px 1px 379px;font-size: 19px;letter-spacing: -1px;font-weight: bold;color:#353e74;width: 100%;}
.historyBg ul.historyUl.re li{float: left;margin-right: 130px;}
.historyBg ul.historyUl.re1{color:#353e74;margin: 25px 0 0 104px;font-weight: bold;}

/* 기술위원회/공평성위원회 */
.historyBg.re{
	background: url(/images/antiviral/bg-commission.png) no-repeat 100% / cover;
	height: 840px;
}
.historyBg.re ul.historyUl{
	margin: 182px 0 66px 156px;
}
.historyBg.re ul.historyUl.re{
	margin: 22px 0 31px 108px;
}
.historyBg.re ul.historyUl.re2{
	color: #353639;
	margin: 26px 0 31px 160px;
}
/* 2024 */
.historyBg.re ul.historyUl.re.next {
   margin: -256px 0 31px 654px;
}
.historyBg.re ul.historyUl.re4 {
	margin: -614px 0 31px 694px;
	position: relative;
}
.historyBg.re ul.historyUl.re4::after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 14px;
	width: 280px;
	height: 1px;
	background-color: #fff;
}
.historyBg.re ul.historyUl.re5 {
   margin: -466px 0 31px 694px;
}
.historyBg.re ul.historyUl.re6 {
	color: #353639;
	margin: -144px 0 31px 700px;
	position: relative;
}
.historyBg.re ul.historyUl.re6.bordernone {
	margin-top: -316px;
	margin-left: 1064px;
	position: inherit;
}
.historyBg.re ul.historyUl.re6.bordernone::before {
	position: inherit;
	width: 0;
	height: 0;
	background-color: transparent;
}
.historyBg.re ul.historyUl.re6::before {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 14px;
	width: 280px;
	height: 1px;
	background-color: #000;
}
.historyBg.re ul.historyUl.re7 {
	color: #353639;
    margin: 26px 0 31px 700px;
}
.historyBg.re ul.historyUl.re8 {
	color: #353639;
	margin: -138px 0 31px 1064px;
}

.processBox{
	background: #fbfbfb;
	margin: 95px 0 35px 0;
}
.process{
	width: 1300px;
	margin: 0 auto;
	text-align: center;
	background: url(/images/antiviral/subBg2.jpg)no-repeat 0 -16px;
}
.process ul{ width: 22%;display: inline-block;vertical-align: top;margin-right: 126px;margin: 0 63px;}
.process ul li.processTop{border: 3px solid #3a6db9;font-size: 21px;font-weight: bold;width: 331px;margin: 0 0 0 -25px;color: #3a6db9;}
.process ul li.processTop.re{border: 3px solid #17375e;color: #17375e;margin: 0 0 0 -18px;}
.process ul li.processTop.re1{border: 3px solid #2e75b6;color: #2e75b6;margin: 0 0 0 -16px;}
.process ul li.processTop.re1.feeb3{margin: 149px 0 58px -17px;}
.process ul li.processTop.re2{border: 3px solid #7ec3d8;color: #7ec3d8;margin: 0 0 0 -16px;}
.process ul li.processTop.re2.feeb2{margin: 117px 0 0 -17px;}
.process ul li.agent{background:url("/images/antiviral/bg01.png")no-repeat 0 0;margin: 45px 0;color: #fff;}
.process ul li.agent.re{background:url("/images/antiviral/bg05.png")no-repeat 0 0;margin: 45px 0;color: #1c1c1c;}
.process ul li.agent.re.feeb{margin: 133px 0 100px 0;}
.process ul li.agent.re1{background:url("/images/antiviral/bg03.png")no-repeat 0 0;margin: 45px 0;color: #fff;}
.process ul li.agent.re1.feeb1{margin: 100px 0 0 0;}
.process ul li.agent.re2{background:url("/images/antiviral/bg02.png")no-repeat 0 0;margin: 45px 0;color: #fff;}
.process ul li.agent.re3{background:url("/images/antiviral/bg04.png")no-repeat 0 0;margin: 45px 0;color: #fff;}

.process ul.guidUl{width: 6%;margin: 82px -18px 0 -50px;padding: 0 0px 0 8px;font-weight: bold;line-height: 42px;font-size: 12px;letter-spacing: -1px;}
.process ul.guidUl .guid1{margin: 42px 0 62px 0;}
.process ul.guidUl .guid2{margin: 44px 0 99px 0;}
.process ul.guidUl .guid3{margin: 76px 0 26px 0;}
.process ul.guidUl01{width: 6%;margin: 82px -18px 0 -50px;padding: 0 0px 0 8px;font-weight: bold;line-height: 42px;font-size: 12px;letter-spacing: -1px;}
.process ul.guidUl01 .guid4{margin: 329px 0 48px 0;line-height: 17px;letter-spacing: -1px;}
.process ul.guidUl01 .guid5{letter-spacing: -2px;margin: 0 0 0 2px;}
.processImg{background: url(/images/antiviral/img15_1.png)no-repeat 57px 77px;width: 100%;height: 314px;}
.processImg .procImgUl{text-align: center;margin:-45px 0 0 0;font-weight: bold;padding: 157px 206px 0 0;}
.processImg .procImgUl li{float: left;margin: 39px 81px 0 72px;}
.processImg .procImgUl li.procLi.re{margin: 17px 14px 0 56px;color: #505050;border-radius: 38px;width: 247px;}
.processImg .procImgUl li.procLi.re1{margin: 38px 84px 0 78px;}
.processImg .procImgUl li.procLi.re2{margin: 36px 0 0 68px;}
.processImg img{width: 69%;margin: 126px 0 73px 0;}
.processImg.re{background: url(/images/antiviral/img15.png)no-repeat 57px 77px;width: 100%;height: 386px;}

.processUl{width:30%;}
.processUl li{width: 280px;}
.processUl01{width:30%;}
.processUl02{width:30%;}

.need .needTit{font-size: 25px;font-weight: bold;color: #4a057c;text-decoration: underline;margin: 66px 0 35px 0;display: inline-block;}
.need .needImg{background: url(/images/antiviral/img13.png)no-repeat 48px 30px;height: 427px;padding: 135px 31px 0 53px;margin:62px 0 125px 0;}
.need .needImg ul{
	display: inline-block;
	width: 20%;
	line-height: 32px;
	text-align: center;
	margin: 12px 0 0 20px;
	padding: 0 39px;
}
.need .needImg ul li.bold{margin: -37px 0 25px 0;font-size: 21px;text-align: center;color: #000;}
.need .needImg ul li.needLi{line-height: 23px;padding-top: 11px;}
.need .needImg.re{background: url(/images/antiviral/img14.png)no-repeat 59px 205px;height:820px;padding: 10px 3px 0 91px;}
.need .needImg.re ul{width: 36%;margin: 0 -15px 0 -34px;}
.need .needImg.re ul.margin18{float: left;margin:-45px 0 45px 399px;background: #f3f8ff;padding: 28px 16px 29px 26px;border-radius: 30px;font-weight: bold;color: #000;width: 32%;font-size: 17px;letter-spacing: -1px;line-height: 41px;}
.need .needImg.re ul.margin18 span{font-size: 14px;margin: -12px 0 0 21px;display: block;}
.need .needImg.re ul.margin19{width: 24%;background: #f3f8ff;margin: 152px 476px 0 -781px;padding: 22px 0 26px 28px;border-radius: 30px;font-weight: bold;color: #000;vertical-align: 110px;font-size: 17px;letter-spacing: -1px;line-height: 41px;}
.need .needImg.re ul.margin20{width: 22%;background: #f3f8ff;margin: 142px -338px 0 81px;padding: 26px 0 28px 28px;border-radius: 30px;font-weight: bold;color: #000;vertical-align: -23px;font-size: 17px;letter-spacing: -1px;line-height: 41px;float:left;}
.need .needImg.re ul.needEffect{width:100%;position:relative;}
.need .needImg.re ul.needEffect li{
	position:absolute;
	display: inline-block;
	width: 29.2%;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #171717;
}
.need .needImg.re ul.needEffect li.eff01{top: -1px;left: -2px;}
.need .needImg.re ul.needEffect li.eff02{top: -151px;left: 416px;}
.need .needImg.re ul.needEffect li.eff03{top:-3px;left: 832px;}
.need .needImg.re .effectSpan{margin: 169px 0 0 442px;display: inline-block;font-size: 24px;width: 23%;text-align: center;line-height: 41px;font-weight: bold;color: #383838;}
.need .needImg.re .effectSpan.re{margin: 10px 0 0 515px;font-size: 14px;width: 10%;color:#606060;line-height:20px;}

.boardBox{margin-bottom: 64px;}
.boardBox .totalPage{font-size: 14px;color: #7c7c7c;margin: 0 0 -22px 7px;}
.boardBox .totalPage li{display: inline-block;}
.boardBox .totalPage li b{font-size: 16px;font-weight: bold;color: #b909ff;}

.ftBox{margin-top: 23px;height:220px;background:#42474b;color:#fff;padding: 49px 0 0 0;line-height: 26px;font-size: 14px;min-width:1472px;}
.ftBox .ftLeft{width: 1300px;margin: 0 auto;}
.ftBox .ftLeft .infoLine{width:1300px;margin:0 auto;}
.ftBox .ftLeft .infoLine ul.info li{padding: 0 17px 30px 0;}
.ftBox .ftLeft .infoLine ul.info li a{color: #75e4fb;}
.ftBox .ftLeft .infoLine ul li.sel{margin-right: 5px;position: relative;}
.ftBox .ftLeft .infoLine ul li.sel:after{content:'';position:absolute;width:16px;height:14px;top:11px;right:15px;background:url("/images/antiviral/allow1.png")no-repeat 0 0;}
.ftBox .ftLeft h2{width: 87px;}
.ftBox .ftLeft ul.ulLeft li.copy{font-size: 12px;color: #959595;}

.date{font-size: large; font-weight: bolder; text-align: center;margin: 40px 0 22px 0;}
.subContencs{
	width:1442px;
	margin:0 auto;
}

.ciUl li{display: inline-block;vertical-align: middle;padding: 0 19px;font-size: 16px;}
.ciUl li.margin01{margin: 0 97px 0 36px;}
.ciUl li.margin01 abbr{font-size: 23px;color: #007dbe;font-weight: bold;margin: 0 0 0 -30px;display:block;text-align: center;}
.ciUl li.margin01 button{width: 127px;height: 37px;background: #131520;border: none;color: #fff;border-radius: 5px;margin: 24px 0 0 7px;}
.ciUl li.margin01.re{margin: 75px 0 63px -20px;width: 100%;text-align: center;}
.ciUl li.margin01.re abbr{margin: 0 0 0 51px;text-align: center;display: inline-block;width: 74%;}
.ciUl li.margin01.re button{margin: 19px 0 0 44px;}
.ciUl li.margin01.re1{width: 100%;text-align: center;margin-bottom: 83px;} 
.ciUl li.margin01.re1 abbr{margin: 0 0 0 -3px;text-align: center;display: inline-block;width: 74%;}
.ciUl li.margin01.re img{width: 103%;}
.ciUl li.margin02{width: 72%;line-height: 30px;}
.ciUl li.margin02.re{width:100%;}
.ciUl li.margin02.re1{margin-left: 320px;}
.ciUl li img{display: block;margin: 0 0 16px 0;}
.ciUl li img.ciImg02{display: inline-block;}
.ciUl.re{width: 45%;float: left;margin: 0 30px;padding: 36px 6px 0;}

.ci .simbol {margin-bottom: 59px;padding-bottom: 70px;border-bottom: 1px solid #d9d9d9;}
.ci .simbol.re{height: 969px;margin: -81px 0 71px 0;}


.displayflexOn{margin: 0 0 0 314px;}

.search_input{display: inline-block;margin: 0 0 0 640px;/* width: 100%; */}
.search_input select{
	width: 148px;
	line-height:37px;
	border: 1px solid #ededed;
	padding: 0 22px;
}
.search_input input.search{
	width: 46%;
	height: 37px;
	padding: 0 10px;
	border: 1px solid #ededed;
}
.search_input input.btn-custom-normol-bag{width: 13%;height: 39px; line-height:39px; border: 1px solid #ddd;background: #f3f5ff;}

.goToC .goToView{position:relative;width: 1300px;margin: 0 auto;margin-top: 96px;text-align: center;}
.goToC .goToView span{font-size: 36px;margin: 45px 0 98px 0;display: inline-block;color: #000;line-height: 50px;}
.goToC .goToView span b{font-weight: bold;color: #16a778;}
.goToC .goToView ul{color:#555;width: 27%;display: inline-block;margin-right: 47px;line-height: 33px;padding: 46px 35px 50px 35px;border: 3px solid #979797;border-radius: 10px;text-align: left;height: 416px;vertical-align: middle;}
.goToC .goToView ul li.gotoCont{line-height: 24px;padding: 18px 0 0 0;}
.goToC .goToView ul li.gotoCont.re{margin:18px 0 21px 0;}
.goToC .goToView ul li.gotoTit{font-size: 22px;margin: 0 0 26px 0;font-weight: bold;color: #000;text-decoration: underline;}
.goToC .goToView ul li.gotoTit img.gotoImg{position: absolute;width: 104px;top: 273px;right:937px;}
.goToC .goToView ul li.gotoTit img.gotoImg01{position: absolute;width: 135px;top: 278px;right: 121px;}
.goToC .goToView ul li.plusC{background: #4c335c;text-align: center;margin: 33px 0 0 0;border-radius: 34px;height: 42px;line-height: 42px;}
.goToC .goToView ul li.plusC a{color:#fff;}

.filebox-area{width: 65%;}
.certAppl .filebox-area{
	width: 100%;
}

#subimgDrop{width: 500px;height: 100px;border: 1px dotted gray;background-color: #fff;margin: 12px;text-align: center;padding: 10px 0;color:#000;font-size: 20px;line-height: 80px;}
.certAppl #subimgDrop {
	width: 100%;
}
.qawrap #subimgDrop {
	width: 90%;
}

.uploadedList h2{font-size: 16px;display: inline-block;font-weight: bold;}

.uploadedList li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.uploadedList li small{cursor: pointer;color: red;}
.uploadedList li span{
	/* margin: 0 10px 0 0;
	font-size: 15px; */
    display: inline-block;
    width: 400px;
    font-size: 15px;
    line-height: 24px;
    word-break: keep-all;
	margin: 0 10px 0 0;
}
.ftSize10.re{
margin: 0 5px 0 550px;
}
.ftSize10 a {
    color: #000;
}
.ftSize10, .ftSize10.re {
    border: 2px solid #000;
}
button.btnAdd {
    height: 36px;
    line-height: 36px;
    color: #fff;
    border: 1px solid #fff;
	padding: 0 6px;
}

button.btnTodo.re7.btnline {
	width: 112px;
	height: 48px;
	line-height: 18px;
	padding: 0 10px;
	cursor: pointer;
}
button.btnTodo.re7.btnline:first-child {
	margin-right: 6px;
}
button.btnTodo.re7.btnline:nth-child(2) {
	margin-right: 6px;
}