@charset "utf-8";
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body {
	color: #333;
}
/* 블라인드, 숨기기 */
caption, .sr_only, .blind {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0;
	line-height: 0;
}

/* break - 그누 */

/* break - 테마 */
.btn-white, .sub_heading, .text_default, .btn-outline-default {color:#63b3de !important;}
.btn-default, .icon_box_style1::before, .icon_box_style1::after, .testimonial_style1 .testimonial_img::before, .owl-theme .owl-dots .owl-dot span, .border_social .social_icons li a:hover, .border_social.social_icons li a:hover, .page-item.active .page-link, .page-item .page-link:hover, .tags a:hover, .btn-outline-default, .custome-checkbox input[type="checkbox"] + .form-check-label::after, .custome-checkbox input[type="checkbox"]:checked + .form-check-label::before, .custome-radio input[type="radio"]:checked + .form-check-label::before, .tab-style1 .nav-tabs .nav-link.active, .tab-style1 .nav-tabs .nav-link.active:hover {border-color:#63b3de;}
.btn-default, .cart_count, .grid_filter li a.current, .classes_filter li a.current, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-nav [class*="owl-"], .contact_info.contact_info_style2 li span, .border_social .social_icons li a:hover, .border_social.social_icons li a:hover, .scrollup:hover, .menu_style1 .navbar .navbar-collapse .navbar-nav > li > a.active, .menu_style1 .navbar .navbar-collapse .navbar-nav > li:hover > a, .navbar-toggler, .title_icon::before, .title_icon::after, .event_box_style1 .event_date, .sliding_tab .tab_bg, .page-item.active .page-link, .page-item .page-link:hover, .sidebar .widget_title::before, .tags a:hover, .progress_content .progress-bar, .btn-outline-default:hover, .custome-radio input[type="radio"] + .form-check-label::after, .list_style_1 li::before, .tab-style2 .nav-item .nav-link.active, .post_navigation a:hover, .pr_flash, .filter_price .ui-slider .ui-slider-handle, .filter_price .ui-slider .ui-slider-range, .quantity .minus:hover, .quantity .plus:hover {background-color:#63b3de;}

.header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header {
	background-color: rgba(255,255,255,.75);
}

.required {
	color: inherit;
}

a:hover, .navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li:hover > a, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li > a.active, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li:hover > a, .dark_skin .navbar .navbar-nav .dropdown-menu li a.active, .dark_skin .navbar .navbar-nav .dropdown-menu li a:hover, .dark_skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a, .dark_skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a, .navbar .navbar-nav .dropdown-menu li a.active, .navbar .navbar-nav .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown-menu > ul > li:hover > a, .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a, .top-header.light_skin .header_list li a:hover, .top-header.light_skin .contact_detail li a:hover, .icon_box i, .header_list > li .dropdown-item:hover, .custome_dropdown .ddChild li:hover, .contact_detail > li a:hover, .link_container a, .classes_schedule li i, .pricing_ribbon, .testi_user span, .author_intro span, .team_title span, .blog_meta li a:hover, .contact_info li span, .footer_dark .widget_links li a:hover, .footer_dark .footer_link li a:hover, .footer_dark .post_content h6 a:hover, .footer_dark .contact_info a:hover, .footer_link li a:hover, .widget_links li a:hover, .contact_info li a:hover, .ripple, .event_meta li i, .social_white .social_icons li a:hover, .social_white.social_icons li a:hover, .title_icon, .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .widget_categories a:hover, .search_form button:hover, .accordion .card-header a[aria-expanded="true"], .list_style_2 li::before, .cart_total .cart_amount, .post_nav a:hover .nav_meta {
	color: #63b3de;
}

.bottom_footer {
	padding: 48px 0;
}

.sub_heading {
	text-transform: none;
}

.navbar .navbar-nav .dropdown-menu li:hover .dropdown-menu {
	margin-top: -8px !important;
}
.navbar-brand img,
.bottom_footer .bx_logo_f img {
	max-width: 328px;
	height: auto;
}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
	box-shadow: none;
}

#captcha #captcha_img,
#captcha #captcha_key,
#captcha #captcha_mp3 {
	margin-right: 4px;
}


/* 그누보드 폼  type=file */
label.type_file {}


/* 그누보드 폼  type=checkbox */
/* 공통 */
input[type="checkbox"].type_chk {
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
	z-index: 0;
	top: 0;
	left: 0;
}
input[type="checkbox"].type_chk + label {
	position: relative;
/* 	overflow: hidden;
	text-overflow: ellipsis;
	width: 96%;
	white-space: nowrap; */
	padding-left: calc(24px + 10px);
	color: #f00;/* col_main */
}
input[type="checkbox"].type_chk:checked + label {}
input[type="checkbox"].type_chk + label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	display: block;
	margin-top: -12px;
	background: url(../images/checkbox_off.png) no-repeat 50% 50%/24px 24px;
}
input[type="checkbox"].type_chk:checked + label:before {
	background-image: url(../images/checkbox_on.png);
}

/* 게시판 */
#bo_w .bo_w_flie .file_del {
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	right: 0;
}
#bo_w .bo_w_flie .file_del input[type="checkbox"].type_chk:checked + label:before {
	background-image: url(../images/checkbox_on_red.png);
}

/* common */
html {
	overflow-y: auto;
	-webkit-text-size-adjust: none;
}
button, optgroup, select, textarea,
input[type="text"],
input[type="submit"],
input[type="checkbox"] {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

*,
.nanum_s {
	font-family: 'NanumSquare', sans-serif;
} 
.nanum_m {
	font-family: 'Nanum Myeongjo', sans-serif;
} 
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6,
p, dt, dd, li, a, input, textarea, .nanum_g {
	font-family: 'Nanum Gothic', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
}
b, strong, span, em {
	font-style: normal;
	font-family: inherit;
}
b {
	color: #333;
}

/* 말줄임 */
.ellipsis {
	width: 96%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

ul {
	list-style: none;
}
ul.type_basic li {
	position: relative;
	padding-left: 20px;
}
ul.type_basic li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 2px;
	height: 2px;
	border-radius: 1px;
	background: #000;
}

/* 블라인드, 숨기기 */
caption, .sr_only, .blind, legend {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0;
	line-height: 0;
}

.col_main {
	color: #63b3de;
}
.col_black {
	color: #000;
}


p {
	margin-bottom: 1.5rem;
	line-height: 1.625;
}

.test_bg {
	background-color: #000 !important;
}

.bottom_footer .address {
	padding-top: 7px;
	color: #808080;
	font-size: 14px;
}

.sub_visual {
	background: no-repeat 50% 50%/1920px auto;
}
.sub_visual.item1 {	background-image: url(../images/img_sub_visual1.jpg);}
.sub_visual.item2 {	background-image: url(../images/img_sub_visual2.jpg);}
.sub_visual.item3 {	background-image: url(../images/img_sub_visual3.jpg);}
.sub_visual.item4 {	background-image: url(../images/img_sub_visual4.jpg);}

.sub_visual h1 {
	text-shadow: 2px 2px 2px gray;
}


.trainer_image img.non_mobile {}
.trainer_image img.mobile {display: none;}

.team_detail {}
.team_detail .title {
	font-family: 'Nanum Myeongjo';
}
.team_detail .title em {
	margin-left: 12px;
	font-size: .75em;
	vertical-align: middle;
	line-height: 1;
}

.bx_btn {
	margin-top: 24px;
	text-align: center;
	font-size: 0;
}
.bx_btn .btn_comm {}
.bx_btn .btn_comm span {
	display: inline-block;
	height: 45px;
	padding: 0 16px;
	color: #fff;
	font-size: 1rem;
	line-height: 45px;
	border-radius: 24px;
}
.bg_col_main {
	background: #63b3de;
}


ul.type_process {}
ul.type_process li {}
ul.type_process li p {
	display: table;
	width: 100%;
	background: #fff;
	border-radius: 8px;
	height: 6em;
	text-align: center;
}
ul.type_process li p span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
}

.process1 b {color: #cc8c00;}
.process2 b {color: #f2812c;}
.process3 b {color: #ff6c70;}


.bx_map {
	display: block;
	padding: 30px 0;
	text-align: center;
	background-color: #fcfcfc;
}

.gnb_n {}
.gnb_n li {}
.gnb_n > li .nav-link {
	color: #333;
	letter-spacing: -0.025em;
}
.gnb_n .depth1 {
	font-size: 1.125em !important;
	font-family: 'NanumSquare', sans-serif;
}

.kakao_ch {
	position: fixed;
	right: 20px;
	bottom: 64px;
	width: 40px;
	height: 40px;
	font-size: 0;
	border-radius: 10px;
	overflow: hidden;
	z-index: 99;
}
.kakao_ch a {
	display: block;
	background: #ffe303 url(/opbs/images/icon_kakaoCh.gif) no-repeat 50% 50%/36px auto;
	height: 100%;
}

/* main */
.visual.banner_slider {
	height: auto;
}
.visual.banner_slider .carousel-item {
	height: 800px !important;
	background: no-repeat 50% 50%;
	background-size: cover;
}
.qick_b_n_video {
	padding-top: 0;
}
.qick_b_n_video .container {
	margin-top: -5rem;
}
.quick_banner1 [class*=item] a .icon_box {
	display: table;
	top: 0;
	width: 100%;
	height: 200px;
	background: #fff;
	box-shadow: 3px 3px 15px rgba(2,2,2,.25);
	transition: all .2s ease-out;
}
.quick_banner1 [class*=item] .intro_desc {
	display: table-cell;
	vertical-align: middle;
	background: no-repeat 50% 50%;
}
.quick_banner1 [class*=item] .intro_desc h5,
.quick_banner1 [class*=item] .intro_desc p {
	font-family: 'NanumSquare', sans-serif;
}
.quick_banner1 [class*=item] .intro_desc h5 {
	margin-bottom: 0;
	font-size: 1.875em;
	font-weight: 800;
	line-height: 1;
}
.quick_banner1 [class*=item] .intro_desc p {
	margin-top: 1em;
	font-size: 1.125em;
	line-height: 1.5;
}
.quick_banner1 .item1 .intro_desc {background-image: url(/opbs/images/icon_quick_banner1.png);}
.quick_banner1 .item2 .intro_desc {background-image: url(/opbs/images/icon_quick_banner2.png);}
.quick_banner1 .item3 .intro_desc {background-image: url(/opbs/images/icon_quick_banner3.png);}

.qick_b_n_video {
	padding-bottom: 60px;
}
.qick_b_n_video hr {
	margin-top: 3rem
}
.qick_b_n_video .bx_video {
	padding-top: 10px;
	margin-top: 50px;
	margin-bottom: 60px;
}
.qick_b_n_video .bx_video .heading_s2 {
	margin-bottom: 1em;
}
.qick_b_n_video .bx_video .heading_s2 * {
	font-family: 'NanumSquare', sans-serif;
}
.qick_b_n_video .bx_video .sub_heading {
	font-size: .875em;
	line-height: 1;
}
.qick_b_n_video .bx_video .sub_heading + h3 {
	font-weight: 700;
}
.qick_b_n_video .bx_video .txt {
	margin-bottom: 1.5rem;
	line-height: 1.75;
}

.bx_banner dl,
.bx_banner dd {
	margin-bottom: 0;
}

.bx_program .heading_s2 {
	margin-bottom: 1.25em;
	letter-spacing: -0.05em;
}
.bx_program .sub_heading {
	padding-bottom: 0;
	margin-bottom: .58em;
	font-size: 1.5em;
	font-family: inherit;
}
.bx_program .sub_heading + h3 {
	font-family: inherit;
	font-size: 2.25em;
	line-height: 1;
}
.bx_program .txt {
	font-size: 1.125em;
	letter-spacing: -0.05em;
}
.bx_program .badge-pill {
	padding: 0 1.5em;
	color:#fff;
	font-size: .875em;
	line-height: 1.43;
	vertical-align: top;
}
.bx_program .item_cate1 .badge-pill {background-color:#22b6e6;}
.bx_program .item_cate2 .badge-pill {background-color:#f26522;}
.bx_program .item_cate3 .badge-pill {background-color:#7ac14a;}
.bx_program .item_cate1 .classes_schedule i {color:#22b6e6;}
.bx_program .item_cate2 .classes_schedule i {color:#f26522;}
.bx_program .item_cate3 .classes_schedule i {color:#7ac14a;}
.bx_program .classes_title h4 {font-weight: 700;}
.bx_program .classes_schedule li {
	letter-spacing: -0.05em;
	font-family: inherit;
	font-weight: 700;
}

.owl-carousel .owl-item .classes_info {
	padding-top: 20px;
}
.owl-carousel .owl-item .classes_teacher {}
.owl-carousel .owl-item .classes_teacher img {
	display: inline;
	float: none;
	vertical-align: top;
}
.owl-carousel .owl-item .classes_teacher span {
	vertical-align: inherit;
	font-size: 12px;
	line-height: 30px;
}

hr.type_staff_introduce {
	margin-top: 60px;
	margin-bottom: 60px;
}

.bx_program .classes_img {
	overflow: hidden;'
}
.bx_program .classes_img img {
	width: 350px;
	height: 235px;
}


/**/
.center_info li {
	font-size: 1.5em;
}
.center_info li + li {
	margin-top: 1em;
}
.center_info li a {
	text-decoration: underline;
}

/**/
.bx_course dl {
	position: relative;
	min-height: calc(134px + 20px);
	padding-bottom: 20px;
	padding-left: 230px;
	padding-right: 150px;
	border-bottom: 1px solid #ddd;
}
.bx_course dt {}
.bx_course dd {}
.bx_course .title {
	font-size: 1.25em;
	line-height: 1;
	padding-top: calc((1em / 3) * 2);
}
.bx_course .s_title {
	color: #a2a2a2;
}
.bx_course .desc {}
.bx_course .more {
	position: absolute;
	right: 0;
	bottom: 20px;
	margin-bottom: 0;

}
.bx_course .more a {
	display: block;
	padding: 10px 50px 10px 20px;
	line-height: 1;
	border: 1px solid gray;
	border-radius: 26px;
}
.bx_course .more a:after {
	top: calc(50% - 6px);
}
.bx_course dd.more a[aria-expanded="true"],
.bx_course dd.more a[aria-expanded="false"]:hover {
	color: #fff;
	background: #09f;
	border-color: #09f;
}
.bx_course dd.more a.collapsed {
	color: inherit;
	background: #fff;
}
.bx_course .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 134px;
}

.bx_course .card-body {
	padding-top: 0;
	padding-bottom: 1em;
}
.bx_course .card-body .bx_s {
	padding: 1em 1.25em;
}
.bx_course .card-body .bx_staff_pic {
	color: #09f;
	font-size: 12px;
}
.bx_course .card-body .bx_staff_pic img {
	width: 80px;
	height: auto;
	border-radius: 40px;
	vertical-align: bottom;
}

@media screen and (min-width: 768px) {
	.only_m {
		display: none;
	}
	.navbar-toggler {}
	.bx_banner [alt*=_m] {display: none;}

}
@media screen and (min-width: 992px) {
	.gnb_n > li + li {
		margin-left: 40px;
	}
	/* main */
	.quick_banner1 [class*=item] a:hover .icon_box {
		top: 10px;
	}
	.bx_program .classes_img,
	.bx_program .classes_img img {
		width: 350px;
		height: 235px;
	}

}

@media screen and (max-width: 1199px) {
	.bx_program .classes_img img {
		width: 100%;
	}

}
@media screen and (max-width: 1023px) {
	html {font-size: 10px;}
	body {font-size: 1.4rem;}
	button, input, optgroup, select, textarea {
		font-size: 1.3rem;
	}

	.navbar .logo_n img {
		width: 258px;
	}

	.navbar-brand img,
	.bottom_footer .bx_logo_f img {
		max-width: 246px;
	}

	/* main */
	.visual.banner_slider .carousel-item {
		height: 600px !important;
	}

	.quick_banner1 [class*=item] a .icon_box {
		height: 150px;
	}
	.quick_banner1 [class*=item] .intro_desc {
		background-size: 150px 150px;
	}

	/* sub */
	.sub_visual {
		background-size: 960px auto;
	}

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

	.bx_course dl {
		padding-right: 0;
		padding-bottom: calc(2em + 36px);
	}
	.bx_course .s_title,
	.bx_course .desc {
		margin-bottom: 20px;
	}

	.gnb_n > li .nav-link {
		color: #fff;
	}

	/* 이미지 사이즈 */
	.img_sub1_4a {width: 100%; max-width: 400px;}

}


@media screen and (max-width: 767px) {
	input[type="checkbox"].type_chk + label {
		padding-left: calc(16px + 12px);
		line-height: 16px;
	}
	input[type="checkbox"].type_chk + label:before {
		width: 16px;
		height: 16px;
		margin-top: -8px;
		left: 6px;
		background-size: 16px 16px;
	}

	/* main */
	.bx_banner [alt*=_pc] {display: none;}


}


@media screen and (max-width: 649px) {
	.kakao_ch {
		right: 10px;
	}

	/* break gru */
	#captcha {
		width: 100%;
		padding: 10px;
		background: #f8fdff;
		border: 1px solid #63b3de;
	}
	#captcha.m_captcha audio {
		width: 100%;
	}
	#captcha.m_captcha #captcha_key {
		max-width: 100px;
		height: 40px;
	}
	#captcha.m_captcha #captcha_img {
		display: inline;
		margin: 0;
	}

	.navbar-toggler {
		box-shadow: none;
	}
	.gnb_n > li .nav-link {
		padding: .8rem 1.5rem !important;
	}
	.gnb_n > li .nav-link.dropdown-toggle::after,
	.gnb_n > li .nav-link.dropdown-toggler::after {
		margin-top: 3px;
	}


	/* main */
	.visual.banner_slider .carousel-item {
		height: 360px !important;
	}

	.qick_b_n_video .bx_video {
		margin-top: 3rem;
	}
	.qick_b_n_video .bx_video > div + div {
		margin-top: 2rem;
	}

	.bx_program .badge-pill {
		font-size: 12px;
	}


	/* sub */
	.trainer_image {
		text-align: center;
	}
	.trainer_image img.non_mobile {display: none;}
	.trainer_image img.mobile {
		display: inline;
		max-width: 200px;
	}

	.bx_course .card + .card {
		margin-top: 3em;
	}
	.bx_course dl {
		padding-left: 0;
		padding-top: 150px;

		margin-bottom: 0;
	}
	.bx_course dt,
	.bx_course dd {
		text-align: center;
	}
	.bx_course .title {}
	.bx_course .s_title {
		line-height: 1.2;
		margin-top: 6px;
	}
	.bx_course .desc {}
	.bx_course .teacher {
		margin-bottom: 0;
	}
	.bx_course .more {
		width: 100%;
		text-align: center;
	}
	.bx_course .more a {
		position: relative;
		max-width: 200px;
		margin: 0 auto;
	}
	.bx_course dd.more a[aria-expanded="true"],
	.bx_course dd.more a[aria-expanded="false"]:hover {}
	.bx_course dd.more a.collapsed {
		color: #fff;
		background: #09f;
		border-color: #09f;
	}
	.bx_course .img {
		width: 100%;
		text-align: center;
	}
	.bx_course .img img {
		width: 200px;
	}
		
	.bx_course .card-body {}
	.bx_course .card-body .bx_s p {
		word-break: break-all;
		overflow-wrap: break-word;
	}
	.bx_course .card-body .bx_staff_pic {
		text-align: center;
	}
	.bx_course .card-body .bx_staff_pic img {}
	.bx_course .card-body .bx_staff_pic .txt {
		display: block;
		margin-top: 4px;
	}

	.bx_course .more a:after {
		top: calc(50% - 7px);
	}

}