header {
	background-color: #fff;
}
header > div {
	position: relative;
}
header .logo {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translate(0, -50%);
}
/*index_slider*/
.main_top {height: 610px;}
.index_slider {}
.index_slider .swiper-slide {
	display: flex;
	align-items: center;
	height: 610px;
}
.index_slider .index_slider01 {
	background-image: url('/images/main/main_bg01.jpg');
	background-size: cover;
	background-position: center;
}
.index_slider .index_slider02 {
	background-image: url('/images/main/main_bg02.jpg');
	background-size: cover;
	background-position: center;
}
.index_slider .swiper-slide h6 {
	color: #fff;
	font-weight: 400;
}
.index_slider .swiper-slide h1 {
	color: #fff;
}
.index_slider .swiper-slide p {
	color: #fff;
	font-size: 24px;
}
.index_slider .swiper-slide a h6 {
	color: #000;
	font-size: 14px;
}

.main_top > .container {
	display: flex;
	align-items: center;
	color: #fff;
}
.main_top h1 {
	font-size: 3.2rem;
	line-height: 1.4;
}
.main_top a {
	margin-top: 40px;
	padding: 12px 15px;
	width: 180px;
	background: #fff;
	color: #000;
}

/* 모바일 헤더 */
.mobile_header {
	display: none;
	position: relative;
	padding: 0 20px;
	height: 50px;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
}
.mobile_header .menu_open {
	position: relative;
	padding: 0;
	width: 20px;
	height: 15px;
	border: none;
	background: none;
}
.mobile_header .menu_open span {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 20px;
	height: 1px;
	background: #707070;
	transition : all .4s;
}
.mobile_header .menu_open:focus {
	outline: none;
}
.menu_open span:nth-of-type(1) {
	top : 0;
}
.menu_open span:nth-of-type(2) {
	top : 7px;
}
.menu_open span:nth-of-type(3) {
	bottom : 0;
}
/* 가운데 라인 사라지면서 엑스자 만들기 */
.menu_open.on span:nth-of-type(1) {
	-webkit-transform : translateY(6px) rotate(-45deg);
	transform : translateY(6px) rotate(-45deg);
}
.menu_open.on span:nth-of-type(2) {
	opacity : 0;
}
.menu_open.on span:nth-of-type(3) {
	-webkit-transform : translateY(-8px) rotate(45deg);
	transform : translateY(-8px) rotate(45deg);
}
.mobile_header_contain {
	display: none;
	height: 50px;
}


/* 우측 메뉴 */
.black_wrapper {
	display: none;
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	background: #000;
	opacity: 0;
}
.right_hamburger_menu {
	position: fixed;
	z-index: 100;
	width: 75%;
	bottom: 0;
	top: 50px;
	right: -100%;
	background: #fff;
	overflow: auto;
}
.right_hamburger_menu .board_search_wrap {
	padding: 30px 15px;
}
.right_hamburger_menu .board_search_wrap .board_search_box {
	width: 100%;
}
.right_hamburger_menu .board_search_wrap .board_search_box > span {
	padding: 12px;
}
.right_hamburger_menu .board_search_wrap .board_search_box button {
	padding: 12px;
}
.right_hamburger_menu .board_search_wrap .board_search_box button img {
	display: block;
	margin: 0;
	width: auto;
}
.right_hamburger_menu img {
	margin-top: 20px;
	max-width: 170px;
	width: 65%;
}
.right_hamburger_menu ul li {
	padding-top: 15px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1rem;
}
.right_hamburger_menu ul li > a {
	display: block;
	padding: 0 15px 15px;
}
.right_hamburger_menu ul li.on dl {
	display: block;
}
.right_hamburger_menu dl {
	display: flex;
	align-items: center;
}
.right_hamburger_menu dd {
	position: relative;
	padding: 15px;
	color: #777;
	font-size: 1rem;
}
.right_hamburger_menu dd + dd:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 1px;
	height: 10px;
	background-color: #ddd;
}

nav {
	margin: 0 auto;
}
nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
nav li {
	padding: 25px 0;
	margin: 0 15px;
	flex: 0 0 110px;
	width: 110px;
	font-size: 0.875rem;
	text-align: center;
}
aside {
	position: fixed;
	top: 45%;	
	right: 20px;
	z-index: 10;
}
aside article {
	padding: 17px 0;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-color: #fff;
	box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.1);
	color: #9a9a9a;
	text-align: center;
}
aside article p {
	margin-top: 3px;
}
.footer_top {
	padding: 30px 0;
	background-color: #f7f7f7;
}
.footer_top ul {
	display: flex;
	align-items: center;
}
.footer_top ul li:first-child {
	font-weight: 500;
}
.footer_top ul li + li {
	margin-left: 15px;
}
.footer_info_wrap {
	padding: 30px 15px;
}
.footer_info_wrap .footer_logo {
	display: block;
	width: 220px;
	margin-bottom: 10px;
}
.footer_info_wrap .footer_info ul {
	display: flex;
	color: #979797;
}
.footer_info_wrap .footer_info ul li {
	line-height: 1.8;
	font-size: 0.875rem;
}
.footer_info_wrap .footer_info ul li + li {
	margin-left: 25px;
}
.ico_kakao {
	display: block;
	width: 25px;
	height: 25px;
	background-position: center;
	background-image: url('/images/icon/kakao_ico.png');
	background-size: 25px 25px;
}
.ico_insta {
	display: block;
	width: 25px;
	height: 25px;
	background-position: center;
	background-image: url('/images/icon/insta_ico.png');
	background-size: 25px 25px;
}
.ico_kakao a, .ico_insta a {
	display: block;
	width: 25px;
	height: 25px;
}

.main_booking_section {
	text-align: center;
}
.main_booking_section .calendar_area {
	margin-top: 40px;
	padding: 30px 10%;
	background: #fff;
}
.calendar .ui-datepicker {
	width: 100%;
}
.calendar .ui-widget {
	font-family: 'Lato' , 'Noto Sans Korean' , 'Noto Sans KR',serif;
}
.calendar .ui-widget.ui-widget-content {
	border: none;
}
.calendar .ui-widget-header {
	padding-bottom: 20px;
	background: none;
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #000;
	font-size: 1.5rem;
	font-weight: 400;
}
.calendar .ui-datepicker td {
	padding: 10px 2px;
	text-align: center;
}
.calendar .ui-datepicker td span,
.calendar .ui-datepicker td a {
	display: inline-block;
	text-align: center;
}
.calendar .ui-state-default, 
.calendar .ui-widget-content .ui-state-default, 
.calendar .ui-widget-header .ui-state-default, 
.calendar .ui-button,
.calendar .ui-button.ui-state-disabled:hover, 
.calendar .ui-button.ui-state-disabled:active {
	border: none;
	background: none;
	color: #000;
}
.calendar .ui-state-highlight, 
.calendar .ui-widget-content .ui-state-highlight, 
.calendar .ui-widget-header .ui-state-highlight {
	border: none;
	background: none;
	color: #000;
}
.calendar .ui-state-active,
.calendar .ui-widget-content .ui-state-active,
.calendar .ui-widget-header .ui-state-active,
.calendar a.ui-button:active,
.calendar .ui-button:active,
.calendar .ui-button.ui-state-active:hover {
	border-bottom: 1px solid #10ccdd;
	background: #fff;
	color: #10ccdd;
}
.main_booking_section .btn_common {
	margin: 40px auto 0;
	padding: 15px;
	width: 210px;
}

.main_styling_section {
	padding: 180px 0;
}
.main_styling_section .col {
	padding-top: 20px;
	padding-bottom: 20px;
}
.main_review_section {
	padding: 140px 15px 100px;
	color: #fff;
	background-color: #10ccdd;
	text-align: center;
}
.main_review_section .half_arrow {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 180px;
	background: #fff;
	color: #10ccdd;
}
.main_review_section .review_swiper {
	padding-bottom: 100px;
}
.bubble_box {
	position: relative;
	padding: 20px;
	border-radius: 5px;
	background-color: #fff;
	color: #10ccdd;
}
.bubble_box:after {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 17px;
	z-index: -1;
	background: #0fccdd;
	bottom: -20px;
	right: 50%;
	transform: translate(-6px, 0);
}
.bubble_box:before {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	z-index: -1;
	background: #fff;
	bottom: -15px;
	right: 50%;
	transform: translate(10px, 0);
}

.main_review_section .swiper-pagination-bullet {
	margin: 0 4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #fff;
	opacity: 0.4;
}
.main_review_section .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}


.main_quality_section {
	padding-top: 100px;
	background-color: #f7f7f7;
	text-align: center;
}
.main_quality_section > h1 {
	padding-bottom: 50px;
}
.main_quality_section .tab_style1 {
	margin-bottom: 50px;
	justify-content: center;
}
.main_quality_section .tab_style1 li {
	margin: 0 40px;
}
.main_quality_section > img {
	margin-top: 60px;
}
.main_insta_section {
	padding: 160px 0;
	text-align: center;
}
.main_insta_section article {
	margin: 10px 0;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.calendar_area_wrap {
	padding: 30px;
	background: #fff;
}
.sub_reservation_section .calendar_area_wrap {
	height: 100%;
}
.calendar_area_wrap .ui-datepicker th {
	padding: 25px 15px;
}
.control_area {
	padding: 30px;
	background-color: #fff;
}
.control_area .box {
	display: flex;
	align-items: center;
}
.control_area .box > h6 {
	flex: 0 0 50px;
	max-width: 50px;
}
.control_area .box_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #e5e5e5;
}
.control_area .box_flex .box {
	flex: 0 0 50%; max-width: 50%;
}
.control_area .box_flex .box + .box {
	border: none;
}
.control_area .box_flex + .inner {
	border-top: 1px solid #e5e5e5;
}
.control_area > .inner:nth-child(2) .box {
	min-height: 100px;
}
.cnt_input_box {
	display: flex;
	align-items: center;
}
.cnt_input_box input {
	width: 50px;
	text-align: center;
	border: none;
	outline: none !important;
}
.cnt_input_box button {
	padding: 0;
	width: 30px;
	height: 30px;
	background: #fff;
	border: 1px solid #10ccdd;
	outline: none !important;
}
.cnt_input_box button:hover {
	background: #e9fdff;
}
.control_area .inner {
	padding: 32px 15px;
}
.control_area .inner + .inner {
	border-top: 1px solid #e5e5e5;
}
.control_area .inner select {
	padding: 0 10px;
	height: 35px;
	border: 1px solid #10ccdd;
	font-size: 0.875rem;
}
.sub_top_area {
	display: flex;
	height: 285px;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	text-align: center;
}
.sub_top_area .desc {
	margin-top: 10px;
}
.intro_section1 {
	padding: 140px 0;
}
.intro_txt_box1 h6 {
	margin-top: 30px;
	line-height: 2.2;
}
.intro_logo_box {
	text-align: right;
}
.intro_section2 {
	padding: 120px 0;
	text-align: center;
}
.intro_section2 .swiper-container {
	margin-top: 80px;
}
.intro_section2 .swiper-container article {
	height: 260px;
	background-position: center;
	background-size: cover;
}
.static_map_area {
	position: relative;
	height: 365px;	
	overflow: hidden;
}
.static_map_area img {
	position: absolute;
	top: 50%;
	right: 50%;
	max-width: none !important;
	transform: translate(50%, -50%);
}
.intro_section3 {
	text-align: center;
}
.intro_section3 ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	text-align: left;
	font-size: 0.85rem;
}
.intro_section3 ul li:first-child {
	margin-right: 25px;
	font-weight: 600;
	white-space: nowrap;
}
.intro_section3 ul li p + p {
	margin-top: 12px;
}
.intro_section4 article {
	display: flex;
	padding: 0 25px;
	margin-top: 20px;
	height: 130px;
	align-items: center;
}
.intro_section4 article > div {
	margin-left: 30px;
}
.lesson_section1 {
	background-color: #f7f7f7;
}
.lesson_section1 .title {
	line-height: 2.4;
	font-weight: 400;
}
.lesson_section1 .contents_area {
	display: flex;
	margin-top: 100px;
	justify-content: center;
}
.lesson_section1 .contents_area article {
	display: flex;
	position: relative;
	margin: 15px 100px;
	align-items: center;
}
.lesson_section1 .contents_area article:first-child {
	margin-left: 0;
}
.lesson_section1 .contents_area article:nth-child(2) {
	margin-right: 0;
}
.lesson_section1 .contents_area article .txt_box {
	padding: 0 40px;
}
.lesson_section1 .contents_area article .txt_box h2 {
	margin-bottom: 15px;
	color: #10ccdd;
}
.lesson_section1 .contents_area article .txt_box h5 {
	line-height: 2;
}
.lesson_section1 .contents_area article + article:before {
	content: '';
	display: block;
	position: absolute;
	left: -145px;
	top: 50%;
	transform: translate(0, -50%);
	height: 1px;
	width: 90px;
	background-color: #10ccdd;
}
.lesson_section2 .qna_card {
	padding: 0 45px;
	height: 100%;
	border: 1px solid #dcdcdc;
	background: #fff;
}
.qna_card dl {
	display: flex;
	padding: 25px 0;
	align-items: flex-start;
	line-height: 2;
}
.qna_card dl dt {
	flex: 0 0 45px;
	max-width: 45px;
	color: #10ccdd;
	font-size: 1.1rem;
}
.qna_card dl + dl {
	border-top: 1px solid #dcdcdc;
}
.lesson_section3 {
	background-color: #1b2537;
	color: #fff;
}
.lesson_section3 article h6 {
	margin-top: 35px;
	margin-bottom: 5px;
	color: #10ccdd;
}
.lesson_section3 article p {
	margin-top: 30px;
	line-height: 2;
	font-weight: 300;
}
.bna_swiper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
}
.bna_swiper article h2 {
	margin-top: 40px;
}
.bna_swiper article h5 {
	margin-top: 12px;
}
.swiper-button-next, .swiper-button-prev {
	width: 30px;
	height: 55px;
	margin-top: -27px;
	background-size: 30px 55px;
}
.swiper-button-next {
	background-image: url('/images/icon/swiper_next.png');
	right: 10px;
}
.swiper-button-prev {
	background-image: url('/images/icon/swiper_prev.png');
	left: 10px;
}
.swiper-pagination-bullet {
	margin: 0 2px;
	width: 18px;
	height: 3px;
	border-radius: 0;
	background: #5e6775;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background: #10ccdd;
}
.lesson_section4 {
	padding: 160px 0 300px;
}
.lesson_section4 .swiper-pagination {
	right: 50%;
	bottom: -150px;
	transform: translate(50%, 0);
}

.circle_ul {
	display: flex;
	align-items: center;
}
.circle_ul li {
	display: flex;
	width: 130px;
	flex: 0 0 130px;
	height: 130px;
	align-items: center;
	justify-content: center;
	border: 1px solid #e6e6e6;
	border-radius: 100%;
	color: #10ccdd;
}
.circle_ul li + li {
	margin-left: 20px;
}
.img_card {
	margin: 15px 0;
	text-align: center;
}
.img_card img {
	margin-bottom: 30px;
	border: 1px solid #e5e5e5;
}
.artist_swiper article {
	display: flex;
	align-items: center;
	justify-content: center;
}
.artist_swiper article .img_box {
	max-width: 50%;
	flex: 0 0 50%;
	text-align: center;
}
.artist_swiper article .img_box img {
	max-width: 70% !important;
}
.artist_swiper article .artist_txt_box {
	max-width: 50%;
	flex: 0 0 50%;	
}
.artist_txt_box h3 {
	margin-bottom: 5px;
}
.artist_txt_box ul {
	margin-top: 30px;
}
.artist_txt_box ul li {
	padding: 5px 0;
}
.styling_section1 {
	background-color: #1b2537;
	color: #fff;
}
.styling_section1 .circle_ul li {
	width: 240px;
	height: 240px;
	flex: 0 0 240px;
	border-color: #10ccdd;
	border-width: 2px;
}
.circle_ul li .txt_box {
	color: #fff;
}
.circle_ul li .txt_box .title {
	color: #10ccdd;
}
.styling_section1 .circle_ul {
	margin-top: 60px;
	padding: 0 40px;
	justify-content: space-between;
}
.pipe_line_list {
	display: flex;
	justify-content: center;
}
.pipe_line_list > article {
	position: relative;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.pipe_line_list > article + article:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 100px;
	transform: translate(0, -50%);
	background-color: #d2d2d2;
}
.pipe_line_list > article h6 {
	line-height: 2;
}
.shopper_section1 article {
	display: flex;
	padding: 25px 30px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	color: #8b8b8b;
}
.shopper_section1 article > div > img {
	margin-bottom: 15px;
}
.shopper_section1 article > div:first-child {
	margin-right: 15px;
}
.shopper_section1 article > div:nth-child(2) {
	position: relative;
	margin-left: 15px;
}
.shopper_section1 article > div:nth-child(2):before {
	content: url('/images/icon/double_arrow.png');
	display: block;
	position: absolute;
	bottom: 2px;
	left: -20px;
	font-family: 'Noto Sans Korean' , 'Noto Sans KR',serif;
}
.pipe_line_dl {
	display: flex;
	align-items: center;
}
.pipe_line_dl dt {
	position: relative;
	padding: 15px;
	font-weight: 600;
}
.pipe_line_dl dt + dt:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 13px;
	transform: translate(0, -50%);
	background-color: #dcdcdc;
}
.logo_section ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo_section ul li {
	margin: 20px 0;
	flex: 0 0 16.666%;
	max-width: 16.666%;
	text-align: center;
}
.consulting_card {
	margin: 15px 0;
	padding: 10px 40px;
	background-color: #fff;
}
.consulting_card .title {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc;
	font-weight: 500;
}
.consulting_card .detail {
	padding: 30px 0;
	font-weight: 400;
	line-height: 2.2;
}

.modal-dialog {
	max-width: 1010px;
}
.small_modal .modal-dialog {
	max-width: 490px;	
}
.modal_inner_box {
	margin: 0 auto;
	padding: 15px 15px 70px;
	max-width: 780px;	
}
.small_modal .modal_inner_box {
	padding-bottom: 30px;
	max-width: 390px;
}
.modal-content {
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 0;
}
.custom_modal_close {
	padding: 35px 40px 20px;
	text-align: right;
}
.small_modal .custom_modal_close {
	padding-bottom: 0;
}
.custom_modal_close button {
	border: none;
	background: none;
}
.small_modal .modal_inner_box .flex_div .ipt_obj input {
	height: 40px;
}
.small_modal .modal_inner_box .btn_common {
	margin-top: 25px;
	width: 100%;
	height: 45px;
	font-size: 0.875rem;
}
.reservation_view_obj + .reservation_view_obj {
	margin-top: 60px;
}
.reservation_info_box {
	display: flex;
	margin: 10px 0 40px;
	align-items: center;
}
.reservation_info_box dl {
	display: flex;
	align-items: center;	
	font-size: 0.875rem;
}
.reservation_info_box dl + dl {
	margin-left:  40px;
}
.reservation_info_box dl dt {
	padding-right: 12px;
	color: #10ccdd;
	font-weight: 600;
}
.modal_detail_area {
	border-top: 2px solid #000;
}
.flex_div {
	display: flex;
	align-items: center;
}
.modal_detail_area .flex_div {
	padding: 12px 0;
	border-bottom: 1px solid #e4e2e0;
}
.flex_div .ipt_title {
	flex: 0 0 130px;
	max-width: 130px;
}
.flex_div .ipt_obj {
	flex: 0 1 100%;
	max-width: 100%;
}
.flex_div .ipt_obj input,
.flex_div .ipt_obj textarea,
.flex_div .ipt_obj select {
	padding: 0 15px;
	width: 100%;
	height: 30px;
	border-radius: 0;
	background-color: #f9f9f9;
	border: 1px solid #e4e2e0;
	font-size: 0.875rem;
}
.flex_div .ipt_obj textarea {
	padding-top: 15px;
	padding-bottom: 15px;
	height: 150px;
	resize: none;
}
.modal_bt_btn {
	padding-top: 20px;
	text-align: right;
}
.modal_bt_btn button {
	padding: 12px 40px !important;
	font-size: 0.875rem !important;
	width: auto !important;
}
.modal_check label {
	display: flex;
	align-items: center;
}
.modal_check label span {
	font-size: 14px;
}

.noti_caption {
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
}

.table_header_btn {
	margin-bottom: 10px;
	text-align: right;
}
.table_header_btn button {
	padding: 7px 15px;
	font-size: 0.875rem;
}
.modal_detail_header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.modal_detail_header ul {
	display: flex;
	align-items: center;
}
.modal_detail_header ul li {
	position: relative;
	padding: 2px;
	margin: 0 10px;
	font-size: 0.875rem;
	cursor: pointer;
}
.modal_detail_header ul li:first-child {
	margin-left: 0;
	color: #10ccdd;
	box-shadow: 0 2px 0px 0px #10ccdd;
}
.modal_detail_header ul li:last-child {
	margin-right: 0;
	color: #a8a8a8;
}
.modal_detail_header ul li + li:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translate(0, -50%);
	width: 1px;
	height: 8px;
	background-color: #e4e2e0;
}
.modal_detail_area .view_board_header {
	display: flex;
	padding: 15px 0;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
}
.modal_detail_area .view_board_header ul,
.modal_detail_area .view_board_header article,
.modal_detail_area .view_board_header dl {
	display: flex;
	font-size: 0.875rem;
}
.modal_detail_area .view_board_header ul li,
.modal_detail_area .view_board_header dl {
	color: #7c7c7c;
}
.modal_detail_area .view_board_header ul li:first-child,
.modal_detail_area .view_board_header dl dt {
	margin-right: 15px;
	color: #2b2b2b;
	font-weight: 400;
}
.modal_detail_area .view_board_header dl {
	position: relative;
	padding: 0 20px;
}
.modal_detail_area .view_board_header dl:first-child {
	padding-left: 0;
}
.modal_detail_area .view_board_header dl:last-child {
	padding-right: 0;
}
.modal_detail_area .view_board_header dl + dl:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translate(0, -50%);
	width: 1px;
	height: 8px;
	background-color: #000;
}
.modal_detail_area .view_board_body {
	padding: 25px 35px;
	min-height: 250px;
	font-size: 0.875rem;
	line-height: 2;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}
.modal_detail_area .view_board_footer {
	display: flex;
	padding: 5px 35px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f9f9f9;
	align-items: center;
}
.modal_detail_area .view_board_footer dl {
	display: flex;
	position: relative;
	padding: 5px 0;
	align-items: center;
	flex: 0 0 50%;
	max-width: 50%;
	font-size: 0.875rem;
}
.modal_detail_area .view_board_footer dl:first-child {
	text-align: left;
}
.modal_detail_area .view_board_footer dl:nth-child(2) {
	text-align: right;
	justify-content: flex-end;
}
.modal_detail_area .view_board_footer dl + dl:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translate(0, -50%);
	width: 1px;
	height: 8px;
	background-color: #e4e2e0;
}
.modal_detail_area .view_board_footer dl dt {
	color: #2b2b2b;
	font-weight: 600;
}
.modal_detail_area .view_board_footer dl dd {
	color: #7c7c7c;
	cursor: pointer;
}
.modal_detail_area .view_board_footer dl dd + dt {
	margin-left: 20px;
}
.modal_detail_area .view_board_footer dl dt + dd {
	margin-left: 20px;
}
.min_height_fixed {
	min-height: 150px;
}

/*191007 추가*/
.tab_category_list button {
	margin-top: 15px;
	border: 1px solid #10ccdd;
	color: #10ccdd;
	text-align: center;
	width: 200px;
	height: 45px;
	font-size: 16px;
	cursor: pointer;
	transition: all ease 0.4s;
}
.tab_category_list button:hover {
	color: #fff;
	background-color: #10ccdd;
}
.tab_category_list li {
	padding-left: 16px;
	margin-bottom: 5px;
	background-image: url(/images/icon/icon_dot_black.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	background-size: 6px;
}

.progress_section article {
	margin: 120px 0;
	padding: 50px 0 75px;
	background-color: #1b2537;
	color: #fff;
}
.progress_section article .step {
	position: relative;
	top: -60px;
}
.progress_section article .step.triangle:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	border-top: 110px solid #10ccdd;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
}
.progress_section article .step.square {
	display: flex;
	top: -110px;
	margin: 0 auto;
	width: 130px;
	height: 130px;
	background-color: #10ccdd;
	align-items: center;
	justify-content: center;
}
.progress_section article .step .text {
	position: relative;
	z-index: 1;
}
.progress_section article .step.triangle .text {
	top: -15px;
}
.progress_section article .inner_box {
	display: flex;
	align-items: center;
}
.progress_section article .txt_area,
.progress_section article .img_area {
	padding: 30px;
	flex: 0 0 50%;
	max-width: 50%;
}
.lesson_section.progress_section article .txt_area,
.lesson_section.progress_section article .img_area {
	padding: 30px;
	flex: 0 0 45%;
	max-width: 45%;
}
.progress_section article .img_area {
	text-align: right;
}
.progress_section article .txt_area .color_common {
	margin-bottom: 10px;
}
.instafeed_container {
	width: 100%;
}
#instafeed li {
	margin-bottom: 15px;
}
#instafeed li a {
	display: block;
	width: 100%;
	padding-top: 90%;
	background-size: cover;
	background-position: center;
	text-indent: -9999px;
}

.pravacy_area {
	padding: 80px 0;
	font-size: 14px;
}
.pravacy_area h4 {
	margin-bottom: 20px;
}
.pravacy_area h6 {
	margin-top: 10px;
}
.pravacy_area p {
	font-size: 14px;
}
.pravacy_area table {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.pravacy_area table th {
	padding: 10px;
	color: #fff;
	background-color: #595f63;
	border: 1px solid #e4e4e4;
}
.pravacy_area table td {
	padding: 10px;
	border: 1px solid #e4e4e4;
}

.radio input {
	display: none;
}
.radio span {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #10ccdd;
	font-size: 12px;
}
.radio input:checked + span {
	border: 1px solid #10ccdd;
	background-color: rgba(16,204,221,0.3);
	color: #10ccdd;
}

.modal_help_text {
	font-size: 14px;
}

.help_text {
	color: #888;
	margin-top: 10px;
	padding-bottom: 50px;
}
.help_text a {
	text-decoration: underline;
}

.ipt_help_text {
	margin-top: 5px;
}
.ipt_help_text span {
	display: block;
	font-size: 12px;
	color: #808080;
}
/*200130 달력 마감 추가*/
.ui-state-disabled {
	position: relative;
}
.ui-state-disabled:before {
	content: '마감';
	position: absolute;
	top: 32px;
	left: 0;
	width: 100%;
	font-size: 10px;
	height: 40px;
	color: #f00;
	text-align: center;
}

.tab_box {
	border-bottom: 1px solid #e5e5e5;
}
.tab_box ul {
	display: flex;
	padding-top: 10px;
	justify-content: center;
}
.tab_box ul li {
	padding: 30px 55px;
	font-weight: 400;
}
.tab_box ul li.on {
	font-weight: 500;
	box-shadow: 0 1px 0 0 #10ccdd;
}

.quot_box {
	padding: 30px 0;
	text-align: center;
}
.quot_box > * {
	vertical-align: middle;
}
.quot_box > span {
	display: inline-block;
	margin: 0 30px;
	width: 230px;
	height: 1px;
	background-color: #000;
}

.circle_ul.size_lg li {
	width: 230px;
	flex: 0 0 230px;
	height: 230px;
	background-color: #fff;
}
.circle_ul.overlap li {
	margin: 0 -10px;
}
.circle_ul.border_common li {
	border-color: #25d0e0;
}

.tab_style_list {
	display: flex;
	justify-content: center;
	border: 1px solid #10ccdd;
}
.tab_style_list li {
	position: relative;
	padding: 10px;
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.tab_style_list li + li:before {
	content: '';
	display: block;
	position: absolute;
	margin-top: -10px;
	top: 50%;
	left: 0;
	height: 20px;
	width: 1px;
	background-color: #10ccdd;
}

.diagnosis_section1_line_area {
	position: relative;
	margin-top: 75px;
	margin-bottom: 30px;
}
.diagnosis_section1_line_area:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: auto;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.diagnosis_section1 .circle_ul .txt_box,
.career_section1 .circle_ul .txt_box {
	color: #000;
	text-align: center;
}

.diagnosis_section1_line_area li + li {
	margin-left: -20px;
}
.diagnosis_section1_line_area li:last-child {
	margin-left: 35px;
}
.diagnosis_section1_line_area .container_md {
	display: flex;
	align-items: center;
}
.diagnosis_section1_line_area .dl_wrap {
	margin-top: -20px;
	padding: 0 25px;
}
.diagnosis_section1_line_area dl {
	font-size: 0.875rem;
}
.diagnosis_section1_line_area dl dt {
	margin-bottom: 10px;
	color: #10ccdd;
}
.diagnosis_section1_line_area dl + dl {
	margin-top: 45px;
}

.diagnosis_section2 article {
	margin: 15px 0;
	padding: 40px;
	border: 1px solid #000;
}

.talk_box {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 65px;
	max-width: 630px;
	width: 95%;
	border: 1px solid #c9c9c9;
	border-radius: 30px;
}
.talk_box > article {
	padding: 50px 0;
	text-align: left;
}
.talk_box > article + article {
	border-top: 1px solid #d2d2d2;
}
.talk_box > article p {
	padding: 10px 35px;
	color: #a9a9a9;
	background-image: url("/images/icon/talk_navy_ico.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.talk_box > article .detail {
	margin-top: 20px;
	font-weight: 400;
}
.talk_box > article .detail > span {
	display: inline-block;
	box-shadow: inset 0 -12px 0 0 #10ccdd;
}
.talk_box:after {
	content: '';
	display: block;
	position: absolute;
	margin-right: -12px;
	bottom: -14px;
	right: 50%;
	width: 24px;
	height: 24px;
	border: 1px solid #c9c9c9;
	border-top: none;
	border-left: none;
	transform: rotate(45deg) skew(15deg, 15deg);
	background: #fff;
}

.career_section1_content {
	display: flex;
	padding-bottom: 60px;
	align-items: center;
	justify-content: space-between;
}
.career_section1_content .circle_ul_wrap {
	position: relative;
}
.career_section1_content .circle_ul:first-child {
	padding: 30px;
	border-radius: 500px;
	background-color: rgba(18,204,221,0.1);
}
.career_section1_content .circle_ul li {
	border-width: 2px;
}
.career_section1_content .circle_ul:last-child li {
	background-color: #12ccdd;
	border-color: #fff;
}
.career_section1_content .circle_ul:last-child li .txt_box {
	color: #fff;
}
.career_section1_content .half_arrow,
.career_section1_content .half_arrow .arrow {
	flex: 0 0 50px;
	max-width: 50px;
}
.career_section1_content .circle_ul_wrap > .txt_box {
	position: absolute;
	margin-top: 30px;
	top: 100%;
	right: 50%;
	transform: translate(50%, 0);
}

.consulting_person_section .artist_txt_box {
	padding-top: 110px;
	padding-bottom: 100px;
}
.consulting_person_section .artist_txt_box ul {
	display: inline-block;
}
.consulting_person_section .artist_txt_box ul li {
	border-bottom: 1px solid #000;
}
.consulting_person_section .artist_txt_box ul li:last-child {
	border: none;
}
.turnover_section1 .circle_ul {
	margin-top: 100px;
	justify-content: space-between;
}
.turnover_section1 .circle_ul .half_arrow {
	width: auto;
	height: auto;
	flex: 0 0 auto;
	border: none;
}
.turnover_section1 .circle_ul .half_arrow > span.arrow {
	width: 42px;
}
.turnover_section1 .circle_ul .half_arrow > span.arrow:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 6px;
	width: 18px;
	height: 1px;
	background-color: #000;
	transform: rotate(37deg);
}

.range_txt {
	position: relative;
	margin: 70px 0 30px;
}
.range_txt:before {
	content: '';
	display: block;
	position: absolute;
	margin-top: -10px;
	top: 50%;
	left: 0;
	right: 0;
	height: 12px;
	width: 100%;
	border-bottom: 2px solid #bfbfbf;
	border-right: 2px solid #bfbfbf;
	border-left: 2px solid #bfbfbf;
}
.range_txt > span {
	display: inline-block;
	position: relative;
	padding: 0 50px;
	background-color: #fff;
	z-index: 1;
}

.career_section2 table {
	width: 100%;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}
.career_section2 table th,
.career_section2 table td {
	padding: 35px;
	background-color: #fff;
	border: 1px solid #c9c9c9;
}
.career_section2 table th {
	font-size: 1.2rem;
}
.career_section2 table td {
	text-align: left;
}
.career_section2 table th:first-child,
.career_section2 table td:first-child {
	border-left: none;
}
.career_section2 table th:last-child,
.career_section2 table td:last-child {
	border-right: none;	
}

/* 210603 퍼스널컬러 */
.personal_header {
	padding-bottom: 50px;
	text-align: center;
}
.table_personal {
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	text-align: center;
}
.table_personal tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);	
}
.table_personal th,
.table_personal td {
	padding: 50px;
}
.personal_list_box {
	padding: 30px 50px;
}
.personal_list li {
	display: flex;
	margin: 10px 0;
	font-size: 14px;
}
.personal_list li::before {
	content: "·";
	margin-right: 5px;
}
.personal_badge {
	width: 200px;
	padding: 13px 0;
	margin: 0 auto;
	margin-bottom: 50px;
	border: 1px solid #10ccdd;
	border-radius: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #10ccdd;
}
.persoanl_content {
	display: flex;
}
.persoanl_content article {
	flex: 0 0 50%;
	max-width: 50%;
}
.persoanl_content article:first-of-type {
	padding-right: 80px;
}
.persoanl_content article:last-of-type {
	padding-left: 80px;
}
.persoanl_content article + article {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.persoanl_content .personal_list li {
	margin: 20px 0;
}

.circle_box {
	display: flex;
	justify-content: space-between;
	padding: 80px 50px;
}
.circle_box span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px;
	border: 1px solid #10ccdd;
	border-radius: 50%;
	color: #10ccdd;
}

.container_course {
	padding: 30px 0;
}
.table_course {
	width: 100%;
	text-align: center;
}
.table_course tr + tr {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.table_course th,
.table_course td {
	padding: 50px;
}
.table_course td {
	position: relative;
}
.table_course td::before {
	content: "|";
	position: absolute;
	top: 50%;
	left: 0;
	color: rgba(255, 255, 255, 0.2);
	transform: translateY(-50%);
}

.table_course_able_box {
	padding-top: 100px;
}
.table_course_able {
	width: 100%;
	border: solid rgba(255, 255, 255, 0.2);
	border-width: 1px 0;
	text-align: center;
}
.table_course_able th,
.table_course_able td {
	padding: 25px 30px;
}
.table_course_able th {
	font-weight: 400;
}
.table_course_able td {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.table_course_able thead tr {
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.table_course_able thead th {
	position: relative;
	padding: 20px 30px;
	font-size: 16px;
}
.table_course_able thead th + th::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 40%;
	background-color: rgba(255, 255, 255, 0.2);
	transform: translateY(-50%);
}
.table_course_able tbody tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.table_course_able tbody tr:last-of-type {
	border-bottom: none;
}
.table_course_able tbody th {
	min-width: 190px;
}

.table_course_able .circle {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	border: 2px solid #FFF;
	border-radius: 50%;
}

.recommand_box article {
	height: 180px;
	padding: 40px;
	margin: 15px 0;
	background-color: #181a1d;
}

.profile_swiper .swiper-slide {
	text-align: center;
}
.profile_box img {
	max-width: 70% !important;
}