@media all and (max-width: 1200px){
	.header > ul { width: calc(100% - 20px); }
	.gnb_area > ul { width: calc(100% - 20px); }
	.top_search_area { padding: 47px 0px; background: #d9e9f0; }
	.top_search_area > div { width: calc(100% - 20px);}

	.search_list_area > ul { width: calc(100% - 10px);}
	.search_list_area > ul > li { width: calc(25% - 10px); margin: 0px 5px 40px; }

	.search_list_area2 > ul { width: calc(100% - 10px);}
	.search_list_area2 > ul > li { width: calc(33.3333333333333% - 20px);  }

	.search_list_area3 > ul { width: calc(100% - 10px);}
	.search_list_area3 > ul > li { width: calc(25% - 10px); margin: 0px 5px 40px; }


	.footer > ul { width: calc(100% - 20px); }
	.search_main { width: calc(100% - 20px); }
	.data_banner { width: calc(100% - 20px); }
	.w1200area { width: calc(100% - 20px); }
	.main_foot_ad > ul { width: calc(100% - 20px); }

	.search_main { 
		left: 10px; top: 0px; 
		width: calc(100% - 20px); 
		/* background: url('../images/vs_bg.jpg') right bottom no-repeat; background-size: 518px;  */
	}

	.maintopslidercon { 
		width: 100% !important;
	}
	.maintopslider {
		background-size: cover; background-repeat: no-repeat; background-position: center right !important;
	}
}
@media all and (max-width: 1200px){
	.header { border-bottom: 1px solid #e7e7e7; position: fixed; width: 100%; z-index: 10000; background: #fff; }
	.header_line { height: 50px; }
	.header > a.mobile_bt { display: block; }
	.header > ul { width: calc(100% - 20px); margin: auto; }
	.header > ul > li { float: left; line-height: 50px;  }
	.header > ul > li:nth-child(2) { float: right; font-size: 14px; margin-right: 50px; }
	.header > ul > li:last-child { display: none; }


	.gnb_area { 
		display: none;
		position: fixed; z-index: 10000; left: 0px; top: 0px; width: calc(100% - 100px);
		background: #fff; height: 100%; overflow: auto;
	}
	.gnb_area > ul { width: 100%; margin: auto; }
	.gnb_area > ul > li { float: left; line-height: 50px; padding: 10px; width: 100%;}
	.gnb_area > ul > li:last-child { width: 100%; border: none; border-top: 1px solid #e7e7e7; }
	.gnb_area > ul > li > a { 
		margin-right: 0px; font-size: 15px; border: 1px solid #ddd; margin-top: 5px;
		display: inline-block; width: calc(50% - 2px); text-align: center; 
	}
	.gnb_area > ul > li > a:nth-child(2n) { float: right; }
	.mobile_gnb_top { display: block;}

	.footer > ul > li { width: 100%; text-align: center;}
	.footer > ul > li:first-child { margin-bottom: 20px; }
	.footer > ul > li:last-child { margin-top: 20px; }

	.data_banner > li:first-child { width: 50%; }
	.data_banner > li:nth-child(2) { width: 50%; }
	.data_banner > li:last-child { display: none; }
}

@media all and (max-width: 1000px){
	.top_search_area > div > a.search_close { display: none; }
	.top_search_area > div > div.title_txt {
		font-size: 25px; font-weight: 700; color: #393939;
	}
	.top_search_area > div > div.title_txt > span { 
		font-size: 14px; border-left: 2px solid #1a89a1; margin-left: 5px; padding-left: 10px; font-weight: 500; display: inline-block; height: 15px; line-height: 13px;
	}
	.top_search_area > div > form > ul.selecter_area { margin-top: 20px; }
	.top_search_area > div > form > ul.selecter_area > li { 
		float: left; width: 50%; position: relative;  margin-top: 10px;
	}
	.top_search_area > div > form > ul.selecter_area > li > a { display: inline-block; }


	.cate_selecter > ul.selecter_area { margin-top: 20px; }
	.cate_selecter > ul.selecter_area > li { 
		float: left; width: 50%; position: relative;  margin-top: 10px;
	}
	.cate_selecter > ul.selecter_area > li > a { display: inline-block; }

	.search_list_area > ul > li { width: calc(25% - 10px); }
	.search_list_area3 > ul > li { width: calc(25% - 10px); }
	.search_layer_pop { 
		right: 0px; top: 10px; 
	}

	.search_layer_pop > ul > li { float: left; height: 283px; overflow: auto;  }

	.search_layer_pop > div.close { display: none; text-align: right; margin-right: 10px; margin-top: 3px; }
	.search_layer_pop > ul > li { width: 50%;  }
	.search_layer_pop > ul > li:first-child { width: 50%; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
	.search_layer_pop > ul > li:first-child > ul { width: 100%; }
	.search_layer_pop > ul > li:first-child > ul > li {width: calc(25% - 20px); }

	.search_layer_pop > ul > li:last-child { padding-top: 10px; }
	.search_layer_pop > ul > li:last-child > ul { width: 100%; }
	.search_layer_pop > ul > li:last-child > ul > li { float: left; width: calc(25% - 20px); }


	.search_layer_pop > div.close { display: block;  }


	.regi_form { padding: 20px 0px 20px; }
	.regi_form > ul { margin-top: 20px; }
	.regi_form > ul > li { width: calc(100% - 100px); }
	.regi_form > ul > li:nth-child(3) {
		margin-top: 20px;
	}
	.regi_form > ul > li:nth-child(4) {
		margin-top: 20px;
	}


	.profile_area { float: none; width: 500px; margin: 0 auto 20px;  }
	.profile_area > li { 
		width: calc(50% - 5px); 
	}
	.profile_area > li:first-child { margin-right: 10px; }

	.title_img_txt { text-align: center !important; }

	.mypage_margin { margin-top: 0px; }
	.mypage_top_margin { margin-top: 0px; }

	.doctor_mypage_profile > li { width: 100%; }
	.doctor_mypage_profile > li:last-child { margin-top: 30px;}

	.doctor_mypage_profile > li > ul > li > input[type='text'],
	.doctor_mypage_profile > li > ul > li > input[type='number'],
	.doctor_mypage_profile > li > ul > li > input[type='file'],
	.doctor_mypage_profile > li > ul > li > input[type='password'] {
		width: calc(100% - 0px);
	}


	.search_main { 
		position: relative; left: 0px; top: 0px; padding-top: 10px;
		width: calc(100% - 20px); 
		/* background: url('../images/vs_bg.jpg') right bottom no-repeat; background-size: 518px;  */
	}

}
@media all and (max-width: 900px){
	.subpage01 { padding: 20px 10px; background: #f0f3f5; }

	.main_foot_ad > ul > li { width: calc(100% - 0px); }
	.main_foot_ad > ul > li:last-child { margin-top: 30px; }

	.list_smart table .pc_view { display: none; }

}



@media all and (max-width: 800px){
	.top_search_area > div > form > ul.select_data { margin-top: 10px; }
	.top_search_area > div > form > ul.select_data > li:last-child { 
		width: 100%; border: none; margin: auto; 
	}
	.top_search_area > div > form > ul.select_data > li:first-child {
		width: 100%; border-bottom: 1px solid #dadada;
	}

	.cate_selecter > ul.select_search { margin-top: 10px; }
	.cate_selecter > ul.select_search > li:last-child { 
		width: 100%; border: none; margin: auto; 
	}
	.cate_selecter > ul.select_search > li:first-child {
		width: 100%; border-bottom: 1px solid #dadada;
	}

	.top_search_area > div > form > ul.selecter_area > li > ul > li { float: left; width: calc(100% - 40px); margin: 0px 10px; padding: 5px 10px; cursor: pointer; }
	.cate_selecter > ul.selecter_area > li > ul.dapth01 > li { float: left; width: calc(100% - 40px); margin: 0px 10px; padding: 5px 10px; cursor: pointer; }

	.search_list_area > ul > li { width: calc(33.333333333333% - 10px); }
	.search_list_area3 > ul > li { width: calc(33.333333333333% - 10px); }
	.search_list_area2 > ul > li { width: calc(50% - 10px); margin: 0px 5px 10px; }


	.data_banner > li:first-child { width: 100%; }
	.data_banner > li:nth-child(2) { width: 100%; }

	.customerList li{width: calc(50% - 20px);float:left;margin:20px 10px 30px;}

	.customerList li .tit{
		font-size:15px;
	}
	.customerList li .txt{
		font-size:13px; height: 55px;
	}

	.customerList li .date{ font-size:13px; }
}

@media all and (max-width: 600px){
	.header > ul > li:nth-child(2) { letter-spacing: -1px;}
	.header > ul > li:nth-child(2) > span { margin-left: 10px; }
	.header > ul > li:nth-child(2) > b { margin-left: 5px; color: #367980; font-weight: 500; }
	.search_list_area > ul > li { width: calc(50% - 10px); }
	.search_list_area3 > ul > li { width: calc(50% - 10px); }

	.search_layer_pop > ul > li:first-child > ul > li {width: calc(50% - 20px); }
	.search_layer_pop > ul > li:last-child > ul > li { float: left; width: calc(50% - 20px); }

	.search_layer_pop > ul > li:first-child > ul > li {width: calc(100% - 20px); }
	.search_layer_pop > ul > li:last-child > ul > li { float: left; width: calc(100% - 20px); }

	.regi_form02 > ul > li { float: left; width: 100%; }


	.view_pic_area > ul { width: calc(100% + 15px); margin-left: -5px;}
	.view_pic_area > ul > li { float: left; width: calc(100% - 15px); margin: 5px;  }

	.searchBox{width:calc(100% - 0px);}
	.viewBox{padding:10px;}

	.ad_order_bt { 
		line-height: 36px; margin-top: 0px; position: absolute; top: -30px; right: 0px;
	}



	.qna_pop_layer { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 10000;}
	.qna_pop_layer > div { 
		width: calc(100% - 20px); margin: 10px 10px 0px; background: #fff; border-radius: 10px; 
		-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	}

	.qna_pop_layer > div > div.title_txt { padding: 30px; background: #1eb59b; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; font-size: 18px; font-weight: 700; }
	.qna_pop_layer > div > div.title_txt > a { float: right; color: #fff; font-size: 18px; }
	.qna_pop_layer > div > div.form_area { padding: 0px 20px 20px; }
	.qna_pop_layer > div > div.form_area > form > div.form { margin-top: 20px; }
	.qna_pop_layer > div > div.form_area > form > div.form > input { border-radius: 3px; padding: 5px; border: 1px solid #ddd; width: 100%; background: #f8f8f8; }
	.qna_pop_layer > div > div.form_area > form > div.form > textarea { border-radius: 3px; padding: 5px; border: 1px solid #ddd; width: 100%; height: 150px; background: #f8f8f8; }


	.ad04_area { width: 100%; height: auto; padding-bottom: 20%; }
	.ad04_area > a { }


	.maintopslidercon { 
		height: 288px !important; 
	}


}

@media all and (max-width: 550px){
	.regi_form > ul > li > input[type='text'],
	.regi_form > ul > li > input[type='number'],
	.regi_form > ul > li > input[type='file'],
	.regi_form > ul > li > input[type='password'],
	.regi_form > ul > li > textarea{
		width: calc(100% - 0px);
	}

	.regi_form > ul > li > a.regi_button { 
		width: 100%; margin-top: 5px; margin-right: 0px;
	}


	.profile_area { width: 100%; }
	.title_img_txt { text-align: center !important; }
	.title_img_txt > img { width: 100%; }

}


@media all and (max-width: 508px){
	.search_main { 
		padding-top: 20px; padding-bottom: 20px; 
		background: none;
	}

	.search_main > ul { width: 100%; }
	.search_main > ul > li { font-size: 13px;}
	.search_main > ul > li:last-child { font-size: 15px; }
	.search_main > div.notice { width: 100%; }

	.section_title { font-size: 24px; padding-bottom: 10px; }
	.section_title > span { font-size: 13px; }

	.main_foot_ad > ul > li > ul > li { min-height: auto; width: calc(100% - 0px); }
	.main_foot_ad > ul > li > ul > li:last-child { 
		width: 100%; margin-left: 0px; height: 100px;

	}
	.main_foot_ad > ul > li > ul > li:last-child > div { 
		float: left; display:inline; width: calc(33.33333333333333333333% - 3.5px); height: 78px; margin-bottom: 10px; margin-right: 3.5px;
	}
	/*
	.main_foot_ad > ul > li > ul > li:last-child > div:nth-child(3) { margin-right: 0; float: right; }
	*/

	.search_list_area2 > ul > li { width: calc(100% - 10px); margin: 0px 5px 10px; }
	.mobile_gnb_top > div > a {
		margin: 0px 2px; display: inline-block; line-height: 36px; border-radius: 3px; background: #fff; font-size: 15px; font-weight: 400;
		padding: 0px 0px; background: #1a89a1; color: #fff; font-size: 14px; letter-spacing: -1.2px;
		width: calc(33.33333333333333% - 7px);
	}

}


@media all and (max-width: 450px){

	.maintopslidercon { 
		height: 258px !important; 
	}

}

@media all and (max-width: 400px){
	.header > ul > li:nth-child(2) { display: none; }
	.header > ul > li:first-child { width: 100%; text-align: center; }
	.gnb_area > ul > li:last-child { font-size: 13px; }
	.search_list_area > ul > li { width: calc(100% - 10px); }
	.search_list_area_mb > ul > li { width: calc(50% - 10px); }
	.search_list_area3 > ul > li { width: calc(100% - 10px); }

	.login_form { width: calc(100% - 20px); }

	div.active_links > a { display: inline-block; width: calc(33.33333333333333333% - 5px); line-height: 36px; background: #1a89a1; color: #fff; font-size: 15px; border-radius: 3px; }

	.search_layer_pop > ul > li:first-child > ul > li {width: calc(100% - 20px); }
	.search_layer_pop > ul > li:last-child > ul > li { float: left; width: calc(100% - 20px); }
}