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

	/* header */
	#allMenu .allGnb{ padding: 110px 50px; flex-shrink:0; width: 80%;}
	#allMenu .allGnb #gnb > li > a{ font-size:45px; padding-right: 30px;}
	#allMenu .allGnb #gnb > li .depth2 > li{ padding: 20px;}
	#allMenu .leftBox{ width: 20%;} 
}

@media screen and (max-width:1600px){
	/* common */
	.font100{ font-size:80px; }
	.font90{ font-size:70px; }
	.font85{ font-size:65px;}
	.font80{ font-size: 60px; }
	.font70{ font-size:55px;}
	.font64,.font60{ font-size:50px; }
	.font50,.font48{ font-size:45px; }
	.font45,.font44,.font40{ font-size:35px; }
	
	.w1550{ padding: 0 20px;}

	#popBox{ width: 100%; }

	/* header */
	header .headerBox{ padding: 0 20px;}
	header .headerBox #menuBar{ margin-left: 20px;}
	header .headerBox nav{ left: 40%;}
	header .headerBox nav #gnb > li > a{ padding: 0 20px;}

	#allMenu .allGnb{ padding: 110px 30px 50px;}
	#allMenu .allGnb #gnb > li > a{ font-size:35px; }
	#allMenu .allGnb #gnb > li .depth2{ min-width:900px; }
	#allMenu .leftBox{ padding: 30px 20px;}

	/* main */
	main .visual .slideBox .slick-slide{ height: 100vh;}
	main .visual .slideBox .slick-slide .txtBox{ top: 65%;}
	main .visual .iconBox{ bottom: 0;}

	main .well .secondBox{ display: flex; flex-direction: column; justify-content: center; }
	main .well .secondBox .bg img{ height: 80%; }

	main .point .section .txtBox figure img{ width: 70%;}

	main .news .ctnBox .itemBox ul li span{ flex-shrink:0;}

	/* sub */
	#greeting .ctnBox .itemBox{ gap:50px; }

	.lab .txtBox .txt br{ display:none; }
	.lab .img{ width: 40%;}

	#implant .info .ctnBox .itemBox .txtBox .txt br{ display:none; }
	#implant .info .ctnBox .itemBox figure{ margin-right: 30px;}

	#advantages .content .txtBox{ width: 70%;}

	#talent .intro .slideBox .mainSlide{ width: 565px;}

	#bmp .content2 .inner{ padding: 30px;}
	#bmp .content2 .orderBox .imgBox .itemBox .txt{ white-space:normal; }
	#bmp .content2 .ctnBox .itemBox .qrBox{ height: 600px;}

	/* footer */
	footer .topBox{ margin-bottom: 150px; flex-direction:column; }

	/* popup */
	#popBox .w1550{ justify-content:center; }
	#popBox .w1550 .slideBox{ max-width:80%; }
}

@media screen and (max-width:1400px){
	/* header */
	#allMenu .allGnb{ align-items: flex-start;}
	#allMenu .allGnb #gnb > li > a{ font-size:30px; width: 100%; display: block; min-width: 200px;}
	#allMenu .allGnb #gnb > li .depth2 { min-width: 800px;  top: 65%;}
	#allMenu .allGnb #gnb > li .depth2 li a{ white-space: normal; width: 100%; display: block;}

	/* sub */
	#greeting .ctnBox .itemBox .txt br{ display:none; }
	#greeting .ctnBox .itemBox figure { width: 50%;}

	#vision .info .ctnBox{ gap: 60px 340px;}
	#vision .info .ctnBox .itemBox > div{ width: 300px;}
	#vision .info .circle{ width: 45%;}

	#history .info .title{ width: 100%; padding: 0 20px;}

	#certi .info figure{ width: 40%;}

	.lab .txtBox ul li{ padding: 20px;}

	#implant .info .imgBox{ width: 400px; height: 400px;}
	#implant .info .imgBox img{ width: 35%;}

	#interview .content figure{ width: 30%; height: 640px;}

	#implantC{ padding-top: 100px;}
	#implantC .bg{ width: 80%;}
	#implantC .bg svg{ width: 100%; height: 100%;}
	#implantC .content .ctnBox{ gap:500px; }
	#implantC .content .ctnBox.type2{ margin-top: 0;}

	.catalog .ctnBox .itemBox .imgBox figure{ height: 400px;}

	#inno .info .imgBox figure{ width: 40%;}
	#inno .info .imgBox figure svg{ width: 100%; height: 100%;}
	#inno .info .imgBox .txt:after { width: 120px;}
	#inno .info .ctnBox .itemBox{ width: calc((100% - 50px) / 3)}
	#inno .key .content .ctnBox .title br,
	#inno .key .content .ctnBox .rightBox .txtBox li br{ display:none; }
	#inno .key .content .ctnBox .inner{ padding: 50px 20px;}
	#inno .key .content .ctnBox .inner > div{ flex-shrink:0; width: 80%;}
	#inno .key .content:not(.type2) .ctnBox .rightBox .itemBox .item .flex{ flex-wrap:wrap; gap:10px; }
	#inno .key .content .ctnBox .rightBox .itemBox .item .flex .txt{ margin-right: 0;}

	#bmp .content2 .orderBox{ flex-wrap:wrap; }
	#bmp .content2 .orderBox .imgBox { margin-bottom: 20px;}
	#bmp .content2 .orderBox .imgBox .itemBox:last-child{ margin-right: 0; }
	#bmp .content2 .orderBox .chartBox{ width: 100%; }
	#bmp .content2 .ctnBox .itemBox .qrBox{ height: auto;}
	#bmp .content2 .ctnBox .itemBox .qrBox div{ flex-wrap:wrap; }
	#bmp .content2 .ctnBox .itemBox .qrBox div p{ width: 100%; margin-right: 0; margin-bottom: 20px;}

	#bonplant .info .flex-box .ctn-box .item-box{ width: 500px; padding: 40px 30px;}
	#bonplant .info .flex-box .ctn-box .item-box figure{ margin-right: 20px; }

	#transimportant > div figure,
	#dgimplant > div figure{ width: 40%; margin-right: 50px;}

	#features .slide-box .slick-slide figure{ width: 40%; }
	#features .slide-box .slick-slide .txt-box{ margin-left: 50px; }

	#procedure .info-box{ padding: 40px 30px; align-items: flex-end;}
}

@media screen and (max-width:1200px){
	/* common */
	.font100{ font-size:55px; }
	.font90{ font-size:50px; }
	.font85{ font-size:48px;}
	.font80{ font-size: 45px; }
	.font70{ font-size:40px;}
	.font64,.font60{ font-size:35px; }
	.font50,.font48{ font-size:32px; }
	.font45,.font44,.font40{ font-size:30px; }
	.font36,.font35{ font-size:29px; }
	.font30{ font-size:28px; }
	.font27{ font-size:25px; }

	/* header */
	header .headerBox{ height: 70px;}
	header .headerBox nav{ display:none !important; }
	header .headerBox .logo a{ width: 70%; margin-top: 5px; transition:all 0.5s; }
	header.all .headerBox .logo a{ width: 50%;}

	#allMenu{ height: 100vh; overflow-y:scroll; }
	#allMenu .wrapBox{ position: relative; flex-direction:column; justify-content: space-between;}
	#allMenu .wrapBox:before{ content:''; display:block; width: 60%; height: 100%; background: rgba(255,255,255,0.1); position: absolute; top: 0; left: 40%; z-index: -1;}
	#allMenu .leftBox{ width: 100%; order:2; max-width:none; }
	#allMenu .leftBox .infoBox{ display:flex; margin: 30px 0 20px;}
	#allMenu .leftBox .infoBox li:not(:last-child){ margin: 0 30px 0 0;}
	#allMenu .allGnb{ overflow-y: scroll;}
	#allMenu .allGnb{ position: relative; width: 100%; }
	#allMenu .allGnb #gnb{ position: relative; width: 40%;}
	#allMenu .allGnb #gnb .detph2{ display:none; }
	#allMenu .allGnb #gnb > li:not(:last-child){ margin-bottom: 30px;}
	#allMenu .allGnb #gnb > li:first-child.all > a{ color:var(--mainC);}
	#allMenu .depthBox{ width: 60%;}
	#allMenu .depthBox .depth2{ padding: 0 20px; display:none; }
	#allMenu .depthBox .depth2:first-child{ display:block; }
	#allMenu .depthBox .depth2 > li{ border:none; padding: 0; width: 100%; }
	#allMenu .depthBox .depth2 > li:not(:last-child){ margin-bottom: 30px;}
	#allMenu .depthBox .depth2 > li > a{ margin-bottom: 0; font-size:18px; font-weight: 500; color:rgba(255,255,255,0.7); display:inline-block; width: 100%; }
	#allMenu .depthBox .depth2 > li.on > a{ color:var(--mainC); }
	#allMenu .depthBox .depth2 > li .depth3{ display:none; }
	#allMenu .depthBox .depth2 li .depth3{ margin-top: 20px; padding: 20px; background: rgba(255, 255, 255, 0.1); border-radius: 10px;}
	#allMenu .depthBox .depth2 li .depth3 li:not(:last-child){ margin-bottom: 15px; }
	#allMenu .depthBox .depth2 li .depth3 li a{ font-size:16px; font-weight: 500; color:rgba(255,255,255,0.7);}

	/* main */
	main .topBox{ margin: 0 auto 60px;}
	main .topBox .txtBox .title{ line-height: 1.4;}

	main section:not(.visual, .well){ margin-bottom: 100px !important;}

	main .visual .iconBox .itemBox:not(:last-child){ margin-right: 30px;}
	main .visual .iconBox .itemBox .txt{ white-space: nowrap; }
	main .visual .slideBox .slick-slide .txtBox .title br{ display:block; }

	main .well{ margin-bottom: 0; }

	main .point h2.title{ margin-bottom: 80px;}

	main .news .ctnBox .slick-list{ margin-right: -30px;}
	main .news .ctnBox .itemBox{ margin-right: 30px;}
	main .news .ctnBox .slick-dots{ display:flex; justify-content:center; width: 100%; gap:7px; }
	main .news .ctnBox .slick-dots li button{ font-size:0; width: 10px; height: 10px; border-radius:50%; background: rgba(255,255,255,0.5);}
	main .news .ctnBox .slick-dots li.slick-active button{ background: var(--mainC);}

	/* sub */
	#sv{ padding-top: 170px;}
	#sv #subVisual .txtBox{ width: 60%;}

	#subContents{ padding-bottom: 100px;}

	#tabBox{ border-radius:50px; flex-wrap:wrap; height: auto; padding: 10px 20px; }
	#tabBox  li{ width: calc(100% / 3); height: 70px;}

	#greeting .ctnBox .itemBox:not(:last-child){ margin-bottom: 100px;}
	#greeting .ctnBox .itemBox .sTxt{ margin-bottom: 30px;}
	#greeting .ctnBox .itemBox > *{ width: 100%;}
	#greeting .ctnBox .itemBox:nth-child(2) figure{ text-align: center; }

	#vision .info{ margin-bottom: 100px; }
	
	#history .year .ctnBox{ gap: 100px 20px;}
	#history .year .ctnBox .itemBox .inner{ width: calc((100% - 20px) / 2);}
	#history .year .ctnBox .itemBox:nth-child(2) .inner, #history .year .ctnBox .itemBox:nth-child(3) .inner{ height: fit-content;}

	#certi .info{ margin-bottom: 100px;}
	#certi .list .ctnBox .itemBox figure{ width: 40%;}

	.lab .img{ margin-right: 40px;}

	#location .ctnBox:not(:last-child){ margin-bottom: 100px;}

	.inquiry .content .Box > dt{ width: 25%;}
	.inquiry .content .Box > dd input.ip01, 
	.inquiry .content .Box > dd select.st02{ width: 100%;}
	.inquiry .content .Box > dd input.ip02{ width: calc((100% - 20px) / 3);}
	.inquiry .content .Box.fileB > .flex{ flex-wrap:wrap; }
	.inquiry .content .Box.fileB .ip01,
	.inquiry .content .Box.address .ip01{ width: 100%; }
	.inquiry .cBox{ margin: 20px 0 100px;}
	#inquiry .content{ margin-bottom: 80px;}

	#implant{ overflow: hidden;}
	#implant .info{ margin-bottom: 100px;}
	#implant .info .ctnBox .itemBox{ height: auto; padding: 30px;}

	#procedure .ctnBox{ gap:30px; }
	#procedure .ctnBox .itemBox{ width: calc((100% - 90px) / 4); }
	#procedure .ctnBox:before{ width: 56%;}

	.need .info{ margin-bottom: 100px; }
	.need .info figure{ margin-right: 50px; width: 40%;}
	.need .content{ margin: 0;}
	.need .content .imgBox .iconBox{ width: 400px; height: 400px; padding: 0 20px;}
	.need .content .imgBox .bg svg{ width: 100%;}

	#first .info .ctnBox{ gap:20px; }
	#first .info .ctnBox .itemBox{ width: calc((100% - 40px) / 3); }
	#first .info .ctnBox .itemBox .inner{ padding: 30px 20px;}

	#advantages .content .txtBox ul li{ width: 100%;}

	#globalC .slideBox{ margin-left: 20px;}

	#implantC{ padding-top: 0; }
	#implantC .bg{ position: relative; transform:none; top: auto; left: auto; margin: 0 auto;}
	#implantC .content .ctnBox,
	#implantC .content .ctnBox.type2{ gap:20px; }
	#implantC .content .ctnBox.type2{ margin-top: 40px;}
	#implantC .content .ctnBox .itemBox{ display:flex; flex-direction:column; align-items:center; }
	#implantC .content .ctnBox .itemBox ul{ width: 100%; }
	#implantC .content .ctnBox .itemBox:nth-child(2n-1){ align-items: center; text-align: left; }
	#implantC .content .ctnBox .itemBox:nth-child(2n-1) ul li{ flex-direction:row; }
	
	.catalog #tabBox li{ width: 25%;}
	.catalog .ctnBox .itemBox{ width: calc((100% - 70px) / 3); }

	#inno .info{ margin-bottom: 100px;}
	#inno .info .imgBox{ margin-bottom: 80px;}
	#inno .info .imgBox{ flex-wrap:wrap; justify-content: center; }
	#inno .info .imgBox figure{ width: 70%; margin: 0 auto; }
	#inno .info .imgBox p{ order:2; }
	#inno .info .imgBox .txt:after{ display:none; }
	#inno .key .content:not(:last-child){ margin-bottom: 100px;}
	#inno .key .content .ctnBox .inner{ padding: 40px 20px; flex-wrap:wrap; }
	#inno .key .content .ctnBox .inner > div{ width: 100%; }

	.solutionM .content section .ctnBox .leftBox .down{ margin-top: 100px;}

	#sfit > div > section:not(:last-child){ margin-bottom: 100px; }
	#sfit .solution .bg02{ width: 30%;}
	#sfit .advantages .ctnBox ul{ justify-content: space-between;}

	.kit .content .inner .txtBox .title{ margin-right: 50px; flex-shrink:0; }
	
	#guide section:not(:last-child){ margin-bottom: 100px; }
	#guide .howto .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}

	#reid .ctnBox{ flex-wrap:wrap; }
	#reid .ctnBox .txtBox{ width: 100%; }

	.seminar .ctnBox .itemBox{ width: calc((100% - 50px) / 3);}
	
	#talent section:not(:first-child){ padding-top: 100px;}
	#talent .order .ctnBox .itemBox:not(:last-child){ margin-right: 50px;}
	#talent .welfare .btnBox{ margin-top: 100px;}

	#terms .btnBox{ margin-bottom: 100px;}

	#passBox > div{ width: 100%; }

	#digital .ctnBox .itemBox .popBox{ width: 90%; margin: 0 auto;}
	#digital .ctnBox .itemBox .popBox .inner{ padding: 100px 50px;}	

	#bmp .content2 .orderBox .imgBox{ flex-wrap:wrap; gap:20px; }
	#bmp .content2 .orderBox .imgBox .itemBox{ width: calc((100% - 20px) / 2); margin-right: 0; text-align: center; }
	#bmp .content2 .ctnBox{ flex-wrap:wrap; }
	#bmp .content2 .ctnBox .itemBox{ width: 100%; }
	#bmp .content2 .ctnBox .itemBox .qrBox div .bTxt{ width: 100%; white-space:normal; }
	#bmp .content2 .ctnBox .itemBox .qrBox div p,
	#bmp .content2 .ctnBox .itemBox .qrBox div figure{ width: 50%; margin-bottom: 0;}
	#bmp .content2 .ctnBox .itemBox:not(:last-child){ margin-right: 0; margin-bottom: 20px;}
	#bmp .content2 .ctnBox .itemBox:last-child .qrBox{ margin-bottom: 70px;}

	#mesh .content2 .ctnBox{ padding: 0 20px; margin: 100px auto;}

	#bonplant .info,
	#bonplant .effect,
	#bonplant .firmly{ padding: 100px 0 80px;}
	#bonplant .info .flex-box{ flex-wrap:wrap; justify-content:center; margin-bottom: 120px; }
	#bonplant .info .flex-box .ctn-box{ margin-left: 0; margin-top: 50px; width: 100%; }
	#bonplant .info .flex-box .ctn-box .item-box{ width: 100%; }
	#bonplant .info .flex-box .ctn-box .item-box:before,
	#bonplant .info .flex-box .ctn-box .item-box:after{ display:none; }
	#bonplant .info .bLine .inner{ padding: 40px 20px;}
	#bonplant .info .bLine .inner .txt br{ display:none; }
	#bonplant .why{ padding: 100px 0 0;}
	#bonplant .why .ctn-box .item-box span{ display:none; }
	#bonplant .why .bg{ bottom: -15%;}
	#bonplant .about .title-box{ margin-bottom: 80px;}
	#bonplant .about .ctn-box .item-box figure{ margin-right: 0; width: 50%; flex-shrink:0; }
	#bonplant .about .ctn-box .item-box .txt-box{ width: 50%;}
	#bonplant .about .ctn-box .item-box .txt-box .txt br{ display:none; }
	#bonplant .thesis{ margin: 100px 0 80px;}
	#bonplant .thesis .list-box{ margin-top: 0; }
	#bonplant .difference .ctn-box .txt-box{ margin-left: 50px;}

	#trans .intro-box figure{ margin-right: 30px; }
	#trans .intro-box .txt-box,
	#trans .ctn-box{ padding: 40px 20px; }
	#trans .intro-box .txt-box .title{ margin-bottom: 20px; }
	#trans .intro-box .txt-box .txt:not(:last-child){ margin: 20px 0;}

	#dgimplant > div figure{ margin-right: 30px; }

	#procedure .ctn-box .inner-box .circle-box p{ width: 200px; height: 200px;}
	#procedure .ctn-box .inner-box .circle-box p:before{ width: calc(100% - 60px); height: calc(100% - 60px);  padding: 30px;}
	#procedure .ctn-box .inner-box .txt-wrap .title{ margin: 50px 0 70px;}
	#procedure .ctn-box .inner-box .txt-wrap .line{ margin: 100px auto;}
	#procedure .ctn-box .inner-box .txt-wrap .btxt{ padding-bottom: 150px;}

	/* footer */
	footer{ padding-top: 50px;}
	footer .topBox{ margin-bottom: 100px;}
	footer .topBox .title{ line-height: 1.4;}
	footer .topBox .footerGnb{ display:none; }
}

@media screen and (max-width:960px){
	/* common */
	.font100{ font-size:40px; }
	.font90{ font-size:37px;}
	.font85,.font80{ font-size: 35px; }
	.font64,.font60{ font-size:28px; }
	.font50,.font48{ font-size:27px; }
	.font45,.font44,.font40{ font-size:26px; }
	.font36,.font35{ font-size:25px; }
	.font30{ font-size:24px; }
	.font27,
	.font26{ font-size:23px; }
	.font25,.font24{ font-size:22px; }
	.font23{ font-size:21px; }
	.font22{ font-size:20px; }
	.font21{ font-size:19px; }
	.font20{ font-size:18px; }
	.font18{ font-size:16px; }

	#pc{ display:none; }
	#mobile{ display:block; }

	#popBox .w1550 .slideBox .slick-list{ margin-right: 0; }

	/* header */
	header .headerBox .logo{ width: 150px; }
	header .headerBox .logo a{ width: 100%;}
	header.all .headerBox .logo a{ width: 80%;}
	header .headerBox #sideBox .loginBtn a{ font-size:14px; }
	header .headerBox #menuBar{ width: 30px; margin-left: 10px;}
	header .headerBox #sideBox .snsBox{ display:none; }
	header .headerBox #sideBox .loginBtn{ margin-right: 15px;}
	header .headerBox #sideBox .loginOff .loginBtn a{ font-size:0; }
	header .headerBox #sideBox .loginBtn .svg{ width: 25px; height: 25px;}
	header .headerBox #sideBox .txt{ font-size:14px; }
	header .headerBox #sideBox .langBox ul{	width: 80px;}
	header .headerBox #sideBox .loginBtn img,
	header .headerBox #sideBox .langBox img{ width: 20px;}
	header .headerBox #sideBox .loginBtn img{ margin-top: -3px;}
	header .headerBox #sideBox ul li a{ font-size:15px; justify-content: center; }
	header .headerBox #sideBox .langBox ul li:not(:last-child){ margin-bottom: 7px;}

	#allMenu .allGnb{ padding: 110px 20px 50px;}
	#allMenu .allGnb #gnb > li.all > a{ color:var(--mainC); }
	#allMenu .allGnb #gnb > li > a{ font-size:23px; }
	#allMenu .depthBox .depth2 > li:not(:last-child){ margin-bottom: 20px;}

	/* main */
	main .topBox{ margin: 0 auto 40px;}
	main .topBox{ flex-direction:column; align-items: flex-start;}
	main .topBox #viewBtn{ margin: 20px 0 0;}
	main .visual .slideBox .slick-slide .txtBox{ top: 60%;}
	main .topBox .txtBox .title{ font-size:32px; }

	main section:not(.visual, .well){ margin-bottom: 80px !important;}

	main .visual .iconBox{ width: calc(100% - 40px); flex-wrap:wrap; gap:10px 0; }
	main .visual .iconBox .itemBox{ width: calc(100% / 3);}
	main .visual .iconBox .itemBox figure svg{ width: 35px; height: auto;}
	main .visual .iconBox .itemBox:not(:last-child){ margin-right: 0; }

	main .well .firstBox .txtBox{ max-width: none; width: 50%; }
	main .well .secondBox .txtBox .txt{ padding: 0 20px;}
	main .well .secondBox .txtBox .txt br{ display:none; }

	main .point .section{ flex-direction:column; }
	main .point .section > *{ width: 100%; }
	main .point .section .txtBox{ order:2; padding: 50px 0; }
	main .point .section .txtBox .title{ margin: 20px 20px 30px; line-height: 1.65;}
	main .point .section .txtBox .txt{ margin: 30px 0 20px;}
	main .point .section > figure{ height: 300px;}
	main .point h2.title{ margin-bottom: 60px;}

	main .products{ overflow: hidden; }
	main .products .slideBox{ margin-left: 0;}
	main .products .slideBox .slick-list{ margin-left: 30px;}
	main .products .slideBox .slick-slide{ height: 300px;}
	main .products .slideBox .slick-slide a{ padding: 20px; justify-content: center;}
	main .products .slideBox .slick-slide figure img{ height: 200px; }
	main .products .slideBox .slick-slide .txt{ margin: 20px 0 0;}

	main .news .ctnBox .slick-list{ margin-right: 0; margin-left: 10px;}
	main .news .ctnBox .itemBox{ margin-right: 20px;}

	main .well{ padding: 80px 0; height: 100vh; }
	main .well > div{ display: flex; justify-content: center;  align-items: center; }
	main .well .firstBox #mobile{ position: relative; transform: scale(0.7); left: auto; margin: 0 auto; text-align: center; width: 40%; }
	main .well .firstBox #mobile.aos-animate{ transform:scale(1); }
	main .well .firstBox .txtBox{ z-index: 5;}
/*	main .well .secondBox{ position: relative; transform:none; left: auto; top: auto; margin-top: 50px; }*/
/*	main .well .secondBox .wrapBox.aos-animate .bg{ opacity: 1; transform: scale(1); }*/
/*	main .well .secondBox .wrapBox.aos-animate .txtBox > *{ opacity: 1; transform: translate(0, 0); }*/
	main .well .secondBox .txtBox .txt{ margin: 30px 0 50px;}
	main .well .firstBox .imgBox img{ transition:all 1.5s; }

	/* sub */
	#sv { padding-top: 120px;}
	#sv #subVisual .txtBox{ width: 100%; padding: 0 20px; margin-bottom: 50px;}
	#sv #subVisual .txtBox #lnb{ flex-wrap:wrap; gap: 10px 0}
	#sv #subVisual .txtBox #lnb li:not(:last-child){ margin-right: 15px;}
	#sv #subVisual .txtBox #lnb li:not(:first-child):after{ margin-left: 15px;}
	#sv #subVisual .txtBox .txt br{ display:none; }

	#subContents{ padding-bottom: 50px;}

	.sv01 #subVisual .bg { margin-top: -100px;}
	.sv02 #subVisual .bg { margin-top: -50px;}

	#title{ margin-bottom: 40px;}

	#tabBox{ border-radius:20px; margin-bottom: 40px; gap:10px 0; padding: 10px;}
	#tabBox li{height: 50px;}
	#tabBox li a{ padding: 0 10px; font-size:18px; }

	#greeting .ctnBox .itemBox:not(:last-child){ margin-bottom: 80px;}
	#greeting .ctnBox .itemBox{ flex-direction:column; }
	#greeting .ctnBox .itemBox .txtBox{ order:2; }
	#greeting .ctnBox .itemBox figure{ width: 100%; text-align: center; }

	#vision .info{ margin-bottom: 80px; }
	#vision .info .ctnBox{ gap:40px 20px; }
	#vision .info .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	#vision .info .ctnBox .itemBox > div{ width: 100%; }
	#vision .info .ctnBox .itemBox > div:before{ display:none; }
	#vision .info .circle{ position: relative; transform:none; top: auto; left: auto; margin: 0 auto 40px; width: 70%;}
	.vision .content .tabBox li button{ padding: 0 10px; }
	.vision .content .ctnBox{ height: 300px;}
	.vision .content .ctnBox .itemBox .txtBox{ bottom: 40px; left: 20px;}

	#history .year .ctnBox{ gap:50px 0}
	#history .year .ctnBox .itemBox .inner{ width: 90%; padding: 30px 20px 60px; height: fit-content; background: rgba(255, 255, 255, 0.2);}
	#history .year .ctnBox .itemBox:not(:first-child) .inner{ margin-top: 0; }
	#history .year .ctnBox .itemBox .inner ul li{ color:#fff; }

	#certi .info{ flex-wrap:wrap; gap:40px; margin-bottom: 80px; }
	#certi .info figure{ width: 100%;}
	#certi .info .txtBox{ width: 100%; }
	#certi .info .txtBox .txt br{ display:none; }
	#certi .list .ctnBox{ gap:30px 20px; }
	#certi .list .ctnBox .itemBox{ flex-direction: column;flex-wrap:wrap; align-items: flex-start; width: calc((100% - 20px) / 2);}
	#certi .list .ctnBox .itemBox figure{ width: 100%; height: 100px; margin-right: 0; margin-bottom: 20px;}
	#certi .list .ctnBox .itemBox ul li{ align-items: flex-start; flex-direction: column; } 

	#edu .ctnBox{ flex-wrap:wrap; }
	#edu .ctnBox > div{ width: 100%; }
	#edu .ctnBox .leftBox{ margin-bottom: 30px;}
	#edu .ctnBox .leftBox figure{ margin-right: 0; }
	#edu .ctnBox .txtBox p br{ display:none; }
	#edu .ctnBox .leftBox .title{ margin-bottom: 20px;}
	#edu .btnBox{ margin-top: 60px;}
 
 	.lab{ overflow: hidden;}
 	.lab .flex{ flex-direction:column; }
	.lab .img{ margin-right: 0; margin-bottom: 30px; width: 100%;}
	.lab .txtBox ul li{ height: auto; padding: 20px 10px;}

	#location .ctnBox:not(:last-child){ margin-bottom: 80px;}
	#location .mapBox iframe{ height: 300px;}

	#global .content{ height: 500px; padding: 150px 20px 0; }
	#global .content figure{ padding: 0 20px; width: 100%;}

	.inquiry .content{ border-radius:0; border-top:none;}
	.inquiry .content .Box{ flex-direction:column; }
	.inquiry .content .Box > dt{ width: 100%; height: 55px; padding: 0 20px; border-radius:10px; }
	.inquiry .content .Box > dd.email{ flex-wrap:wrap; }
	.inquiry .content .Box:first-child > dt,
	.inquiry .content .Box:first-child > dd,
	.inquiry .content .Box > dd{ border-top:none; border-bottom:none; }
	.inquiry .content .Box > dd{ padding: 10px 0;}
	.inquiry .content .Box > dd input[type="password"],
	.inquiry .content .Box > dd input[type="text"], 
	.inquiry .content .Box > dd select,
	.inquiry .content .Box > dd .txt01{ height: 55px; background: rgba(255,255,255,0.02);}
	.inquiry .content .Box > dd .ip01, .inquiry .content .Box > dd .st02{ width: 100%; }
	.inquiry .content .Box > dd select.st01{ width: 100%; background: url(/img/common/selectIcon.png) 97% 50% no-repeat;}
	.inquiry .content .Box > dd.email input.ip02{ width: calc( (100% - 35px) / 2);}
	.inquiry .content .Box > dd .btn{ width: 120px; height: 55px; }
	.inquiry .cBox{ margin: 20px 0 60px; flex-wrap: wrap;  justify-content: flex-start;}
	.inquiry .cBox .chkBox:first-child{ margin-right: 20px;}
	#inquiry .content{margin-bottom: 60px;}

	#question .ctnBox .itemBox > div,
	#question .ctnBox .itemBox .aBox{ padding: 30px 20px;}
	#question .ctnBox .itemBox .qBox .txtBox span,
	#question .ctnBox .itemBox .aBox .txtBox span{ margin-right: 20px;}
	#question .ctnBox .itemBox .qBox .moreBtn{ width: 20px;}
	#question .ctnBox .itemBox .qBox .moreBtn:after{ height: 20px;}
	
	#implant .info{ flex-direction:column; margin-bottom: 80px; }
	#implant .info .imgBox{ margin-right: 0; margin-bottom: 40px; width: 300px; height: 300px;}
	#implant .info .ctnBox .itemBox:before,
	#implant .info .ctnBox .itemBox:after{ display:none; }
	#implant .info .ctnBox .itemBox figure img{ width: 50%; }
	#implant .intro{ background-image: linear-gradient(#141414, #141414), linear-gradient(135deg, rgba(30, 182, 183, 1), rgba(14, 14, 14, 1), rgba(30, 182, 183, 1), rgba(14, 14, 14, 1), rgba(30, 182, 183, 1)); }
	#implant .intro .inner{ padding: 30px 20px;}

	#procedure .ctnBox{ flex-wrap:wrap; gap:40px 30px;}
	#procedure .ctnBox:before{ display:none; }
	#procedure .ctnBox .itemBox{ width: calc((100% - 30px) / 2); }
	#procedure .ctnBox .itemBox .txt br{ display:none; }

	.need{ overflow: hidden;}
	.need .info{ flex-wrap:wrap; margin-bottom: 0px; }
	.need .info figure{ width: 100%; margin-right: 0; margin-bottom: 40px;}
	.need .info .txtBox .title{ margin: 40px 0 20px;}
	.need .content .imgBox .iconBox{ width: 350px; height: 350px; }
	.need .content .imgBox .iconBox figure{ width: 20%;}
	.need .content .imgBox .iconBox .txt br{ display:none; }
	.need .content .ctnBox{ gap:400px 0}
	.need .content .ctnBox .itemBox .item{	width: 200px; height: 200px; padding: 20px;}
	.need .content .ctnBox .itemBox .item figure{ width: 30%;}
	.need .content .ctnBox .itemBox .item .txt{ margin-top: 10px;}

	#bone .info .txt br{ display:none; }

	#first .info{ margin-top: 60px;}
	#first .info .ctnBox{ gap:30px 20px; }
	#first .info .ctnBox .itemBox{ width: 100% }
	#first .info .ctnBox .itemBox .inner{ padding: 30px 20px;}

	#advantages{ overflow: hidden;}
	#advantages .content{ flex-wrap:wrap; }
	#advantages .content figure{ width: 70%; margin: 0 auto;}
	#advantages .content .txtBox{ width: 100%; margin-top: 50px;}
	#advantages .content .txtBox .inner{ padding: 40px 20px;}
	#advantages .content .txtBox .title{ margin: 30px 0 20px;}
	#advantages .content .txtBox ul{ gap:10px; }
	#advantages .content .txtBox ul li:before{ flex-shrink:0; }

	#interview .content{ flex-direction: column-reverse; }
	#interview .content figure{ width: 60%; margin: 0 auto 50px; position: relative; top: auto; left: auto; height: auto; text-align: center; }
	#interview .content .ctnBox .itemBox:not(:last-child){ margin-bottom: 50px;}
	#interview .content .ctnBox .itemBox .item .inner{ padding: 30px 20px;}
	
	#globalC{ overflow: hidden; }
	#globalC .topBox{ flex-direction: column;}
	#globalC .topBox .txtBox .txt br{ display:none; }
	#globalC .topBox .arrowBox{ margin-top: 20px;}
	#globalC .slideBox .slick-slide{ position: relative; margin-right: 20px; height: 300px;}
	#globalC .slideBox .slick-slide img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; }
	#globalC .slideBox .slick-dots{ display:flex; justify-content:center; align-items:center; gap:7px; margin-top: 20px; margin-right: 20px;}
	#globalC .slideBox .slick-dots li button{ font-size:0; width: 7px; height: 7px; border-radius:50%; background: rgba(255,255,255,0.7); }
	#globalC .slideBox .slick-dots li.slick-active button{ background: var(--mainC);}

	#implantC .bg{ margin-bottom: 40px; width: 100%; }
	#implantC .content .ctnBox { flex-wrap:wrap; }
	#implantC .content .ctnBox .itemBox{ width: 100%; background: rgba(255,255,255,0.03); padding: 30px; border-radius:20px;  }
	#implantC .content .ctnBox .itemBox figure{ width: 100px; height: 100px;}
	#implantC .content .ctnBox .itemBox ul{ line-height: 1.5;}
	#implantC .content .ctnBox .itemBox ul li br{ display:none; }
 
 	.catalog #tabBox{ flex-wrap: wrap; }
	.catalog #tabBox li{ width: calc(100% / 3);}
 	.catalog .ctnBox{ gap:40px 20px; }
	.catalog .ctnBox .itemBox{ width: calc((100% - 20px) / 2); }
	.catalog .ctnBox .itemBox .imgBox figure{ height: 350px;}

	#inno .info{ margin-bottom: 80px;}
	#inno .info .imgBox{ margin-bottom: 60px;}
	#inno .info .ctnBox{ gap:20px; }
	#inno .info .ctnBox .itemBox{ width: calc((100% - 20px) / 2); min-height: 210px;padding: 30px 10px;}
	#inno .info .ctnBox .itemBox figure{ margin-bottom: 20px; width: 20%;}
	#inno .info .ctnBox .itemBox .txt br{ display:none; }
	#inno .key .content:not(:last-child){ margin-bottom: 80px;}
	#inno .key .content h4.title{ flex-direction:column; align-items: flex-start;}
	#inno .key .content h4.title span{ margin-right: 0; margin-bottom: 20px;}
	#inno .key .content .ctnBox .rightBox .itemBox .item figure{ text-align: center; }
	#inno .key .content:not(.type2) .ctnBox .rightBox .itemBox{ flex-wrap:wrap; }
	#inno .key .content:not(.type2) .ctnBox .rightBox .itemBox .item{ width: 50%;}
	#inno .key .content.type2 .ctnBox .inner .flex,
	#inno .key .content.type3 .ctnBox .inner .flex{ flex-direction:column; }
	#inno .key .content.type2 .ctnBox .rightBox:not(:last-child) .itemBox{ margin-right: 0; margin-bottom: 30px; }
	#inno .key .content.type2 .ctnBox .rightBox:last-child .itemBox{ margin-right: 0; justify-content: flex-start;}
	#inno .key .content.type3 .ctnBox .inner .flex figure{ height: 140px; overflow: hidden; position: relative; margin-bottom: 20px;}
	#inno .key .content.type3 .ctnBox .inner .flex figure svg{ position: absolute; transform: translate(-50%, -50%); top: 85%; left: 50%; min-width: 100%; min-height: 100%; object-fit: cover; 
	width: 100%;}
	#inno .key .content.type3 .ctnBox .inner .flex figure .line{ display:none; }
	#inno .key .content .ctnBox .rightBox .tableBox br.m{ display:block; }

	/* 2025-08-02 수정 */
	#inno .key .content .ctnBox .rightBox .itemBox.half{ margin-bottom: 0; }
	#inno .key .content .ctnBox .rightBox .itemBox.half .item{ padding: 15px; margin-right: 0; margin-bottom: 0; }
	/* 2025-08-02 수정 */

	.solutionM .down{ width: 180px; height: 50px;}
	.solutionM .content section > div .inner{ padding: 30px 20px;}
	.solutionM .content section .ctnBox{ margin-bottom: 40px;}
	.solutionM .content section .ctnBox .inner{ flex-direction:column; }
	.solutionM .content section .ctnBox .leftBox{ margin-bottom: 40px;}
	.solutionM .content section .ctnBox .leftBox .txtBox ul{ margin-left: 0;}
	.solutionM .content section .ctnBox .leftBox .txtBox ul li{ line-height: 1.5;}
	.solutionM .content section .ctnBox .leftBox .txtBox ul li:not(:last-child){ margin-bottom: 10px;}
	.solutionM .content section .ctnBox .leftBox .down{ margin-top: 50px;}

	#sfit > div > section:not(:last-child){ margin-bottom: 80px; }
	#sfit .solution .logo{ width: 30%;}
	#sfit .solution .bg02{ width: 50%;}
	#sfit .solution .inner,
	#sfit .advantages .ctnBox .inner{ padding: 30px 20px;}
	#sfit .solution .logoBox .title{ margin-bottom: 40px;}
	#sfit .solution .txtBox{ margin-bottom: 300px;}
	#sfit .solution .txtBox .ctnBox p{ padding: 10px 20px; font-size:20px; }
	#sfit .solution .txtBox .ctnBox figure{ flex-shrink:0; margin: 0 10px;}
	#sfit .advantages .ctnBox ul{ flex-wrap:wrap; }
	#sfit .advantages .ctnBox ul li{ width:100%;}
	#sfit .system .content .downBox .inner > div{ flex-direction:column; align-items: flex-start;}
	#sfit .system .content .downBox .down{ margin-top: 20px;}
	#sfit .system .content .imgBox .inner{ padding: 40px 20px;}

	.kit .content .inner{ padding: 30px 20px;}
	.kit .content .inner .txtBox{ flex-direction:column; align-items: flex-start;}
	.kit .content .inner .txtBox > *:first-child{ width:100%; margin-bottom: 20px; margin-right: 0;}
	#plus .content .inner .txtBox .title{ margin-bottom: 20px;}
	.kit .content .inner figure{ width: 80%; margin: 0 auto 40px;}
	#bmp .content .inner figure{ width: 50%; }

	#guide section:not(:last-child){ margin-bottom: 80px; }
	#guide .info .ctnBox{ padding: 40px 20px; gap:40px; flex-wrap:wrap; }
	#guide .info .ctnBox .itemBox{ width: calc((100% - 40px) / 2); text-align: center; }
	#guide .info .ctnBox .itemBox:nth-child(3){ order:2; }
	#guide .info .ctnBox .itemBox .arrow{ right: -20%; }
	#guide .info .ctnBox .itemBox:nth-child(2) .arrow{ transform:translateX(-50%) rotate(90deg); right: auto; left: 50%; top: auto; bottom: -20%;}
	#guide .intro .inner,
	#guide .intro .ctnBox.type2 .inner{ padding: 40px 20px;}
	#guide .intro .bLine .txt{ padding: 0 20px 30px;}
	#guide .intro .ctnBox.type2 .leftBox{ margin-right: 0; flex-wrap:wrap; }
	#guide .intro .ctnBox.type2 .leftBox .img{ margin: 0 auto 30px;}
/*	#guide .intro .ctnBox.type2 .leftBox .img01 figure{ width: 35%;}*/
/*	#guide .intro .ctnBox.type2 .leftBox .img01 ul{ margin-left: 30px;}*/
/*	#guide .intro .ctnBox.type2 .leftBox .img01 ul li.txt1{ margin-bottom: 10px;}*/
/*	#guide .intro .ctnBox.type2 .leftBox .img01 ul li.txt2{ margin-bottom: 40px;}*/
/*	#guide .intro .ctnBox.type2 .leftBox .img01 ul li.txt3{ margin-bottom: 40px;}*/
/*	#guide .intro .ctnBox.type2 .leftBox .img01 ul li:after{ width: 80px !important; left: -90px !important;}*/
	#guide .intro .ctnBox.type2 .rightBox{ width: 100%; }
	#guide .intro .ctnBox.type2 .rightBox dl p{ width: calc(100% / 3);}
	#guide .howto .ctnBox{ padding: 40px 20px;}
	#guide .howto .ctnBox.type2{ gap:20px; }
	#guide .howto .ctnBox.type2 .itemBox{ width: calc((100% - 20px) / 2); }

	#reid {overflow: hidden;}
	#reid .ctnBox .txtBox .title{ margin: 30px 0 20px;} 
	
	.seminar .ctnBox{ gap:40px 20px; }
	.seminar .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	/* .seminar .ctnBox .itemBox .fitBox{ height: 200px;} */

	#talent .content .tabBox{ gap:10px; }
	#talent .content .tabBox li{ width: calc((100% - 20px) / 3); overflow: hidden;}
	#talent .content .tabBox li:nth-child(4),#talent .content .tabBox li:nth-child(5){ width: calc((100% - 10px) / 2);} 
	#talent section:not(:first-child){ padding-top: 80px;}
	#talent .intro .slideBox .slick-slide .title{ bottom: 20px; left: 20px;}
	#talent .intro .slideBox .mainSlide{ width: 300px;}
	#talent .intro .slideBox .slick-slide .fitBox, 
	#talent .intro .slideBox .mainSlide:before{ height: 300px;}
	#talent .intro .slideBox .subSlide{ left: 170px;}
	#talent .intro .slideBox .subSlide .slick-slide .fitBox{ width: 150px;}
	#talent .order .ctnBox{ flex-wrap:wrap; gap:20px 30px; }
	#talent .order .ctnBox:before{ display:none; }
	#talent .order .ctnBox .itemBox{ width: 200px; height: 200px;}
	#talent .order .ctnBox .itemBox:not(:last-child){ margin-right: 0px;}
	#talent .order .ctnBox .itemBox figure{ margin: 10px 0;}
	#talent .iconBox .itemBox .title{ margin-top: 10px;}
	#talent .iconBox .itemBox .title br{ display:none; }
	#talent .policy .iconBox .itemBox,
	#talent .welfare .iconBox .itemBox{ width: calc((100% - 20px) / 2);}
	#talent .policy .iconBox .itemBox .innerBox{ padding: 30px 20px;}
	#talent .welfare .iconBox{ gap:20px; }
	#talent .welfare .btnBox{ margin-top: 80px;}
	#talent .welfare .btnBox button{ width: 220px;}

	.membership .orderBox{ margin: 60px 0;}
	.membership .orderBox .itemBox .arrow{ margin: -40px 15px 0;}

	#terms .btnBox{ margin-top: 80px;}
	#terms .ctnBox:not(:first-child){ margin-top: 40px;}
	#terms .ctnBox .scrollBox{ padding: 0 10px;}

	#sv #subVisual .title img{ width: 50%;}

	#login .ctnBox .inputBox input{ height: 60px;}
	#login .ctnBox > div{ width: 90%; padding:50px 0;}
	#login .ctnBox .inputBox > div{ padding: 0 10px ;}
	#login .ctnBox .inputBox .eyes{ right: 20px;}
	#login .ctnBox .inputBox img{ margin-right: 10px; width: 45%;}

	#correction{ margin-top: 80px;}

	.complete .ctnBox .title{ margin-top: 0; }

	#digital #tabBox{ margin-bottom: 40px;}
	#digital #tabBox li{ width: 50%;}
	#digital .searchBox select{ width: 40%;}
	#digital .searchBox input{ width: 100%; }
	#digital .searchBox button{ flex-shrink:0; }
	#digital .ctnBox .itemBox .popBox .closeBtn{ top: 30px; right: 30px; }
	#digital .ctnBox .itemBox .popBox .inner{ padding: 70px 20px;}	
	#digital .ctnBox .itemBox .popBox .inner dl dd .agreeBox{ padding: 20px; }
	#digital .ctnBox .itemBox .popBox .inner dl dd .agreeBox p{ padding-right: 20px;}
	#digital .ctnBox .itemBox .popBox .inner dl dd .txtBox{ flex-wrap:wrap; gap:10px; }

	#manual .tableBox colgroup{ display:none; }
	#manual .tableBox th:nth-child(1){ width: 15%;}
	#manual .tableBox th:nth-child(2){ width: 45%; }
	#manual .tableBox td{ min-height:50px; }
	#manual .tableBox td:nth-child(2){ padding: 0 15px; }
	#manual .tableBox td a{ font-size:15px; display: flex; flex-direction: column; align-items: center;}

	#bmp .content2 .inner{ padding: 20px;}
	#bmp .content2 .orderBox .imgBox .itemBox{ width: 100%; }
	#bmp .content2 .orderBox .imgBox .itemBox figure{ height: 200px; margin: 10px 0 30px;}
	#bmp .content2 .orderBox .imgBox .itemBox figure img{ height: 100%; }

	#mesh .content2 .ctnBox{ padding: 0 20px; margin: 30px auto; gap: 30px; }
	#mesh .content2 .ctnBox .itemBox{ width: calc((100% - 30px) / 2); }

	#caution .ctnBox .inner{ padding: 40px 20px;}

	#bonplant .info{ padding: 80px 0 100px;}
	#bonplant .intro .txt-wrap{ position: relative; top: auto; left: auto; height: auto; padding: 0 40px;}
	#bonplant .intro .txt-box{ height: auto; padding: 80px 0 100px;}
	#bonplant .intro .ctn-box{ padding-top: 0; }
	#bonplant .intro .ctn-box .inner{ height: 500px; }
	#bonplant .info .flex-box{ margin-bottom: 80px;}
	#bonplant .info .flex-box > figure{ width: 70%;}
	#bonplant .info .flex-box .ctn-box .item-box{ padding: 30px 20px; }
	#bonplant .info .flex-box .ctn-box .item-box figure{ width: 20%; flex-shrink:0; }
	#bonplant .firmly div > figure{ width: 70%; margin: 0 auto;}
	#bonplant .effect{ padding: 0; }
	#bonplant .effect .ctn-box{ gap:0; }
	#bonplant .effect .img{ position: relative; transform:none; top: auto; left: auto; width: 70%; margin: 0 auto 50px; }
	#bonplant .effect .img svg{ width: 100%; height: 100%; }
	#bonplant .effect .ctn-box .item-box{ width: 100%; min-height:auto; padding: 30px 20px;}
	#bonplant .effect .ctn-box .item-box:not(:last-child){ margin-bottom: 30px; }
	#bonplant .why{ padding-top: 50px; }
	#bonplant .why .bg{ position: relative; transform:none; bottom: auto; left: auto; width: 100%;}
	#bonplant .why .ctn-box{ margin-top: -80px; gap:0px; }
	#bonplant .why .ctn-box .item-box{ width: 100%; align-items: flex-start; }
	#bonplant .why .ctn-box .item-box:not(:last-child){ margin-bottom: 30px; }
	#bonplant .why .ctn-box .item-box .inner{ width: 100%; height: auto; border-radius:20px; padding: 30px 20px;  }
	#bonplant .why .ctn-box .item-box .inner p{ margin-top: 20px; }
	#bonplant .about{ overflow: hidden;}
	#bonplant .about .title-box{ padding: 100px 20px; }
	#bonplant .about .title-box .txt br{ display:none; }
	#bonplant .about .ctn-box{ margin-bottom: 80px;}
	#bonplant .about .ctn-box .item-box{ position: relative; top: auto; left: auto; flex-wrap:wrap; }
	#bonplant .about .ctn-box .item-box .txt-box .title{ margin-bottom: 30px; }
	#bonplant .about .ctn-box .item-box:not(:last-child){ margin-bottom: 60px; }
	#bonplant .about .ctn-box .item-box figure{ width: 100%; } 
	#bonplant .about .ctn-box .item-box figure svg{ height: 100%; }
	#bonplant .about .ctn-box .item-box .txt-box{ width: 100%; padding: 0 20px;}
	#bonplant .about .info-box .bg{ transform: translateX(-50%); left: 50%;  width: 1200px; top: 10%;}
	#bonplant .about .info-box .txt-box{ padding: 30px; }
	#bonplant .about .info-box .txt{ padding: 30px 20px 60px;}
	#bonplant .about .info-box .txt br{ display:none; }
	#bonplant .thesis .list-box{ padding: 30px 20px;}
	#bonplant .difference{ padding-top: 0; }
	#bonplant .difference .ctn-box{ flex-wrap:wrap; }
	#bonplant .difference .ctn-box > *{ width: 100%; }
	#bonplant .difference .ctn-box .img-box{ height: 600px; }
	#bonplant .difference .ctn-box .img-box svg{ height: 100%; }
	#bonplant .difference .ctn-box .txt-box{ margin-left: 0; }
	#bonplant .difference .ctn-box .txt-box .txt{ margin: 30px 0;}

	#trans .intro-box{ flex-wrap:wrap; margin-bottom: 80px;}
	#trans .intro-box figure{ width: 100%; width: 70%; margin: 0 auto 30px;}
	#trans .intro-box .txt-box,
	#trans .ctn-box{ padding: 30px 20px; }
	#trans .ctn-box .img-box{ flex-wrap:wrap; }
	#trans .ctn-box .img-box .item-box{ width: calc((100% - 20px) / 2);}
	#trans .ctn-box .title{ margin-bottom: 20px;}

	#transimportant > div,
	#dgimplant > div{ flex-wrap:wrap; }
	#transimportant > div figure,
	#dgimplant > div figure{ width: 70%; margin: 0 auto 40px; }

	#dgimplant .txt-box .txt br{ display:none; }

	#features .slide-box .slick-slide{ flex-wrap:wrap; align-items: flex-start; height: auto; padding: 0 0 100px;}
	#features .slide-box .slick-slide figure{ width: 100%; height: 300px; margin-bottom: 40px; display: flex; justify-content: center; }
	#features .slide-box .slick-slide figure img{ height: 100%; }
	#features .slide-box .slick-slide .txt-box .title{ text-indent:-15px; margin-left: 15px;}
	#features .slide-box .slick-slide .txt-box{ margin-left: 0; }

	#procedure .info-box{ flex-wrap:wrap; gap:0; margin-bottom: 80px; padding: 30px 20px;}
	#procedure .info-box .item-box{ width: 100%; }
	#procedure .ctn-box .inner-box .circle-box{ margin-bottom: 100px;}
	#procedure .info-box .item-box figure{ display:flex; flex-direction:column; align-items:center; }
	#procedure .info-box .item-box figure .arrow{ position: relative; transform:rotate(90deg); top: auto; left: auto; display:block; margin: 30px 0; }
	#procedure .info-box .item-box .txt br{ display:none; }
	#procedure .ctn-box .inner-box .circle-box p{ width: 100px; height: 100px;}
	#procedure .ctn-box .inner-box .circle-box p:before { width: calc(100% - 20px); height: calc(100% - 20px); padding: 10px; }
	#procedure .ctn-box .inner-box .circle-box figure{ width: 30px;}
	#procedure .ctn-box .inner-box .txt-wrap .title{ margin: 40px 0 60px;}
	#procedure .ctn-box .inner-box .txt-wrap dl:not(:last-of-type){ margin-bottom: 30px; }
	#procedure .ctn-box .inner-box .txt-wrap .line{ margin: 60px auto;}
	#procedure .ctn-box .inner-box .txt-wrap .btxt{ padding-bottom: 100px;}
 
	/* footer */
	footer .w1820 > div{ flex-direction:column; align-items: flex-start; gap:30px; }
	footer .topBox{ margin-bottom: 60px;}
	footer .btmBox .faBtn{ display:flex; flex-direction:column; }
	footer .btmBox .faBtn ul{ order:2; }
	footer .btmBox .infoBox{ flex-direction:column; }
	footer .btmBox .infoBox > div:not(:last-child){ margin: 0 0 30px;}

	/* popup */
	#popBox{ width: 100%; }
	#popBox .w1550{ gap:5px; width: 100%; }
	#popBox .w1550 .slideBox{ width: 100%; }
	#popBox .w1550 .slideBox .slick-slide a { width:100%; height:100%; padding-bottom:120%; }
	#popBox .w1550 .slideBox .slick-slide{ margin-right: 0;}
	#popBox .w1550 .arrow{ width: 45px; height: 45px; background: rgba(255, 255, 255, 0.3); }}
	#popBox .w1550 .arrow img{ width: 20%; filter: invert(55%) sepia(52%) saturate(528%) hue-rotate(132deg) brightness(200%) contrast(110%);}

	#withdrawalPopup p br{ display:none; }
}

@media screen and (max-width:640px){
	/* common */
	#popBox .w1550 .slideBox .slick-slide a{ width: auto; height: auto; }
	#popBox .w1550 .slideBox .slick-slide a img{ position: relative; transform:none; top: auto; left: auto; }

	/* main */
	main .visual .slideBox .slick-slide .txtBox{ width: calc(100% - 40px); }
	main .visual .slideBox .slick-slide .txtBox .title{ white-space: normal; }
	main .visual .iconBox{ width: calc(100% - 40px); padding: 15px 20px; flex-wrap:wrap; justify-content: center; gap:15px 20px; transform:translateX(-50%); bottom: 30px;
	border-radius:50px; }
	main .visual .iconBox .itemBox{ width: calc((100% - 40px) / 3);}
	main .visual .iconBox .itemBox:not(:last-child){ margin-right: 0;}
	main .visual .iconBox .itemBox .txt{ white-space:wrap; }
	main .visual .iconBox .itemBox figure{ margin-bottom: 0;}
	
	main .well .secondBox .bg img{ height: 90%;}
	main .well .firstBox .txtBox{ width: 70%; }

	/* sub */
	#inno .info .imgBox{ gap:20px; }
	#inno .info .imgBox figure{ width: 70%;}
	#inno .info .imgBox .txt{ width: calc((100% - 20px) / 2); height: 200px;}

	#talent .order .ctnBox .itemBox{ width: calc((100% - 30px) / 2);}

	.catalog .ctnBox .itemBox .imgBox figure{ height: 300px;}
}