/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	.inner{padding-left:50px; padding-right:50px; max-width:100%}
	.main .area1 .box.left .txt2 {font-size: 36px;}
	.main .area1 .cont_area2 .box.box2 input[type="text"] {width:150px}
	.main .area4 .area4-ul > li {width: 22%;}
	.main .area6 .area6-ul > li {width: 48%;}
	.main .area6 .area6-ul > li .detail {font-size: 15px;}
	.main .area5 {padding-bottom:0px}

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

@media screen and (max-width:1200px){
	.main .area1 .asbox {display:none}
	.main .area1 .cont_area2 .inner {align-items: flex-start; flex-direction: column; gap: 10px;}
	.main .area1 .cont_area2 {height:auto}
	.main .area1 .cont_area { height: auto;}
	.main .area1 .box.right .video1 {margin-bottom:30px}
	.main .area1 {height: auto;}
	

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



@media screen and (max-width:1023px){
.main .area1 .inner {gap: 20px}
.main .area1 .box.left .txt1 {font-size: 15px;}
.main .area1 .box.left .txt2 {font-size: 24px;}
.main .area1 .box.left .inputbox.inputbox1 {flex-direction: column;}
.main .all .move-btn1 {padding:10px}
.main .area1 .box.left .input_tp1 input[type=text] {width:160px}
.main .area1 .box.left .txt3 {flex-direction: column; justify-content: center;}
.main .area1 .box.left .txt3 > a{text-align: center;}
.main .area1 .box.left .txt3 .col-or {padding-left: 0;}
.main .area1 .box.left .img {margin-bottom: 50px;}
.main .area1 .cont_area2 .box.box2 {flex-wrap: wrap;}
.main .area2 .area2-ul > li {width: 50%; margin-bottom: 20px;}
.main .area4 .area4-ul > li .tit {font-size: 15px;}
.main .area4 .area4-ul > li .tit {30px}
.main .area4 .area4-ul > li .txt1 {font-size: 13px;}
.main .area4 .area4-ul > li .sel_btn {font-size: 13px; padding: 10px}
.main .area4 .area4-ul > li .sel_btn > span {font-size:13px}
.main .area4 .area4-ul > li .txt2 {font-size: 14px;}
.main .area5 .txt1 {font-size: 23px; padding-top: 0px;}
.main .area5 .inner {display: flex;}
.main .area5 .inner .img {position: inherit;width: 40%;}
.main .area5 {padding-bottom:0px}
.main .area5 .area5-2 .inner { padding: 40px 50px;}
.main .area5 .txt2 {text-align: center; width:100%}
.main .area7 .area7-ul > li:nth-child(2), 
.main .area7 .area7-ul > li:nth-child(3){margin-left: 0;}
.main .area7 .area7-ul > li .txt1 {font-size: 17px;}
.main .area7 .area7-ul > li .txt2 {font-size: 14px;}
.main .area7 .area7-ul > li .box {padding:10px 20px}
.main .area8 .cont {flex-direction: column-reverse; align-items: center; gap: 50px;}
.main .area8 .box.box2 {width:50%}
.main .area8 .box.box1 {width:80%}
.main .area8 .area8-ul {width: 100%;}


}/*~테블릿 가로*/

@media screen and (max-width:767px){
.inner{padding-left:20px; padding-right:20px}
.main .area1 .inner {display: flex; flex-direction: column-reverse;}
.main .area1 .box.right {justify-content:center; }
.main .area1 .box.left {text-align: center; padding: 50px 0;}
.main .area1 .box.left .inputbox.inputbox1 {flex-direction: row; justify-content: center;}
.main .area1 .box.left .input_tp1 input[type=text] {width: auto;}
.main .area1 .box.left .agree_box {justify-content: center;}
.main .area5 .inner {flex-direction: column; align-items: center;}
.main .area5 .txt1 .other {font-size: 32px;}
.main .area5 .txt1 {text-align:center;}
.main .area5 .inner .img {width: 50%; padding-top: 50px;}
.main .area6 .area6-ul > li {width: 47%;}
.main .area7 .area7-ul > li {flex-direction: column;}
.main .area7 .area7-ul > li .box.box1 {width:100%}
.main .area7 .area7-ul > li .box.box1 .pc_br{display:none}

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


@media screen and (max-width:480px){
.main .all .move-btn1 { width: 25%;font-size: 13px;}
.main .all .move-btn1.move-btn2{width: 100%; margin-bottom: 10px;}
.main .area1 .box.left .txt3 {font-size: 13px;}
.main .area1 .box.left .input_tp1 input[type=text] {width: 65%;}
.main .area1 .box.left .input_tp1 {width: 75%;font-size: 13px; padding: 10px; align-items: center;}
.main .area1 .box.right .video1 {height: auto; aspect-ratio: 348/700; width: 70%;}
.main .area1 .box.left .agree_box { justify-content: flex-start; padding: 10px 0 30px; font-size: 15px;}
.main .area1 .box.left .txt3 .col-or {display: block; padding-top: 5px;}
.main .area1 .box.left .sq1 {padding:15px 20px}
.main .area1 .cont_area2 .box.box2 input[type="text"] {width: 31.2%;}
.main .area1 .cont_area2 .agree_box {margin-bottom:10px}
.main .all .sec-tit {line-height: 1.2; padding-top: 28px;}
.main .area2 .area2-ul > li .txtbox .tit {font-size: 16px;}
.main .area2 .area2-ul > li .txtbox .detail1 {font-size: 11px;}
.main .area2 .area2-ul > li .txtbox .detail2 { font-size: 11px; margin: 10px 0;min-height: 62px; height: 62px;}
.main .area2 .area2-ul > li .txtbox .date_info {font-size: 12px;}
.main .area2 .area2-ul > li {padding:0 6px}
.main .area2 .area2-ul {margin-right:-6px; margin-left:-6px}
.main .area4 .area4-ul > li {width: 44%;}
.main .area4 .area4-ul > li .tit {height: 40px; min-height:40px}
.main .area4 .area4-ul > li .txtarea .product-la {font-size: 12px; padding: 5px 0;}
.main .area4 .selbox {flex-direction: column; text-align: center;}
.main .area5 .txt1 .other {font-size: 21px;}
.main .area5 .txt1 {font-size: 19px;}
.main .area5 .inner .img {width: 80%; padding-top: 20px;}
.main .area5 .txt2 {font-size: 16px; padding: 15px 10px;}
.main .area5 .area5-2 .inner {padding: 40px 20px; gap: 10px;}
.main .area6 .area6-ul > li {width: 100%;}
.main .area6 .area6-ul > li .tit {font-size: 17px; line-height: 1.3;}
.main .area6 .pc_br{display:none}
.main .area7 .sec-tit,
.main .area8 .sec-tit{font-size: 20px; line-height: 1.4;}
.main .area7 .sec-tit .mo_br,
.main .area8 .sec-tit .mo_br{display:block}
.main .area8 .cont {margin-top: 80px;}
.main .area8 .area8-ul > li .txt1 {font-size: 15px;}
.main .area8 .area8-ul > li .txt2 {font-size: 15px;}
.main .area8 .box.box1 {padding: 30px 15px;}
.main .area8 .area8-ul > li .numbox {width: 32px; height: 25px; font-size: 10px;}
.main .area9 .area9-ul {flex-wrap: wrap; justify-content: flex-start;}
.main .area9 .area9-ul > li {width: 33.33%;}
.main .area10 .area10-ul {flex-direction: column; gap: 20px; margin:0; margin-top: 60px;}
.main .area10 .area10-ul > li {width:100%; margin:0; }
.main .area8 .box.box2 {width: 80%; margin-left: 40px;}

.main .all.popcon.popcon1 .txt1 {font-size: 14px;}
.main .all.popcon.popcon1 .txt2 {font-size: 14px;}
.main .all.popcon{width:90%; }
.main .all.popcon.popcon1 .agree_la1 {font-size:13px}
.main .all.popcon.popcon1 .policy_more {font-size:13px}
.header{padding: 10px 0; text-align: center;}
.header .inner > a > img {width: 20%;}

}/*~모바일*/