/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	.inner {max-width:100%;padding-left:50px; padding-right:50px}
	.inner.innerx{padding-left:0px; padding-right:0px}
	.main1 .visual_swiper .absbox,
	.swiper-container-horizontal>.progress.swiper-pagination-progressbar {left:50px}
	.main1 .visual_swiper .tit_txt {font-size: 55px; line-height: 3rem;}
	.main1 .visual_swiper .sub_txt {font-size: 18px; line-height: 1.5rem; padding-top: 20px;}
	.main3 .inner {gap:50px}
	.main3 .txtarea .detail {font-size: 18px;}
	.main4 .inner {gap: 50px; padding: 50px;}
	.main4 .txt {font-size: 16px;}
	.main4 .cont {margin: 0 50px;}
	.greetings .sec1 .inner {gap:50px}
	.greetings .sec2_tit {
    font-size: 23px;}
	.test .sec2 .inner {padding:80px 50px}
	.footer .box.box1 {gap: 10px; flex-direction: column;}

}/*~pc 낮은 해상도*/


@media screen and (max-width:1023px){
	.inner {padding-left:20px; padding-right:20px}
	.header .langbox,
	.header .mnbox {display:none}
	.header .hamburger {display:grid}
	.header .etcbox{display: flex; gap: 20px;}
	.main1 .visual_swiper > ul > li {height: 500px; background-size: cover; background-position: right center;}
	.main3 .inner {flex-direction: column-reverse;}
	.main4 .cont {margin: 0 20px;}
	.footer .box.box1 {gap:10px}
	.footer .ft_box2 { margin-top: 20px; flex-direction: column; align-items: flex-start; gap: 20px;}
	.greetings .sec1 .inner {flex-direction: column;}
	.greetings .box {flex-direction: column; gap: 30px;}
	.greetings .box > div {width:100%}
	.greetings .box .txtbox p{text-align:left}
	.greetings .box.otherbox{flex-direction: column-reverse;}
	.greetings .txtbox.left.mo_vs{display:block}
	.greetings .txtbox.left.pc_vs{display:none}
	.test .test_ul {grid-template-columns: repeat(3, 1fr);}
	.test .test_ul > li:nth-child(4)::after {display:none}
	.test .test_ul > li:nth-child(3)::after,
	.test .test_ul > li:nth-child(7)::after{content: "";  height: 80px; width: 5px; background: #fff; left: 50%;  top: 100%; position: absolute; transform: translateX(-50%);}
	.test .test_ul > li:nth-child(3)::before,
	.test .test_ul > li:nth-child(5)::before{display:none}
	
	.test .test_ul > li:nth-child(8)::before{display:block;}
	.test .test_ul > li:nth-child(1){order:1}
	.test .test_ul > li:nth-child(2){order:2}
	.test .test_ul > li:nth-child(3){order:3}
	.test .test_ul > li:nth-child(4){order:6}
	.test .test_ul > li:nth-child(5){order:8}
	.test .test_ul > li:nth-child(6){order:7}
	.test .test_ul > li:nth-child(7){order:4}
	.test .test_ul > li:nth-child(8){order:5}
	.test .sec2 .inner {padding:80px 20px; gap: 50px}
}/*~테블릿 가로*/

@media screen and (max-width:767px){

	.slnbbox .sub_lnb{width:100%}
	
	.main4 .inner {flex-direction: column; text-align: center; }
	.main4 .imgarea img{width:100px}
	.main5 .wrap {grid-template-columns: auto;}
	.main5 .box.box3 {padding:30px 0}
	.footer .copy {justify-content: flex-start;}
	.greetings .sec1 .img > img{width:100%}
	.greetings .sec1, 
	.question,
	.history .his_ul{background-size:200%}
	.history .his_ul > li{width: 100%; float: right; padding-left: 100px; padding-right:20px !important;     padding-left: 60px !important}
	.history .his_ul > li:nth-child(odd){text-align: left;}
	.history .his_ul::before {left:40px}
	.history .his_ul > li:nth-child(odd)::after,
	.history .his_ul > li:nth-child(even)::after{left:35px; transform: none;}
	.history .his_ul > li:nth-child(odd) .txt {padding-right: 0px; padding-left:10px}
	.history .his_ul > li:nth-child(odd) .txt:before {right:auto; left:0}	
	.history .txt {font-size: 15px;}
	.history .txt+.txt {padding-top: 10px;}
	.history .his_ul > li+li {margin-top: 40px;}
	.greetings .comm_txt+.comm_txt{padding-top:10px}
	.location .box {flex-direction: column;}
	.location .box div{width:100%}
	.safety .ul_type1 > li {gap:30px; padding:20px 15px}
	.question .form_inner {width: 100%; padding-left:20px; padding-right:20px}
	.question .devide.devide2 {flex-direction: column;gap: 30px;}
	.question .qt_form {gap:30px}
	.test .test_ul {grid-template-columns: repeat(2, 1fr);}
	.test .test_ul > li:nth-child(3) {order: 4;}
	.test .test_ul > li:nth-child(4) {order: 3;}
	.test .test_ul > li:nth-child(7){order:6}
	.test .test_ul > li:nth-child(8){order:5}
	.test .test_ul > li:nth-child(5){order:7}
	.test .test_ul > li:nth-child(6){order:8}
	.test .test_ul > li:nth-child(2)::before,
	.test .test_ul > li:nth-child(7)::before,
	.test .test_ul > li:nth-child(6)::before{display:none}
	.test .test_ul > li:nth-child(4)::before,
	.test .test_ul > li:nth-child(5)::before{display:block}
	.test .test_ul > li:nth-child(8)::before {display:bolock}
	.test .test_ul > li:nth-child(3)::after{display:none}
	.test .test_ul > li:nth-child(2)::after{content: "";  height: 80px; width: 5px; background: #fff; left: 50%;  top: 100%; position: absolute; transform: translateX(-50%);}
	.test .test_ul > li:nth-child(4)::after{display:block}
	.test .test_ul > li { padding: 20px;}
	.test .test_ul {gap: 40px 30px}
	.test .ul_txt,
	.test .ul_txt > span  {font-size: 13px;}
	.test .sec2 .inner {flex-direction: column;}
	.test .explanation > li {padding: 30px 0;}
	
	
	
	

}/*~모바일 가로, 태블릿*/


@media screen and (max-width:480px){
	.main1 .visual_swiper > ul > li{position: relative; isolation: isolate;}
	.main1 .visual_swiper > ul > li::after{content: ''; position: absolute; background: #000; z-index: -1; inset: 0; opacity: 0.4;}
	.main1 .visual_swiper .sub_txt {color:#fff; text-align:center}
	.main1 .visual_swiper .tit_txt { font-size: 37px; line-height: 2.5rem; text-align: center;}
	.main1 .visual_swiper .absbox,
	.swiper-container-horizontal>.progress.swiper-pagination-progressbar { left: 50%; transform: translate(-50%, -50%);}
	.main1 .visual_swiper .absbox{width: 100%;}
	.swiper-container-horizontal>.progress.swiper-pagination-progressbar {width: 100px;}
	.logobox > a > img {width: 100px;}
	.header {height: 80px;}
	.main2 .q_icon > li{width:50%}
	.main2 .q_icon {gap: 30px 0px; justify-content: center;}
	.main2 .icon img {height: 50px;}
	.main2 .icon_txt {font-size: 19px;}
	.main3 .txtarea .tit {font-size: 21px;}
	.main3 .txtarea .detail .pc_br{display:none}
	.main3 .txtarea p+p {margin-top: 25px;}
	.main3 .txtarea .detail {font-size: 16px;}
	.interval200 {padding: 100px 0;}
	.interval150 {padding: 100px 0;}
	.main4 .imgarea img {width: 50px;}
	.main4 .inner {padding: 50px 20px;}
	.main4 .inner {gap: 20px;}
	.main5 .wrap .txt1 {font-size: 22px;}
	.main5 .box.box1{position: relative; isolation: isolate;}
	.main5 .box.box1::after{content: ''; position: absolute; background: #000; z-index: -1; inset: 0; opacity: 0.4;}
	.main5 .box.box2 .conbox {padding:30px 10px}
	.main5 .box.box2 {grid-gap:10px}
	.main5 .box.box3 {gap:15px}
	.main5.interval200{padding-top:0px}
	.footer .box.box2 {text-align: left;}
	.footer .ft_box2 p{line-height:1.3}
	.greetings .sec1_tit {font-size: 29px;}
	.greetings .comm_txt {font-size: 17px;}
	.greetings .comm_txt .pc_br{display:none}
	.greetings .box .txtbox .pc_br{display:none}
	.greetings .box:last-child{padding-bottom:0}
	.aboutus .subtit,
	.aboutus .detail{text-align:left}
	.aboutus .pc_br{display:none}
	#sub_div .sub {padding: 50px 0;}
	.sub_tit {font-size: 33px;}
	.location .infobox {padding: 30px 0;}
	.location .infotxt {line-height:1.5}
	#sub_div .field_detail {font-size: 15px;}
	#sub_div .field_detail .pc_br{display:none}
	.safety .ul_type1 > li {flex-direction: column; gap:10px}
	.safety .txt1 {width: 100%; font-size: 16px;}
	.safety .txt2 {width: 100%; line-height: 1.4;}
	.ul_type1.gide_ul {grid-template-columns:repeat(2, 1fr)}
	.ul_type1.gide_ul li:nth-child(3n+0) .txt1 {border-right: 1px solid var(--90);}
	.ul_type1.gide_ul li:last-child {border-bottom: none}
	.efficacy .ul_type1.gide_ul {border-bottom: 1px solid var(--90);}
	.ul_type1.gide_ul li:nth-child(2n+0) .txt1 {border-right:0;}
	.function .ul_type1.gide_ul {grid-template-columns:repeat(1, 1fr)}
	.function .ul_type1.gide_ul li .txt1,
	.function .ul_type1.gide_ul li:nth-child(3n+0) .txt1{border-right: none;}
	.eval_comm .txt1 {font-size: 15px;}
	.test .test_ul .img img{ height: 50px;}
	.test .test_ul {gap: 20px;}
	.slnbbox .sub_lnb > li {width: 50%;}
	.slnbbox .sub_lnb > li:nth-child(n+3){border-top:1px solid  var(--90);}
	.slnbbox {margin: 50px 0;}
	
}/*~모바일*/