@media screen and (max-width:1700px){
	/* common */
	.w1700{ padding: 0 20px;}

	header .headerBox{ margin: 20px 20px 0;}

	#allWrap #allGnb #gnb > li{ padding: 30px 0;}
}

@media screen and (max-width:1600px){
	/* common */
	.font100{ font-size:80px; }
	.font70{ font-size:60px; }
	.font64,.font62{ font-size:50px; }
	.font50,.font48{ font-size:40px; }
	.font40{ font-size:35px; }

	.w1600{ padding: 0 20px;}

	header .headerBox{ padding: 0 20px;}

	#allWrap .allTop{ margin: 40px 20px;}
	#allWrap #allGnb #gnb > li > a{ margin-right: 50px; font-size:40px; }
	#allWrap #allGnb #gnb .depth2{ flex-wrap:wrap; gap:10px; }

	/* main */
	.main .visual .slideWrap .slideBox .swiper-slide .txtBox{ padding: 0 20px;}
	.main .visual .scrollBox{ left: 20px;}
	.main .visual .slideWrap .slideNext{ right: 20px; width: 100px; height: 100px;}

	.main .medicine .imgBox{ width: 50%;}

	.main .research .imgBox .circle .txt{ padding-left: 30px;}
	.main .research .txtBox{ margin-right: 50px;}

	/* sub */
	.genomic section.overview .ctnBox .txtBox .txt br{ display:none; }
	.genomic section.overview .ctnBox .imgBox{ flex-shrink:0; width: 50%;}

	.genomic section.works > div > .txtBox .titleBox{ margin-right: 50px;}
}

@media screen and (max-width:1600px){
	/* Guardant Health */
	#guardant .lineup .table tbody td br{ display: none; }
}

@media screen and (max-width:1400px){
	/* common */
	header .headerBox #gnb > li > a{ padding: 0 30px;}

	#intro .content .ctnBox{ padding: 0 30px 150px;}
	#intro .content .ctnBox .bgTxt{ width: 80%;}

	/* main */
	.main .toolkit .ctnBox .topBox .itemBox:not(:last-child){ margin-right: 200px;}
	.main .toolkit .ctnBox .topBox .itemBox .circleBox{ width: 300px; height: 300px;}
	.main .toolkit .ctnBox .btmBox .itemBox{ width: 200px; height: 200px;}

	.main .new .ctnBox .itemBox .txtBox{ padding: 50px 0;}
	.main .new .ctnBox .itemBox .txtBox .title{ padding: 0 50px; margin-bottom: 50px;}
	.main .new .ctnBox .itemBox .txtBox .txt{ padding: 0 20px;}
	.main .new .ctnBox .itemBox .txtBox .txt br{ display:none; }

	/* sub */
	.board .content .selectBox{ flex-wrap:wrap; gap:15px;}
	.board .content .selectBox .Box{ width: calc((100% - 15px) / 2); margin-right: 0;}
	.board .content .selectBox .inputBox{ width: 100%; } 

	.genomic section.insurance .ctnBox .item2{ width: 65%;}
	.genomic section.insurance .ctnBox .item3{ width: calc( 35% - 20px);}

	#angle section.down .ctnBox{ gap:30px; }
	#angle section.down .ctnBox .itemBox{ width: calc((100% - 30px) / 3);}

	

	/* [Guardant Health] - [자료] */
	#gaurResources .content .selectBox .Box{ width: calc((100% - 15px) / 2); }
	#gaurResources .content .selectBox .inputBox{ width: 100%; }

	/* Guardant Health */
	#guardant .graidTable br, 
	#guardant .consignment br{ display: none; }
}

@media screen and (max-width:1200px){
	/* common */
	.font100{ font-size:60px; }
	.font70{ font-size:45px; }
	.font64,.font62{ font-size:40px; }
	.font50,.font48{ font-size:35px; }
	.font40{ font-size:32px; }

	header .headerBox{ height: 70px;}
	header .headerBox nav{ display:none; }
	header .headerBox #sideBox .loginBox .wrapBox{ height: auto;}

	#allWrap #allGnb #gnb > li > a{ font-size:35px; }

	#intro .content .ctnBox .popWrap .loginPop,
	#intro .content .ctnBox .popWrap .joinPop{ min-width:auto; width: 90%; padding: 70px 40px; }

	/* main */
	.main .btn a{ font-size: 17px;padding: 13px 30px; padding-right: 28px; }
	.main .btn a i{ width: 20px; height: 20px;margin-left: 10px; }

	.main .toolkit,
	.main .medicine,
	.main .new,
	.main .research{ padding: 100px 0 120px;}
	.main .toolkit h2.title{ margin-bottom: 80px;}

	.main .medicine .arrowBox{ padding: 0 50px;}
	.main .medicine .txtBox{ margin-bottom: 100px;}

	.main .research > div{ flex-wrap:wrap; }
	.main .research .txtBox{ margin-right: 0; width: 100%;}
	.main .research .imgBox{ margin-top: 40px; }
	.main .research .bg{ width: 200px;}

	/* sub */
	#subContents{ padding: 100px 0 120px;}

	#genoSeminar section:not(:first-child){ padding-top: 100px;}
	#genoSeminar .content .ctnBox .itemBox figure{ height: 300px;}

	#sTxt{ margin-bottom: 60px;}

	.imgBoard .ctnBox{ gap: 50px 20px; }
	.imgBoard .ctnBox .itemBox{ width: calc((100% - 40px) / 3);}

	#contact .ctnBox,
	#mypage .ctnBox{ margin-bottom: 70px;}
	#contact .ctnBox dl dt{ width: 150px;}

	#mypage .ctnBox dl dt{ width: 200px; }
	#mypage .ctnBox dl dd .inputBox input{ width: calc(100% / 3);}

	.searchAll section.intro,
	.searchAll section:not(:last-child){ margin-bottom: 100px;}
	.searchAll .intro .searchCtn .searchTab{ flex-wrap:wrap; }
	.searchAll .intro .searchCtn .searchTab li{ width: calc((100% - 30px) / 3); }

	.genomic section.mb{ margin-bottom: 120px; }

	.genomic section.system .ctnBox .itemBox:first-child figure{ width: 30%;}

	.genomic section.works > div > .txtBox{ flex-wrap:wrap; }
	.genomic section.works > div > .txtBox .titleBox{ margin-right: 0; margin-bottom: 30px;}
	.genomic section.works .imgBox img{ width: 50%;}
	.genomic section.works .orderBox{ padding: 30px;}
	.genomic section.works .orderBox .ctnBox{ flex-wrap:wrap; }
	.genomic section.works .orderBox .ctnBox .itemBox{ width: 100%; }
	.genomic section.works .orderBox .ctnBox .itemBox:not(:first-child){ margin: 30px 0 0;}
	.genomic section.works .orderBox .ctnBox .itemBox .txt,
	.genomic section.works .orderBox .ctnBox .itemBox .txt2{ max-width:180px; width: 100%;}
	.genomic section.works .orderBox .ctnBox .itemBox figure{ margin: 0 30px;}
	
	#angle section.guide{ padding-bottom: 100px;}

	#angle section.usefulness,
	#angle section.down{ padding: 100px 0;}

	#angle section.down .ctnBox{ margin: 60px 0;}

	/* graidTable */
	.graidTable th, 
	.graidTable td{ padding: 15px 5px; }

	/* Guardant Health */
	#guardant .overview #sTitle, 
	#guardant .technology #sTitle, 
	#guardant .epigenetics #sTitle{ margin-bottom: 60px; }

	#guardant .lineup .table thead th{ padding: 20px; }
	#guardant .lineup .table tbody .gray td{ padding-block: 10px; } 
	#guardant .lineup .table tbody .border td{ padding-block: 20px; }
	#guardant .lineup .table tbody .border div{ margin-top: 15px; }
	#guardant .lineup .table tbody .border div p:not(:last-of-type){ margin-bottom: 10px; }

	#guardant .consignment ul li span{ height: 65px; } 
	#guardant .consignment ul li .box{ padding: 35px 20px; } 

	/* footer */
	.footer{ display:block; }
	.footer_in .ctnBox{ flex-direction:column; }
} 

@media screen and (max-width:960px){
	/* common */
	.font100{ font-size:50px; }
	.font70{ font-size:35px; }
	.font64,.font62{ font-size:33px; }
	.font50,.font48{ font-size:30px; }
	.font40,.font38,.font36{ font-size:26px; }
	.font32,.font30{ font-size:24px; }
	.font26,.font24{ font-size:22px; }
	.font21,.font20{ font-size:18px; }
	.font19{ font-size:17px; }

	header .headerBox .logo,
	#allWrap .allTop .logo img{ width: 150px;}

	#allWrap .allTop{ margin: 20px 20px;}
	#allWrap #allGnb #gnb > li{ flex-wrap:wrap; }
	#allWrap #allGnb #gnb > li > a{ font-size:30px; min-width: auto; width: 100%; }
	#allWrap #allGnb #gnb .depth2{ margin-top: 20px;}
	#allWrap #allGnb #gnb .depth2 > li > a{ font-size:20px; }
	#allWrap #allGnb #gnb .depth2 > li:not(:last-child){ margin-right: 20px;}
	#allWrap .bg{ width: 200px;}

	#topBtn{ bottom: 35px; right: 20px; }

	#intro .capBox.active figure{ width: 50%;}
	#intro .content{ padding: 30px; clip-path: circle(80px at 50% 50%);}
	#intro .content .ctnBox{ overflow: hidden;}
	#intro .content .ctnBox .titleBox{ text-align: center; }
	#intro .content .ctnBox .txtBox .titleBox span{ font-size:28px; }
	#intro .content .ctnBox .txtBox .btnBox .btn{ width:120px; height: 50px;}
	#intro .content .ctnBox .popWrap .loginPop,
	#intro .content .ctnBox .popWrap .joinPop{ padding: 50px 20px;}
	#intro .content .ctnBox .popWrap .loginPop .logo{ width: 50%; margin: 0 auto;}
	#intro .content .ctnBox .popWrap .loginPop .inputBox > div{ padding: 0 15px;}
	#intro .content .ctnBox .popWrap .loginPop .inputBox p{ min-width: 60px;}
	#intro .content .ctnBox .popWrap .joinPop .inputBox > div{ flex-direction: column; align-items: flex-start; padding: 20px 10px;}
	#intro .content .ctnBox .popWrap .joinPop .inputBox .title{ margin-bottom: 10px;}
	#intro .content .ctnBox .popWrap .joinPop .inputBox i{ top: 64%;}
	#intro .content .ctnBox .popWrap .joinPop .policyBox .scrollBox .w1700{ padding: 0; }
	#intro .content .ctnBox .popWrap .joinPop .infoBox,
	#intro .content .ctnBox .popWrap .joinPop .infoBox ul{ flex-wrap:wrap; }
	#intro .content .ctnBox .popWrap .joinPop .infoBox ul li{ display:flex; align-items:flex-start; }
	#intro .content .ctnBox .popWrap .joinPop .infoBox ul li:not(:last-child){ margin-bottom: 5px;}
	#intro .content .ctnBox .popWrap .joinPop .infoBox{ margin-top: 50px;}
	#intro .content .ctnBox .popWrap .joinPop .infoBox .txtBox{ width: 100%; }
	#intro .content .ctnBox .popWrap .joinPop .infoBox button{ margin: 30px auto 0;}

	/* main */
	.main .btn{ margin-top: 30px; }
	.main .btn a{ padding: 12px 25px; padding-right: 20px; }

	.main .visual .slideWrap .slideNext{ top: 80%;}
	.main .visual .slideWrap .slideBox .swiper-slide .txtBox .txt span br{ display:none; }

	.main .toolkit,
	.main .medicine,
	.main .new,
	.main .research{ padding: 80px 0 100px;}
	.main .toolkit h2.title{ margin-bottom: 60px;}
	.main .toolkit .ctnBox{ display:flex; justify-content: center;}
	.main .toolkit .ctnBox .topBox{ display: flex; flex-direction: column; justify-content: center;}
	.main .toolkit .ctnBox .topBox .wrapBox{ margin-right: 30px;}
	.main .toolkit .ctnBox .topBox .wrapBox,
	.main .toolkit .ctnBox .btmBox{ flex-direction: column;}
	.main .toolkit .ctnBox .topBox .itemBox:not(:last-child){ margin-right: 0; margin-bottom: 100px;}
	.main .toolkit .ctnBox .topBox .itemBox .title{ margin-bottom: 30px;}
	.main .toolkit .ctnBox .topBox .itemBox .circleBox{ width: 200px; height: 200px; }
	.main .toolkit .ctnBox .topBox .itemBox .circleBox img{ width: 100px;}
	.main .toolkit .ctnBox .topBox .plus{ bottom: auto; top: 50%; left: 45%; transform: translate(-50%,-50%);}
	.main .toolkit .ctnBox .topBox .itemBox .circleBox:after{ transform: translateY(-50%); top:50%; left: 100%; width: 30px; height: 1px;}
	.main .toolkit .ctnBox .lineBox{ margin: 75px 0; width: 45px; height: auto;}
	.main .toolkit .ctnBox .lineBox .itemBox{ width: 100%; height: 400px; position: relative; border: 1px solid #ddd; border-radius:20px 0 0 20px;  border-right:none;}
	.main .toolkit .ctnBox .lineBox .itemBox:last-child{ height: 520px; margin-top: -200px; width: 100%;}
	.main .toolkit .ctnBox .lineBox .itemBox span{ top: calc(50% - 1px); left: 0; width: 100%; height: 1px;}
	.main .toolkit .ctnBox .lineBox .itemBox:last-child span{ left: 0;	 top: 198px;}
	.main .toolkit .ctnBox .lineBox .itemBox:last-child span:last-child{ left: 0; top: 359px; }
	.main .toolkit .ctnBox .btmBox{ background: #fff; margin-left: -2px;}
	.main .toolkit .ctnBox .btmBox .itemBox{ width: 150px; height: 150px;}
	.main .toolkit .ctnBox .btmBox .itemBox:not(:last-child){ margin-bottom: 30px;}
	.main .toolkit .ctnBox .btmBox .itemBox img{ width: 60px;}
	.main .toolkit .ctnBox .btmBox .itemBox .txt{ padding: 0 20px; text-align: center;}
	.main .toolkit .ctnBox .topBox .itemBox.active .circleBox:after{ width: 30px; height: 2px;}
	.main .toolkit .ctnBox .lineBox .itemBox.active{ border: 2px solid #3D82D7; border-right:none;}
	.main .toolkit .ctnBox .lineBox .itemBox.type2.active{ border-radius:20px 0 0 20px; border: 2px solid transparent;  border-right:none;}
	.main .toolkit .ctnBox .lineBox .itemBox.active span{ width: 100%; height: 2px;}

	.main .medicine .txtBox{ margin-bottom: 50px;}
	.main .medicine .txtBox .txt2 br{ display:none; }
	.main .medicine .imgBox{ position: relative; top: 0; right: -20px; width: 100%; height: 400px; margin-top: 20px;}
	.main .medicine .imgBox svg{ height: 100%;}
	.main .medicine .arrowBox{ width: 420px; height: auto; padding: 20px 30px;}

	.main .new .ctnBox{ flex-wrap:wrap; }
	.main .new .titleBox .txt br{ display:none; }
	.main .new .ctnBox .itemBox{ width: 100%; height: 350px; }
	.main .new .ctnBox .itemBox .txtBox{ clip-path: inset(30px 25px 200px round 20px);transition:all 0.7s 1s; }
	.main .new .ctnBox .itemBox .arrow{ transform: translateX(-50%) rotate(90deg); top: auto; bottom: -40px; right: auto; left: 50%;}
	
	.main .new .ctnBox .itemBox.aos-animate .txtBox{ clip-path: inset(0 0 0 round 20px);}
	.main .new .ctnBox .itemBox.item3.aos-animate .txtBox{ clip-path: inset(4px 4px 4px round 20px);}

	.main .research .txtBox .titleBox{ margin-bottom: 30px;}
	.main .research .txtBox .txt2 br{ display:none; }

	/* sub */
	#subContents{ padding: 80px 0 100px; overflow: hidden;}

	#sv .subVisual{ height: 450px;}
	#sv .subVisual #lnb li:not(:last-child):after{ margin: 0 5px;}
	#sv .subVisual .gnbBox ul{ flex-wrap:wrap; }
	#sv .subVisual .gnbBox ul li{ width: 50%; height: 65px;}
	#sv .subVisual .gnbBox ul li a{ font-size:18px; }

	#tabBox{ margin-bottom: 40px;}
	#tabBox li{ height: 60px;}

	#sTxt{ margin-bottom: 40px;}

	.board .content .selectBox .Box select, 
	.board .content .selectBox input{ height: 60px;}

	#genoSeminar section:not(:first-child){ padding-top: 80px;}
	#genoSeminar .content .ctnBox{ flex-wrap:wrap; }
	#genoSeminar .content .ctnBox .itemBox{ width: 100%; }
	#genoSeminar .intro p.title{ margin-bottom: 20px;}
	#genoSeminar .apply dl{ flex-wrap:wrap; height: auto; }
	#genoSeminar .apply dl dt{ width: 100%; height: 70px;}
	#genoSeminar .apply dl dd{ width: 100%; height: 80px; }

	.completed .ctnBox{ padding: 80px 20px 100px;}
	.completed .ctnBox figure{ width: 50%; margin: 0 auto;}
	.completed .ctnBox .txtBox{ margin: 40px 0 50px;}

	.imgBoard .ctnBox{ gap: 40px 20px; }
	.imgBoard .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	.imgBoard .ctnBox .itemBox .imgBox{ height: 200px;}
	.imgBoard .ctnBox .itemBox .imgBox .logoBox { bottom: 20px; left: 20px;}
	.imgBoard .ctnBox .itemBox .imgBox .logoBox .logo{ width: 40px; height: 40px;}

	#contact .ctnBox,
	#mypage .ctnBox{ margin-bottom: 50px;}
	#contact .ctnBox dl{ flex-wrap:wrap; }
	#contact .ctnBox dl dt{ width: 100%; height: 70px;  justify-content:flex-start; padding: 0 20px;}
	#contact .ctnBox dl dd{ min-height:70px; }
	#contact .ctnBox dl dd > input{ height: 60px; }
	#contact .ctnBox dl dd textarea { height: 250px;}

	#mypage .ctnBox dl{ flex-wrap:wrap; }
	#mypage .ctnBox dl dt{ width: 100%; height: 70px; border-bottom:1px solid #ddd;  }
	#mypage .ctnBox dl dd{ min-height:70px; }
	#mypage .ctnBox dl dd input{ height: 60px;}
	#mypage .ctnBox dl dd .inputBox input{ width: calc(100% / 3);}

	#apply .btmBox #btnBox{ position: relative; transform:none; top: auto; left: auto; margin-top: 30px;}
	
	.searchAll .intro .searchBox .inputBox{ min-width:auto; width: 95%; height: 70px; padding: 20px 30px;}
	.searchAll section.intro,
	.searchAll section:not(:last-child){ margin-bottom: 80px;}
	.searchAll .intro .searchCtn .searchTab li{ height: 55px; }

	.genomic section.mb{ margin-bottom: 80px; }

	.genomic section.overview .ctnBox { flex-wrap:wrap; }
	.genomic section.overview .ctnBox .imgBox{ width: 100%; margin-top: 40px; }
	.genomic section.overview .ctnBox .txtBox .title span.gradient br{ display:none; }

	.genomic section.system .ctnBox .itemBox:first-child,
	.genomic section.system .ctnBox .itemBox{ padding: 40px 20px; flex-direction:column; width: 100%; }
	.genomic section.system .ctnBox .itemBox figure,
	.genomic section.system .ctnBox .itemBox:first-child figure{ width: 50%;}
	.genomic section.system .ctnBox .itemBox .txt br{ display:none; }
	.genomic section.system .imgBox,
	.genomic section.system .imgBox .txtBox,
	.genomic section.works > .txtBox p{ padding: 40px 20px;}
	.genomic section.system .ctnBox2{ flex-wrap:wrap; justify-content:center; gap:40px 20px; }
	.genomic section.system .ctnBox2 .itemBox{ width: calc((100% - 40px) / 3); }
	.genomic section.system .ctnBox2 .itemBox figure{ height: 40px; margin: 0 auto 20px;}
	.genomic section.system .ctnBox2 .itemBox figure img{ height: 100%;}

	.genomic section.works .arrow{ width: 100%; }
	.genomic section.works .orderBox2 .capBox{ width: calc(100% + 20px); height: 50%;}
	.genomic section.works .orderBox2 .capBox p{ height: 55px;}
	.genomic section.works .orderBox2 .ctnBox { flex-wrap:wrap; }
	.genomic section.works .orderBox2 .ctnBox .itemBox{ width: calc(100% / 3);}
	.genomic section.works .orderBox2 .ctnBox .itemBox dt{ height: 70px; line-height: 70px;}
	.genomic section.works > .txtBox{ padding: 150px 0 80px;}

	.genomic section.insurance .tableBox{ padding: 80px 0 60px;}
	.genomic section.insurance .ctnBox{ padding: 60px 0;}
	.genomic section.insurance .ctnBox .itemBox .imgBox > div{ width: calc(100% / 3);}
	.genomic section.insurance .ctnBox .itemBox .imgBox > div:not(:last-child){ margin-right: 0;}
	.genomic section.insurance .ctnBox .itemBox .imgBox figure{ width: 80px; margin: 0 auto 10px;}
	.genomic section.insurance .ctnBox .itemBox .txt br{ display:none;}
	.genomic section.insurance .ctnBox .item2{ width: 100%; margin-right: 0; margin-bottom: 20px; padding-bottom: 50px;}
	.genomic section.insurance .ctnBox .item3{ width: 100%; }
	.genomic section.insurance .tableBox table td{ padding: 27px 20px;}
	 
	#angle section.guide{ padding-bottom: 80px;}
	#angle section.guide .tableBox table{ display: flex; flex-direction: column; }
	#angle section.guide .tableBox table thead,
	#angle section.guide .tableBox table thead tr,
	#angle section.guide .tableBox table thead th{ width: 100%; display:flex; justify-content:center; align-items:center; }
	#angle section.guide .tableBox table tbody{ display:flex; width: 100%; }
	#angle section.guide .tableBox table tbody tr{ width: calc(100% / 3);}
	#angle section.guide .tableBox table tbody tr:not(.bg){ display:flex; flex-direction:column; }
	#angle section.guide .tableBox table tbody tr.head th,
	#angle section.guide .tableBox table tbody tr td{ height: calc(100% / 7); min-height:120px; padding: 0 20px; display: flex; justify-content: center; align-items: center; 
	border-bottom:1px solid #ddd;}
	#angle section.guide .tableBox table tbody tr td br{ display:none; }
	#angle section.guide .tableBox table tbody tr.bg td{ height: 100%; display:flex; justify-content:center; align-items:center; padding: 0 20px;}
	#angle section.guide .tableBox table tbody tr.last td div{ width: 100%; }
	#angle section.guide .tableBox table tbody .mobile{ order:2; }
	#angle section.guide .tableBox table tbody .mobile img{ height: 300px;}
	#angle section.guide .tableBox .bTxt{ margin: 40px 0 80px;}
	#angle section.guide .tableBox .bTxt br{ display:none; } 
	#angle section.usefulness .titleBox .txt{ margin-bottom: 60px;}
	#angle section.usefulness .ctnBox .itemBox{ width: 100%; min-height:150px; display: flex; align-items: center; justify-content: center;}
	#angle section.down{ padding: 80px 0;}
	#angle section.down .ctnBox{ flex-wrap:wrap; gap:20px; }
	#angle section.down .ctnBox .itemBox{ width: 100%;}
	#angle section.down .ctnBox .itemBox .fitBox{ height: 300px;}
	#angle section.down > div > .txt{ padding: 40px 20px;}

	/* Guardant Health */
	#guardant .overview .ctnBox > *{ width: 100%; }
	#guardant .overview .txtBox{ padding-top: 0; }

	#guardant .algorithm .borderBox{ padding: 30px 20px; }
	#guardant .algorithm .borderBox figure{ margin: 35px 0; }

	#guardant .epigenetics .item figure{ padding: 30px; padding-bottom: 50px; }

	#guardant .technology figure{ padding: 10px; }

	#guardant .consignment ul{ flex-wrap: wrap; margin-bottom: -1px; }
	#guardant .consignment ul li{ width: calc(100% / 3); margin-bottom: 30px; }
	#guardant .consignment ul li span{ height: 50px; } 
	#guardant .consignment ul li:nth-of-type(3n) span{ border-radius: 0 10px 0 0; }
	#guardant .consignment ul li:nth-of-type(3n) + li span{ border-radius: 10px 0 0 0; }
	#guardant .consignment ul li:nth-of-type(3n) span::after{ display: none; }
	#guardant .consignment ul li:nth-of-type(3n) .box{ border-right: 2px solid #E5E5E5; border-radius: 0 0 10px 0; }
	#guardant .consignment ul li:nth-of-type(3n) + li .box{ border-left: 2px solid #E5E5E5; border-radius: 0 0 0 10px; }
	#guardant .consignment ul li .box{ padding: 20px 10px; }
	#guardant .consignment ul li .box p{ margin-top: 20px; }

	/* [Guardant Health] - [웨비나] */
	#guarWebinar .content .selectBox .Box{ width: 100%; }
	#guarWebinar .content .selectBox .inputBox{ width: 100%; }
 
	/* footer */
	footer .footer_in .ctnBox .rightBox{ margin-top: 30px;}
	footer .footer_in .ctnBox .rightBox .linkBox{ width: 100%; }
	footer .footer_in .ctnBox .rightBox .linkBox .familyBox{ width: 60%;}
	footer .footer_in .ctnBox .rightBox .linkBox .familyBox > button{ width: 100%; padding: 0 20px;}
	footer .footer_in .ctnBox .rightBox .linkBox .familyBox ul li button{ padding: 0 20px;}
	footer .footer_in .ctnBox .leftBox ul{ gap:10px; }
}

@media screen and (max-width: 700px){
	/* Guardant Health */
	#guardant .algorithm #sTitle br{ display: none; }

	#guardant .epigenetics .flex-box{ flex-wrap: wrap; }
	#guardant .epigenetics .item{ max-width: 100%; width: 100%; }
	#guardant .epigenetics .item:not(:last-of-type){ margin-right: 0; margin-bottom: 30px; }
	#guardant .epigenetics .item dl{ padding: 15px; }

	#guardant .consignment ul{ justify-content: center; }
	#guardant .consignment ul li{ width: 50%; flex: unset; }
	#guardant .consignment ul li:nth-of-type(odd) span{ border-radius: 10px 0 0 0; }
	#guardant .consignment ul li:nth-of-type(odd) span::after{ display: block; }
	#guardant .consignment ul li:nth-of-type(odd) .box{ border-left: 2px solid #E5E5E5; border-right: none; border-radius: 0 0 0 10px; }

	#guardant .consignment ul li:nth-of-type(even) span{ border-radius: 0 10px 0 0 !important; }
	#guardant .consignment ul li:nth-of-type(even) span::after{ display: none !important; }
	#guardant .consignment ul li:nth-of-type(even) .box{ border-right: 2px solid #E5E5E5 !important; border-left: none !important; border-radius: 0 0 10px 0 !important; }

	#guardant .consignment ul li:last-of-type span{ border-radius: 10px 10px 0 0 !important; }
	#guardant .consignment ul li:last-of-type span::after{ display: none !important; }
	#guardant .consignment ul li:last-of-type .box{ border-left: 2px solid #E5E5E5; border-right: 2px solid #E5E5E5; border-radius: 0 0 10px 10px; }
}

@media screen and (max-width: 640px){
	/* common */

	/* main */
}

@media screen and (max-width: 520px){
	/* Guardant Health */
	#guardant .algorithm #sTitle > span::after{ display: none; }
	#guardant .algorithm #sTitle span span::after{ display: block; }
}