@charset "utf-8";
/* CSS Document */

#panel_main{width: 1250px;}

@media screen and (max-width: 1750px){
	#panel_main{    width : 1000px ;}
	#case_title_box img{    right: 6px;
    top: -35px;
    width: 185px;}
	.case_title_area {width: 80%;}
	.case_title span{display:none;}
	.hover_shadow_70{width:60%;}
	.panel_100_img {
		width: 50%;}
	.panel_70_maintitle {
		font-size: 20px;}
	.panel_70_img img{    width: 200px;
    height: auto;}
	.panel_70_img {
		margin-top: 15px;}
.top{width:450px;}
.panel_100_img{right:10px;}


	#function_intro .text2_title { font-size: 16px;}  
	#function_intro .function_main1{    width: 75%;}
	.function_title {
		font-size: 20px;}
	.function_panel_img{ max-width: 100px;}   
	.function_img{display:none;}
#leaf_price_list {
    width: 100%;
}
#leaf_price_list .priceBox p {
    font-size: 13px;
}

.slick-prev {
    left: -25px;
}
#top_pamel_menu{    width: 95%;
    margin-left: auto;
margin-right: auto;}
.text_1{font-size:15px;}
}


@media screen and (max-width: 1660px){
	#panel_main{    width : 1000px ;}
	
}



@media screen and (max-width: 1600px){
	#panel_main{    width : 1000px ;}
	
}

@media screen and (max-width: 1500px){
	#contents_area {    width: 100%;}
	#panel_help{display:none;}

	
}

@media screen and (max-width: 1270px){
		#case_title_box img{display:block;}
	.case_title_area{width:80%;}
}


@media screen and (max-width: 1250px){
	#panel_main{    width : 750px ;}
	#panel_help{display:none;}
	#contents_area {    width: 100%;}
		#case_title_box img{display:none;}
	.case_title_area{width:100%;}
	.panel_100_img{display:none;}
	.top{    width: 100%;}
	.panel_100{height:280px;}
	.panel{margin-bottom:30px;}
	.hover_shadow_70{    width: 100%;margin-bottom:30px;}
	.hover_shadow_30{width:100%;}
	.panel_70_text{width:66%;}
	.function_30a{width:47%;}
	.function_50{width:47%;}
	#function_intro .function_main1 {    width: 73%;
    margin-left: 30px;
}
#leaf_price_list .basic_set .plan_each_ex{height:105px;}
#leaf_price_list a {
    color: #2a9dff;
    font-size: 12px;
}
#leaf_price_list p span.free_option_title{display:block;}
	#function_intro .function_img{display:none;}
}

@media screen and (max-width: 1030px){
	#panel_main{    width : 97% ;}
	#nav{display:none;}
	#panel_area{    width: 100%;
    left: 0;top:65px;}
	#res_nav{display:block;}
	.res_menu{display:block;}
	.flex_case{    justify-content: center;}
#top_panel_menu{justify-content:center;}
}


@media screen and (max-width: 850px){
	#function_intro .function_main1{width:65%;}
}

@media screen and (max-width: 800px){
#leaf_price_list .id_price p {
    float: none;
    text-align: center;
}
.plan_each_ex{font-size:12px;}
#leaf_price_list .center{padding:0;width:100%;}
#leaf_price_list .basic_set{padding:12px;}
#leaf_price_list .discountBox p{font-size:14px;}
}


@media screen and (max-width: 767px){
	.panel_70_img img{display:none;}
	.panel_70_text{width:100%;}
	.hover_shadow_70{height:280px;}
	.panel_70_cont{    margin-top: 10px;}
	.case_title_area{height:65px; padding: 12px;
}
	.case_title{font-size:20px;    margin-top: 6px;}
	.case_catch{    font-size: 14px;    width: 150px;}

	.panel_100{height:auto;}
	.copy{font-size:20px;text-align:center;position:static;margin-top: 20px}
	.logo{float:none;text-align:center;}
	.logo img{width:100px;height:auto;}

.smart_discount{display:none;}
#leaf_price_list .basic_set{max-width:100%;    width: 90%;
    margin: 20px auto;}
#leaf_price_list .discountBox p{font-size:13px;}
#leaf_price_list .basic_set .plan_each_ex{height:75px;}
#leaf_price_list .priceBox{width:100%;}
}

@media screen and (max-width: 700px){
	#panel_area{padding:15px;}
	.copy{font-size:15px;font-weight:700;    letter-spacing: 3px;}
	.text_1{font-size:13px;}
	.panel_70_title {
		font-size: 18px;}
	.panel_70_title img{width:25px;height:auto;}
	.panel_70_subtitle{}
	.panel_70_maintitle{    font-size: 16px;font-weight:700;}
	.panel_shadow{display:none;}
	.hover_shadow_30{min-width:100px;}
	.panel_30_title{    font-size: 27px;}
	.function_30a{width:100%;}
	.function_50{width:100%;}
.modal_cont {
    width: 100%;
    height: 520px;
    overflow: auto;
}
.modal_frame{display:none;}
.modal_cont .modal_title {
    margin-top: 60px;
}




}

@media screen and (max-width: 600px){
	#function_intro .function_main1{width:50%;}
	#function_intro .function_title {
		font-size: 25px;}
	#res_button{display:block;}
.inquiry_form{display:none;}
}
	
	@media screen and (max-width: 500px){
		#function_intro .function_main1{margin-left:15px;}
		#function_intro #top_panel_menu {width:161px;margin:0 auto;float: none}
#function_intro .function_main1{width:100%;margin-left:0;}
.case_catch{ display:none;}
#top_panel_menu .menu_panel{margin-right:0;}

}
#panel_main2{    width: 100%;
    padding: 30px;padding-right:20px;}