/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	.inner{padding-left:50px; padding-right:50px; }
	.inner.innerx {padding-left:0px; padding-right:0px}
	.subdiv1 .area3 .box1 .tbox {height: 150px;}

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

@media screen and (max-width:1200px){
	.subdiv3 .policybox {flex-direction: column; align-items: flex-start;}

} /*add*/


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

	.subdiv1 .sd1_tit {font-size: 31px;}
	.subdiv1 .area3 .ttype2 {font-size:14px}
	.subdiv1 .area3 .contbox {flex-direction: column;}
	.subdiv1 .area3 .contbox > li {display: flex; width: 100%;}
	.subdiv1 .area3 .contbox > li {text-align:left}
	.subdiv1 .area3 .box1 .tbox {width:50%; height:auto}
	.subdiv1 .area3 .contbox > li div {width: 50%;}
	.subdiv1 .area3 .contbox > li:not(:last-child) .tbox {border-bottom: 1px solid var(--80); border-right: 0;}
	.subdiv1 .area3 .bbox {border: 0; border-bottom: 1px solid var(--80);}
	.subdiv1 .area3 .contbox > li:first-child .bbox{border-top:1px solid var(--80)}
	.subdiv1 .area4 .ttype1 {width:100%}
	.subdiv2 .imagemap .add_area:hover::after {top: -95%;}
	.subdiv2 .imagemap .add_area.add_area1 {top: 20%; left: 9.8%;}
	.subdiv2 .imagemap .add_area.add_area2 {top: 36%; left: 14%;}
	.subdiv2 .imagemap .add_area.add_area3 {top: 14%; left: 38.5%;}
	.subdiv2 .imagemap .add_area.add_area4 {top: 19.5%; left: 45.6%;}
	.subdiv2 .imagemap .add_area.add_area5 {top: 32%; right: 37.5%;}
	.subdiv2 .imagemap .add_area.add_area6 {top: 32.2%; right: 15.2%;}
	.subdiv2 .imagemap .add_area.add_area7 {right: 10.8%; bottom: 15.8%;}
	.subdiv3 .resformbox {padding:30px}
	.subdiv3 .chkbox,
	.subdiv3 .ttype1 {font-size: 15px;}
  .subdiv1 .area3 .contbox--02 .tbox {height: auto; justify-content: start;}
	

}/*~테블릿 가로*/

	
	
@media screen and (max-width:767px){
	.hamburger {display: grid;}
	.head .menu_cont {display:none}
	.inner{padding-left:20px; padding-right:20px; }
	.main_bn > ul > li .img{height:500px;}
	.main_bn > ul > li .img img{height:100%;}
	.common_tit {font-size:33px}
	.main_section .area4 .formbox {width:100%}
	.main_section .area3 .box{flex-direction: column-reverse;}
	.main_section .area3 .box.box2{flex-direction: column}
	.main_section .area3 .txtbox {padding-left: 0px;}
	.main_section .area3 .box {gap: 30px;}
	
	/*서브*/
	.sub_back .subtit {text-align:center}
	.subdiv1 .area1 .box1 {flex-direction: column-reverse; gap: 30px; align-items: flex-start;}
	.subdiv1 .area3 .contbox > li div {padding:10px}
	.subdiv2 .area2 .imgbox img{width:100%}
	.subdiv2 .area2 .box {flex-direction: column;}
	.subdiv2 .area2 .imgbox {width:100%}
	.subdiv3 .imgbox {display: none;}
	.subdiv3 .resformbox {border-radius:28px}
	.main_section .area3 .box1 .txtbox{padding:0}
	
}/*~모바일 가로, 태블릿*/


@media screen and (max-width:480px){
	.head img{height:40px}
	.mo_br{display:block}
	.pc_br{display:none}
	.head .inner {height:60px}
	.main_section .area2 .count_ul {flex-direction: column;}
	.main_section .area2 .count_ul > li {display:flex}
	.main_section .area2 .count_ul > li {padding:30px 20px; text-align: left; align-items: center; gap: 20px;}
	.main_section .area2 .empty {padding-top: 0px}
	.main_section .area2 .num {font-size:30px}
	.main_section .area2 .txt1 { font-size: 16px; padding: 0.5rem 0 0.5rem;}
	.main_section .area2 .txt2 {font-size: 15px;}
	.main_section .area2 .count_ul {gap:20px}
	.common_tit {font-size: 28px; margin-bottom: 60px;}
	.main_section .area2 .num {min-height:auto;}
	.main_section .area2 .empty:last-child .txt1{padding-top:0}
	.main_section .area2 .img {display: flex; align-items: center;}
	.main_section .area3 .area3_txt1 {font-size: 19px;}
	.main_section .area3 .area3_txt2 {font-size: 16px;}
	.main_section .area3 .area3_txt3 {font-size: 16px;}
	.main_section .area4 .selectbox, 
	.main_section .area4 .formbox .mfcont textarea, 
	.main_section .area4 .mfinput {font-size: 15px; padding: 12px;}
	.main_section .area4 .txt {font-size: 17px;padding-bottom: 10px;}
	.main_section .area4 .mfcont {padding-bottom: 15px;}
	.main_section .area4 .inputbox {gap:5px; font-size: 15px;}
	.main_section .area4 .policychk + label {font-size: 15px;}
	.main_section .area4 .submit {padding:15px 0; font-size:15px}

	/*서브*/
	.sub_back {height: 250px;}
	.sub_back .subtit {font-size: 25px;}
	.subdiv1 .area1 .box2 {flex-direction: column;}
	.subdiv1 .area1 .contbox {text-align: left;}
	.subdiv1 .area2 .ttype1 {font-size:20px}
	.subdiv1 .area2 .box {flex-direction:column}
	.subdiv1 .area2 .contbox {width: 100%; display: flex; gap: 20px; text-align:left;}
	.subdiv1 .area2 .box {padding:20px}
	.subdiv1 .area2 .imgbox {width: 40%;}
	.subdiv1 .area2 .imgbox img{width:100%}
	.subdiv1 .area2 .ttype3 {font-size: 15px; padding-top:0px}
	.subdiv1 .area2 .hiddenbox{width:60%}
	.subdiv1 .area2 .ttype2 {font-size: 13px; text-align:left}
	.subdiv1 .sd1_tit {padding-bottom:20px}
	.subdiv1 .area1 .ttype1 {font-size: 16px; line-height: 1.5;}
	.subdiv1 .area1 .box1 .txtbox{text-align:center}
	.subdiv1 .area3 .ttype3 {font-size: 19px;}
	.subdiv1 .area3 .ttype1 {font-size: 17px;}
	.subdiv1 .area3 .box {margin-top: 50px}
	.subdiv1 .area4 .ttype1 {font-size: 15px;}
	.subdiv2 .listbox {flex-direction: column; gap:0; margin-bottom:0}
	#sub_common.subdiv2 .area.area1{padding-bottom:0px}
	.subdiv2 .area2 .ttype1 {font-size: 18px; padding-bottom: 2rem;}
	.subdiv2 .area2 .ttype2 {font-size: 14px;}
	.subdiv2 .area2 .ttype3 {font-size: 14px; padding:15px}
	.subdiv2 .area2 .txtboxin p+p {margin-top: 10px;}
	.subdiv2 .imagemap .add_area {width:20px; height:20px}
	.subdiv2 .imagemap .add_area:hover::after {top: -25px; padding:5px 0; font-size:12px}
	.subdiv3 .box1 {gap: 10px; flex-direction: column;}
	.subdiv3 .box2{margin-top:40px}
	.subdiv3 .infobox {padding:20px; font-size:14px}
	.subdiv3 .resformbox input[type=text], 
	.subdiv3 .resformbox textarea, 
	.subdiv3 .resformbox select{font-size: 15px; padding: 12px;}
	.subdiv3 .resformbox .txt {font-size: 17px;padding-bottom: 10px;}
	.subdiv3 .resformbox .mfcont {padding-bottom: 15px;}
	.subdiv3 .resformbox.inputbox {gap:5px; font-size: 15px;}
	.subdiv3 .resformbox .policychk + label {font-size: 15px;}
	.subdiv3 .resformbox .submit {padding:15px 0; font-size:15px}

}/*~모바일*/