@media screen and (max-width: 1200px) {
	.lesson_section1 .contents_area {
		flex-wrap: wrap;
	}
	.lesson_section1 .contents_area article {
		margin: 15px 30px;
	}
	.lesson_section1 .contents_area article + article:before {
		left: -50px;
		width: 40px;
	}
	.intro_section4 article {
		height: 160px;
	}

	.career_section1_content .circle_ul_wrap > .txt_box {
		position: static; 
		margin-top: 30px; 
		top: auto; 
		right: auto; 
		transform: none;
	}
	.career_section1_content {
		display: block;
		padding-bottom: 0;
	}
	.career_section1_content .half_arrow, .career_section1_content .half_arrow .arrow {
		display: none;
	}
	.career_section1_content .circle_ul:last-child li {
		margin-top: 30px;
	}
}

@media screen and (max-width: 992px) {
	body,html {
		font-size: 16px;
	}
	header {
		display: none;
	}
	.mobile_header {
		display: flex;
		position: fixed;
		width: 100%;
	}
	.mobile_header_contain {
		display: block;
	}
	.main_top h1 {
		font-size: 3rem;
	}
	.lesson_section1 .contents_area {
		margin-top: 40px;
	}
	.lesson_section1 .contents_area article + article:before {
		display: none;
	}
	.styling_section1 .circle_ul li {
		width: 190px;
		height: 190px;
		flex: 0 0 190px;
	}
	.intro_section1 {
		padding: 70px 0;
	}
	.intro_logo_box {
		margin-top: 30px;
	}
	.intro_logo_box img {
		width: 80px;
	}
	.intro_section2 {
		padding: 80px 0;
	}

	.intro_section3 ul {
		margin-bottom: 15px;
		justify-content: flex-start;
	}
	.intro_section3 ul li:first-child {
		flex: 0 0 65px;
		max-width: 65px;
	}

	.intro_section4 article {
		height: 130px;
	}
	.diagnosis_section1_line_area:before {
		display: none;
	}

	.diagnosis_section1_line_area .container_md {
		display: block; 
	}
	.diagnosis_section1_line_area .dl_wrap {
		margin-top: 30px;
		text-align: center;
	}
	.talk_box {
		padding: 0px 45px 20px;
	}
	.talk_box > article {
		padding: 30px;
	}
	.talk_box > article .detail {
		margin-top: 10px;
	}
	.consulting_person_section .artist_txt_box {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.turnover_section1 .circle_ul .half_arrow {
		display: none;
	}

	.recommand_box article {
		height: auto;
	}

	.circle_box {
		justify-content: center;
		flex-wrap: wrap;
		padding: 20px 15px;
	}
	.circle_box span {
		width: 150px;
		height: 150px;
		margin: 15px;
	}
	.table_course th,
	 .table_course td {
	 	padding: 20px 30px;
	 }
}


@media screen and (max-width: 768px) {
	body,html { font-size: 14px; }
	h1, .h1 { font-size: 2.2rem; }
	h2, .h2 { font-size: 1.6rem; }
	h3,.h3 { font-size: 1.4rem; }
	.pb-4, .py-4 { padding-bottom: 1.2rem!important; }
	.pb-5, .py-5 { padding-bottom: 2.3rem!important; }
	.mt-4, .my-4 { margin-top: 1.2rem!important; }
	.mt-5, .my-5 { margin-top: 2.3rem!important; }
	.mb-5, .my-5 { margin-bottom: 2.3rem!important; }
	aside {
		bottom: 50px;
		right: 10px;
		top: auto;
	}
	aside article {
		display: flex;
		padding: 12px 0;
		width: 55px;
		height: 55px;
		align-items: center;
		justify-content: center;
	}
	aside article p {
		display: none;
	}

	.main_top {
		height: 420px;
	}
	.index_slider .swiper-slide {
		height: 420px;
	}
	.index_slider .swiper-slide h1 {
		font-size: 30px;
	}
	.index_slider .swiper-slide p {
		font-size: 16px;
	}
	.main_top a {
		width: 200px;
	}
	.half_arrow > span.arrow {
		width: 25px;
	}



	.section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section_lg {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.main_booking_section .btn_common {
		width: 150px;
	}
	.main_styling_section {
		padding: 80px 0;
	}

	.main_review_section .half_arrow {
		margin-top: 40px;
		width: 150px;
	}

	.main_quality_section {
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.main_quality_section .tab_style1 li {
		margin: 0px 15px;
	}

	.main_insta_section {
		padding: 60px 0;
	}

	.sub_top_area {
		height: 155px;
	}
	.calendar_area_wrap {
		padding: 20px;
	}
	.control_area {
		padding: 20px;
	}
	.main_styling_section .img_col {
		margin: 20px 0;
		text-align: center !important;
	}
	.main_styling_section .img_col img {
		max-width: 210px !important;
		width: 60%;
	}
	.lesson_section3 article h6 {
		margin-top: 25px;
	}
	.lesson_section1 .contents_area article .txt_box {
		padding: 0 25px;
	}
	.lesson_section1 .contents_area article > img {
		width: 140px;
	}
	.lesson_section2 .qna_card {
		margin: 15px 0;
		padding: 0 25px;
		height: auto;
	}
	.qna_card dl {
		padding: 15px 0;
	}
	.qna_card dl dt {
		flex: 0 0 30px;
		max-width: 30px;
	}
	.lesson_section4 {
		padding: 80px 0 150px;
	}
	.lesson_section4 .swiper-pagination {
		bottom: -80px;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 25px;
		height: 48px;
		margin-top: -24px;
		background-size: 25px 48px;
	}
	.bna_swiper article h2 {
		margin-top: 30px;
	}
	.pipe_line_list {
		flex-wrap: wrap;
	}
	.pipe_line_list > article {
		margin-bottom: 25px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.pipe_line_list > article + article:before {
		display: none;
	}
	.shopper_section1 article {
		margin-bottom: 25px;
		padding: 25px 20px;
	}

	.circle_ul li {
		width: 110px;
		flex: 0 0 110px;
		height: 110px;
	}
	.img_card img {
		margin-bottom: 20px;
	}
	.artist_swiper article {
		display: block;
	}
	.artist_swiper article .img_box {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
	.artist_swiper article .artist_txt_box {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;	
	}
	.artist_txt_box {
		margin: 15px 0;
		text-align: center !important;
	}
	.artist_txt_box ul {
		margin-top: 15px;
	}
	.styling_section1 .circle_ul {
		display: block;
		margin-top: 40px;
	}
	.styling_section1 .circle_ul li {
		margin: 10px auto;
	}
	.footer_top {
		padding: 15px 0;
	}
	.footer_top ul {
		display: block;
		margin: 8px 0;
	}
	.footer_top ul li + li {
		margin-left: 0px;
		margin-top: 5px;
	}
	.footer_info_wrap .col-12 {
		display: block;
	}
	.footer_info_wrap .footer_logo {
		display: inline-block;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.footer_info_wrap .footer_info ul {
		display: block;
	}
	.footer_info_wrap .footer_info ul li {
		display: inline-block;
		margin: 2px;
	}
	.footer_info_wrap .footer_info ul li + li {
		margin: 2px;
	}
	.footer_info_wrap .footer_info ul + ul {
		margin-top: 7px;
	}
	.custom_modal_close {
		padding: 20px 20px 0px;
	}
	.reservation_info_box {
		display: block;
		margin: 10px 0 25px;
	}
	.reservation_info_box dl + dl {
		margin-left: 0;
	}
	.reservation_info_box dl dt {
		width: 60px;
	}
	.modal_inner_box {
		padding: 15px 15px 20px;
	}
	.control_area .inner:last-child .half_arrow {
		width: 150px;
	}

	.progress_section article .inner_box {
		display: block;
	}
	.progress_section article .img_area {
		text-align: center;
	}
	.progress_section article .txt_area, .progress_section article .img_area {
		padding: 20px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.lesson_section.progress_section article .txt_area,
	.lesson_section.progress_section article .img_area {
		padding: 20px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.progress_section article {
		margin: 80px 0;
		padding: 30px 0 50px;
	}
	.progress_section article .step {
		top: -40px;
	}
	.progress_section article .step.triangle:before {
		border-top: 80px solid #10ccdd;
		border-left: 70px solid transparent;
		border-right: 70px solid transparent;
	}
	.progress_section article .step.square {
		top: -60px;
		width: 100px;
		height: 100px;
	}

	.control_area .box_flex {
		display: block;
	}

	.diagnosis_section2 article {
		padding: 30px;
	}
	.circle_ul.size_lg li {
		width: 200px;
		flex: 0 0 200px;
		height: 200px;
	}
	.circle_ul {
		flex-wrap: wrap;
	}
	.diagnosis_section1_line_area li:last-child {
		margin-left: 0;
	}
	.tab_box ul li {
		padding: 20px 25px;
	}

	.turnover_section1 .circle_ul {
		margin-top: 60px;
	}
	.turnover_section1 .circle_ul.size_lg li {
		width: 170px;
		flex: 0 0 170px;
		height: 170px;
	}
	.turnover_section1 .circle_ul li + li {
		margin-left: 10px;
	}

	.personal_header {
		padding-bottom: 40px;
	}	
	.table_personal th,
	.table_personal td {
		padding: 20px 10px;
	}
	.personal_list_box {
		padding: 20px;
	}
	.persoanl_content {
		display: block;
	}
	.persoanl_content article {
		flex: none;
		max-width: none;
	}
	.persoanl_content article:first-of-type {
		padding-right: 0;
	}
	.persoanl_content article:last-of-type {
		padding-left: 0;
	}
	.persoanl_content article + article {
		border-left: none;
		margin-top: 50px;
	}
	.personal_badge {
		width: 180px;
		padding: 10px 0;
		margin-bottom: 30px;
		font-size: 18px;
	}
	.persoanl_content .personal_list {
		max-width: 250px;
		margin: 0 auto;
	}
	.personal_list li {
		font-size: 12px;
	}
}

@media screen and (max-width: 576px) {
	.calendar_area_wrap .ui-datepicker th {
		padding: 20px 5px;
	}
	.box_chk input + span {
		padding: 6px 12px;
	}
	.logo_section ul {
		flex-wrap: wrap;	
	}
	.logo_section ul li {
		margin: 20px 0;
		flex: 0 0 16.6%;
		max-width: 16.6%;
		text-align: center;
	}
	.modal_detail_area .flex_div .ipt_title {
		margin-bottom: 5px;
		max-width: 100%;
	}
	.modal_detail_area .flex_div {
		display: block;
	}
	.modal_bt_btn button {
		padding: 10px 40px !important;
	}
	.control_area .inner {
		padding: 25px 5px;
	}
	.control_area .inner:last-child .half_arrow {
		width: 120px;
	}
	.career_section2 table th, .career_section2 table td {
		padding: 20px;
	}
	.turnover_section1 .circle_ul.size_lg li {
		width: 100px;
		flex: 0 0 100px;
		height: 100px;
	}
	.range_txt {
		margin: 40px 0 30px;
	}

	.circle_ul.size_lg li {
		width: 140px;
		flex: 0 0 140px;
		height: 140px;
	}
	.tab_style_list {
		display: flex;
		align-items: center;
	}
	.consulting_person_section {
		padding-top: 60px;
	}
	.consulting_person_section .artist_txt_box {
		padding-top: 20px;
		padding-bottom: 70px;
	}
	.talk_box {
		padding: 0px 15px 20px;
	}
	.talk_box > article {
		padding: 30px 10px;
	}
	.tab_box ul li {
		padding: 20px 15px;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		text-align: center;
	}
	.circle_ul.overlap li {
		margin: 0 9px;
	}
	.circle_ul li {
		margin: 0 9px;	
	}
	.diagnosis_section1_line_area li + li {
		margin-left: 9px;
	}
	.diagnosis_section1_line_area li:last-child {
		margin-left: 9px;
	}
	.quot_box > span {
		margin: 0 15px;
		width: 150px;
	}
	.career_section1_content .circle_ul:first-child {
		padding: 35px 0 10px;
	}
}

/*태블릿*/
@media screen and  (min-width: 768px) {

}

/*노트북*/
@media screen and (min-width: 992px) {
}

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

}

/*웹*/
@media screen and (min-width: 1600px) {
}