@charset "utf-8";

@media(max-width: 768px) {
  /* .main_banner {height: 310px;} */
}

@media(max-width: 450px) {
  .main_banner .slide_banner {max-width: 100%; left: inherit; margin-left: 0;}
}
@media(max-width: 330px) {
  #top_area ul li a {font-size: 13px;}
  .qa_list .box .head {overflow: visible;}
  .qa_list .head .thum,
  .qa_list .head .write_info {float: none;}
  .qa_list .head .thum img {width: 25px; height: 25px;}
  .main_banner {height: 336px;}
  .login .support_banner > ul > li {padding: 44px 44px 44px 100px;}
  .login .support_banner > ul > li:first-child {background: #fff url(../images/bg/login_bg01.png) no-repeat 28px center; background-size: 50px;}
  .login .support_banner > ul > li:last-child {background: #fff url(../images/bg/login_bg02.png) no-repeat 28px center; background-size: 50px;}
  .tab_area_depth01 ul li a {font-size: 13px; padding: 10px 1px;}
}
/**/
@media(max-width: 414px) {
}
@media(max-width: 375px) {
}
@media(max-width: 360px) {
	.main .main_con{height: 32vh;}
	.bt_con2 .main_bottom dt{margin: 0.3em auto}
}
@media(max-width: 330px) {
	.slide_box .card{height: 12em;}
	.slide_box .no_card img{width: 100%; padding-top: 35px;}
}
@media(min-height: 800px) {
	.main .main_con{height: 45vh;
	background: url(../../Asset/images/resources/bg_main.png); background-size: 90% 90%; background-repeat: no-repeat; background-position: 50% 10%
	}
}
@media(max-width: 320px) {
	.slide_box .list .text{margin-top: 10px !important;}
	.bt_con2 .main_bottom dt{margin: 0 auto}
	.bt_con2 .main_bottom dd{display: none; width: 3em; height: 3em;}
	.mains_top .maintop_text .title{margin-top: 0}
}

/*메인 하트 미디어 쿼리*/
/*아이폰 X*/
@media (min-width:375px) and (max-width:375px) and (max-height:812px) and (min-height:812px)
{
	.main_con{height:75vh;
	background: url(../../Asset/images/resources/bg_main.png); background-size: 95% 90%; background-repeat: no-repeat; background-position: 50% 100%
	}
	.m_con_main{margin-top: -80px;}
	.m_con_find{margin-top: -100px;}
	.m_con_map{margin-top: 7px;}
	.m_con_Alzhe{margin-top: 80px; margin-left: -130px;}
}
/*갤럭시 폴*/
@media (min-width:280px) and (max-width:280px) and (max-height:653px) and (min-height:653px)
{
	.main_con{height:75vh;
	background: url(../../Asset/images/resources/bg_main.png); background-size: 85% 90%; background-repeat: no-repeat; background-position: 50% 90%
	}
	.m_con_find{width:6em; height:6em; font-size: 0.9em; margin-top: -80px;  margin-left:-100px;}
	.m_con_find span{margin-top: 1.7em;}
	.m_con_main{max-width: 200px;}
	.m_con_main{width:55%; margin-top: -65px; margin-left: -50px;}
	.m_con_map{width:5.5em; height:5.5em; font-size: 0.9em; margin-left:-105px; margin-top: -3px}
	.m_con_map .maps{margin-top: 23px; padding-left:11px;}
	.m_con_Alzhe{width:4em; height:4em; line-height:4em; font-size: 0.8em; margin-left:-70px; margin-top: 55px;}
	.phone_join{display: none}

	.wrap{max-width: 280px;}
	body{max-width: 280px; overflow-x: hidden}
}
/*아이폰 se*/
@media (min-width:320px) and (max-width:320px) and (max-height:568px) and (min-height:568px)
{
	.main_con{height:35vh;
	background: url(../../Asset/images/resources/bg_main.png); background-size: 85% 90%; background-repeat: no-repeat; background-position: 50% 10%
	}
	.m_con_find{width:6em; height:6em; font-size: 0.9em; margin-top: -120px;  margin-left:-100px;}
	.m_con_find span{margin-top: 1.7em;}
	.m_con_main{max-width: 220px;}
	.m_con_main{width:55%; margin-top: -105px; margin-left: -50px;}
	.m_con_map{width:5.5em; height:5.5em; font-size: 0.9em; margin-left:-105px; margin-top: -48px}
	.m_con_map .maps{margin-top: 23px; padding-left:11px;}
	.m_con_Alzhe{width:4em; height:4em; line-height:4em; font-size: 0.8em; margin-left:-70px; margin-top: 15px;}
	.phone_join{display: none}
	/*가입부분 짤림*/
	.text_join{font-size:1.2em;}
	.join_input li{padding: 5px 20px}
	.join_name input{padding:10px;}
	.join_img{width: 5.5em; height: 5.5em; margin: 5px auto 0px}
	/*.slick-dots{position: absolute; top:40px;}*/
	.slick-dots{position: inherit; top:40px;}
	.quiz_slider .img_center{margin: 1.2em auto 1em;}
	.wrapping6 .Grade_Result{display: none}
}
@media (max-height:680px) {
/*이미지 등급 가운데*/
	.imgss{background-size: contain !important}
}
/*아이폰 678*/
@media (min-width:375px) and (max-width:375px) and (max-height:667px) and (min-height:667px)
{
	.main_con{height:45vh;
	background: url(../../Asset/images/resources/bg_main.png); background-size: 85% 90%; background-repeat: no-repeat; background-position: 50% 10%
	}
	.m_con_find{width:6.5em; height:6.5em; font-size: 0.9em; margin-top: -110px;  margin-left:-125px;}
	.m_con_find span{margin-top: 2em;}
	.m_con_main{width:90%; margin-top: -120px; margin-left: -70px;}
	.m_con_main{max-width: 220px;}
	.m_con_map{width:6em; height:6em; font-size: 0.85em; margin-left:-130px;}
	.m_con_Alzhe{width:5em; height:5em; font-size: 0.8em; margin-left:-100px; margin-top: 35px; line-height: 5em;}
}
/*아이폰 678플러*/
@media (min-width:414px) and (max-width:414px) and (max-height:736px) and (min-height:736px){
	.main_con{height:50vh;
	background: url(../../Asset/images/resources/bg_main.png); background-size: 85% 90%; background-repeat: no-repeat; background-position: 50% 10%}
	.m_con_find{width:7em; height:7em; font-size: 0.9em; margin-top: -115px;  margin-left:-140px;}
	.m_con_find span{margin-top: 2.5em;}
	.m_con_main{width:90%; margin-top: -130px; margin-left: -80px;}
	.m_con_main{max-width: 250px;}
	.m_con_map{width:6em; height:6em; font-size: 0.85em; margin-left:-140px; text-align: center; }
	.m_con_Alzhe{width:5em; height:5em; border-radius: 56%; font-size: 0.8em; margin-left:-110px; margin-top: 35px; line-height: 5em;}
	.m_con_map .maps{margin-top: 25px !important; padding-left: 12px !important;}

}
/*모토*/
@media (min-width:360px) and (max-width:360px) and (max-height:640px) and (min-height:640px)
{
	.m_con_find{width:6.5em; height:6.5em; font-size: 0.9em; margin-top: -85px;  margin-left:-118px;}
	.m_con_find span{margin-top: 2em;}
	.m_con_main{width:60%; margin-top: -80px; margin-left: -65px;}
	.m_con_map{width:6em; height:6em; font-size: 0.9em; margin-left:-125px; margin-top: -15px;}
	.m_con_Alzhe{width:5em; height:5em; line-height: 5em; font-size: 0.8em; margin-left:-95px; margin-top: 55px}
}