/* 메인페이지 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
.bg img {margin:0 auto;}
.bg h1, .bg h2,.bg h3, .bg h4,.bg h5 {text-align:center; font-family: 'Noto Sans KR', sans-serif;}
.bg h1 {font-size:28px; color:#444; margin-bottom:5px;}
.bg h2 {font-size:24px;}
.bg h3 {font-size:20px;}
.bg h4 {font-size:16px; color:#444; font-weight:400;}
.bg h5 {font-size:14px; color:#444; font-weight:400;}
.bg h6 {font-size:12px;}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.section {width:98%;}
	.bg h1 {font-size:24px;}
	.bg h4 {font-size:15px;}
}
@media only screen and (min-width: 480px) and (max-width:834px){
	.top_search {display:none;}
	.bg h1 {font-size:22px;}
	.bg h4 {font-size:14px;}
}
@media only screen and (max-width : 480px){
	.section {width:95%;}
	.top_search {display:none;}
	.bg h1 {font-size:22px;}
	.bg h4 {font-size:14px;}
}

.carousel img {margin:0 auto;}

/* 메인 */
.bg {padding:80px 0;}
.bg.gray {background:#fafafa;}
.bg.blue {background:#f7fbfc;}
.clear:after {content:''; display:block; clear:both;}
#main > .slide > .bx-wrapper {margin:0;}
#myCarousel2 {display:none;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {background:url('/files/images/visual_left.png') no-repeat; left:2%;}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {background:url('/files/images/visual_right.png') no-repeat; right:2%;}
.bx-wrapper .bx-controls-direction a {height:60px; width:20px;}
#myCarousel .bx-wrapper .bx-pager {bottom:20px;}
#myCarousel .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
#myCarousel .bx-wrapper .bx-pager.bx-default-pager a:hover,#myCarousel .bx-wrapper .bx-pager.bx-default-pager a.active,#myCarousel .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#000;}

/* 메인 배너: 화면 전체 너비(100vw) + 이미지 비율 높이 + 링 도트 */
#wrapmain,
#main {
	overflow-x: hidden;
}
#myCarousel,
#myCarousel2,
#main .main-vs.section_full,
#main .section_full.main-vs {
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
	box-sizing: border-box;
	line-height: 0;
	font-size: 0;
	position: relative;
	left: 0;
	right: 0;
}
#main .main-vs .banner_top,
#main .main-vs .banner_bottom {
	display: none;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#main .main-vs .banner-swiper,
#main .main-vs .bannerWrap,
#main .main-vs .swiper-slide,
#main .main-vs .banner {
	width: 100% !important;
	max-width: none !important;
	margin: 0;
	padding: 0;
}
#main .main-vs .banner > img,
#main .main-vs .banner-swiper .swiper-slide > .banner > img {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	vertical-align: top;
	object-fit: cover;
}
.banner-swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner-swiper .swiper-slide > .banner {
	position: relative;
	display: block;
	width: 100%;
	line-height: 0;
}
.banner-swiper .swiper-slide > .banner > img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	-webkit-user-drag: none !important;
	user-select: none;
	-webkit-user-select: none;
}
.banner-swiper .banner-slide-link {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: block;
	background: transparent;
	text-indent: -9999px;
	overflow: hidden;
}
.banner-swiper .swiper-pagination {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 14px !important;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 5;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.banner-swiper .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0 7px !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
}
.banner-swiper .swiper-pagination-bullet-active {
	background: #fff;
}
.bannerWrap.swiper .banner-swiper-fraction,
.banner-swiper.bannerWrap .banner-swiper-fraction {
	position: absolute;
	left: 20px;
	bottom: 18px;
	right: auto;
	width: max-content;
	max-width: calc(100% - 32px);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	z-index: 20;
	pointer-events: none;
	white-space: nowrap;
	font-size: clamp(12px, 2.4vw, 15px);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	box-sizing: border-box;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--down,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--down {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}
.bannerWrap.swiper .banner-swiper-fraction__num,
.banner-swiper.bannerWrap .banner-swiper-fraction__num {
	appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	min-width: 2ch;
	flex: 0 0 auto;
	cursor: pointer;
	pointer-events: auto;
	color: rgba(255, 255, 255, 0.42);
	text-align: center;
}
.bannerWrap.swiper .banner-swiper-fraction__num--active,
.banner-swiper.bannerWrap .banner-swiper-fraction__num--active {
	color: #fff;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	gap: 30px;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-fraction__num,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-fraction__num {
	width: 6px;
	height: 6px;
	min-width: 6px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.72);
	color: transparent;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: visible;
	position: relative;
	opacity: 1;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress {
	position: absolute;
	inset: -8px;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	overflow: visible;
	pointer-events: none;
	transform: rotate(-90deg);
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress__arc,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress__arc {
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	transition: stroke-dashoffset 80ms linear;
}
.bannerWrap.swiper:has(.banner-swiper-fraction) .swiper-pagination,
.banner-swiper.bannerWrap:has(.banner-swiper-fraction) .swiper-pagination {
	display: none !important;
}
#main .main-vs .banner-swiper {
	margin-bottom: 0;
	background: transparent;
}
#main .main-vs .banner-swiper .swiper-wrapper {
	cursor: grab;
}
#main .main-vs .banner-swiper .swiper-wrapper:active {
	cursor: grabbing;
}
#main .main-vs .banner-swiper .banner-swiper-fraction {
	bottom: 18px;
}
#main .main-vs .banner-swiper .swiper-button-prev,
#main .main-vs .banner-swiper .swiper-button-next {
	width: 20px;
	height: 60px;
	margin-top: -30px;
	color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#main .main-vs .banner-swiper .swiper-button-prev {
	left: 2%;
	background-image: url('/files/images/visual_left.png');
}
#main .main-vs .banner-swiper .swiper-button-next {
	right: 2%;
	background-image: url('/files/images/visual_right.png');
}
#main .main-vs .banner-swiper .swiper-button-prev:after,
#main .main-vs .banner-swiper .swiper-button-next:after {
	content: none;
}

.menuList li {float:left; width:23.5%; margin-right:2%; border:1px solid #eee; transition:all 0.2s;}
.menuList li:nth-child(4) {margin-right:0;}
.menuList li a {display:block; padding:35px 0;}
.menuList li .icon_wrap {width:50px; height:41px; margin:0 auto;}
.menuList li .icon_wrap.s01 {background:url('/files/images/icon_01.png') no-repeat center;}
.menuList li .icon_wrap.s02 {background:url('/files/images/icon_02.png') no-repeat center;}
.menuList li .icon_wrap.s03 {background:url('/files/images/icon_03.png') no-repeat center;}
.menuList li .icon_wrap.s04 {background:url('/files/images/icon_04.png') no-repeat center;}
.menuList li h1 {color:#222222; font-size:17px; font-weight:500; letter-spacing:-0.25px; margin-top:15px; transition:all 0.2s; margin-bottom:0;}
.menuList li:hover {background:#1a5d92 url('/files/images/icon_bg.png') no-repeat center; transition:all 0.2s;}
.menuList li:hover h1 {color:#fff; transition:all 0.2s;}
.menuList li:hover .icon_wrap.s01 {background:url('/files/images/icon_01_w.png') no-repeat center;}
.menuList li:hover .icon_wrap.s02 {background:url('/files/images/icon_02_w.png') no-repeat center;}
.menuList li:hover .icon_wrap.s03 {background:url('/files/images/icon_03_w.png') no-repeat center;}
.menuList li:hover .icon_wrap.s04 {background:url('/files/images/icon_04_w.png') no-repeat center;}


/* 메인 - 최근강좌, 인기강좌 */
.course_1:not(.swiper-wrapper):after, .course_2:not(.swiper-wrapper):after {display:block; content:''; clear:both;}
.course_1:not(.swiper-wrapper) > li, .course_2:not(.swiper-wrapper) > li {float:left; width:49%;}
.course_1:not(.swiper-wrapper) > li:nth-child(even), .course_2:not(.swiper-wrapper) > li:nth-child(even) {margin-left:2%;}
.course_1:not(.swiper-wrapper) > li:nth-child(1), .course_1:not(.swiper-wrapper) > li:nth-child(2), .course_2:not(.swiper-wrapper) > li:nth-child(1), .course_2:not(.swiper-wrapper) > li:nth-child(2) {margin-bottom:20px;}
.course_1:not(.swiper-wrapper) > li:nth-child(3), .course_1:not(.swiper-wrapper) > li:nth-child(4), .course_2:not(.swiper-wrapper) > li:nth-child(3), .course_2:not(.swiper-wrapper) > li:nth-child(4) {margin-bottom:20px;}
.contents_title {margin-bottom:40px;}
.subject-class > li {float:left; width:100%;}
.subject-class > li:last-child {margin-right:0;}
.subject-class .ns, .subject-class .bs{width:100%; height:175px;}
.subject-class li ul li {float:left; width:51%; position:relative; height:100%;}
.subject-class .left_image {width:49%;}
.subject-class .left_image img {width:100%;}
.subject-class .left_image .left_img {height:0; overflow:hidden; position:relative; padding-bottom:66%;}
.subject-class .tt {border:1px solid #eee; position:relative; background:#fff;}
.subject-class .left_text h4 {color:#000000; font-size:17px; letter-spacing:-0.25px; width:100%; padding:30px 20px 0px 20px; text-align:left; font-weight:600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 24px; height:80px; }
.subject-class .left_text h5 {margin-top:5px; text-align:left; padding: 0 20px; font-size:14px; color:#666666; letter-spacing:-0.25px; font-weight:400;}
.subject-class .left_text h5 span {display:inline-block; font-size:12px; color:#fff; padding:2px 10px; border-radius:45px; margin-right:10px; font-weight:500;}
.course_1 .left_text h5 span {background:#2595d4;}
.course_2 .left_text h5 span {background:#ff7700;}
.subject-class .left_button {position:absolute; bottom:0; width:100%; float:left; width:100%; background:#fff; height:40px; text-align:center; line-height:40px;}
.subject-class .left_button .button_text2 {width:100%;}
.subject-class .left_button a {color:#888888; font-size:14px; letter-spacing:-0.25px; display:block;  border-top:1px solid #eee; transition:all 0.1s;}
.subject-class .left_button a:hover {background:#1a5d92; color:#fff; transition:all 0.1s;}

.haengkkumsa {background:linear-gradient(#fafafa 100%, #fff 32%)}
.haengkkumsa .half_sec {width:23%; margin-right:2%; float:left;}
.haengkkumsa .half_sec:last-child {margin-right:0; }
.haengkkumsa h1 {color:#000; font-size:26px; text-align:left; font-weight:600; letter-spacing:-1.25px;}
.haengkkumsa .half_sec.youtube h1 span {color:#f5211f;}
.haengkkumsa .half_sec.naver h1 span {color:#18cc00;}
.haengkkumsa h2 {color:#000; font-size:16px; text-align:left; font-weight:400; letter-spacing:-0.25px;}
.haengkkumsa h3 {color:#000; font-size:17px; text-align:left; font-weight:400; letter-spacing:-0.25px; margin-top:30px; position:relative; display:inline-block; padding-bottom:4px; }
.haengkkumsa h3 a {display:block;}
.haengkkumsa h3:after {content:""; position:absolute; bottom:0; left:0; width:100%; display:inline-block; height:1px; background:#000;}
.haengkkumsa .img_sec a {display:block;}
.haengkkumsa .img_sec img {position:absolute; left:50%; top:50%;  margin-left:-45px; filter: drop-shadow(0px 0px 25px #453530);  -webkit-filter: drop-shadow(0px 0px 25px #453530); z-index:1;}
.haengkkumsa .img_sec img.youtube {margin-top:-32.5px;}
.haengkkumsa .img_sec img.naver {margin-top:-45px;}
.haengkkumsa .img_sec {margin-top:30px;position:relative; overflow:hidden;}
.haengkkumsa .img_sec .scale {height:146px; transition:all 0.5s;}
.haengkkumsa .img_sec .scale.youtube {background:url('/files/images/main_img_mang_icon2.png') no-repeat top center; background-size:100% auto;}
.haengkkumsa .img_sec .scale.naver {background:url('/files/images/main_img_mang_icon1.png') no-repeat top center; background-size:100% auto;}
.haengkkumsa .img_sec .scale.auction {background:url('/files/images/main_img_mang_icon3.png') no-repeat top center; background-size:100% auto;}
.haengkkumsa .img_sec .scale.blog {background:url('/files/images/main_img_mang_icon4.png') no-repeat top center; background-size:100% auto;}
.haengkkumsa .img_sec:hover .scale {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ transform: scale(1.2); transition:all 0.5s;}


/* 메인 - 그외 기타등등 */
.etc_box > li {float:left; position:relative; width:48%; margin-right:4%;} 
.etc_box > li:last-child {margin-right:0;}
.etc_box h3 {text-align:left; border-bottom:3px solid #000000; padding-bottom:20px; margin-bottom:20px; color:#000000; font-size:24px; letter-spacing:-0.5px; font-weight:600;}
.etc_box .btn_more {position:absolute; top:7px; right:0; color:#222; font-size:14px; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}
.etc_box .btn_more img {margin-left:10px;}

.boxnotice .btext {position:relative; padding:9px 0; font-size:14px;}
.boxnotice .btext a {display:inline-block; width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.boxnotice ul li:first-child {font-size:15px;}
.boxnotice .date {position:absolute; right:0;}

.etc_guide h4 {text-align:left; color:#000000; font-size:40px; letter-spacing:-0.5px; font-weight:600;}
.etc_guide h4 img {margin-right:10px;}
.etc_guide span {font-size:20px; font-weight:700; color:#444;}
.etc_guide p {font-size:15px; margin:26px 0; line-height:26px; color:#777777;}
.etc_guide .guide_e-mail h4 {font-size:17px; padding:25px 0 0; border-top:1px solid #ddd;}
.etc_guide .guide_e-mail h4 span {font-size:16px; color:#777; font-weight:400;}


/* 교육원소개 */
.sub-body {background: #fff; height: 100%; padding-bottom:0px;}


/* 통합검색 */
.search {width: 100%;max-width: 800px;margin: 50px auto;}
.tword-box {text-align: center; margin-bottom: 50px; position: relative;}
.serch-title {display: none;}
input.tword {display: inline-block; width: 100%; max-width: 474px;height: 45px;border: 2px solid #af0d23;background-color: #fff;}
input.btn-tword {position: relative; top: -2px; left: -5px;}
li.search-img {float:left;width:20%;}
li.search-content {float:left;width:80%;}


/* 나의 학습강좌 */
.my-class .block-thumb {width: 150px;}


/* 오시는길 */
.loacation_map {width:100%;}
.load_Map_page {letter-spacing:-0.5px; padding-top:40px;}
.load_Title {font-size:24px; padding-bottom:20px;}
.load_List_box {border-top:1px solid #ffce00;}
.load_List {border-bottom:1px solid #eee;}
.load_List li {float:left; text-align:center; font-size:16px; padding:25px 0;}
.load_List li:first-child {width:12%;}
.load_List_title {color:#222; font-weight:900;}
.load_List_text {color:#444; font-weight:500;}
.load_List_text br {display:none;}
.subway_line {padding-right:10px;}
.subway_line_box {padding-right:20px;}
.load_bus_title {color:#222; font-weight:bold;}
.load_Map_parking {padding-top:30px;}
.load_Map_parking > li {width:50%; float:left;}
.load_Map_parking > li:last-child {text-align:right;}
.parking_title {font-size:24px; line-height:28px; padding:30px 0 10px;}
.parking_text {font-size:17px; padding:5px 0 30px;}
.load_Map_parking ul.load_List:first-child {border-top:1px solid #eee;}
.load_Map_parking .load_List li:first-child {width:35%; text-align:left;}
.img834down {display:none;}


/* 회사소개 */
.hks_company_page {padding-top:80px; letter-spacing:-0.5px;}
.hks_company {letter-spacing:-0.5px;}
.hks_company_img {margin:0 auto; text-align:center; display:block;}
.hks_company_info .bottom_line {padding-bottom:80px; position:relative; width:83%; margin:0 auto 20px; font-weight:500; font-size:20px; line-height:1.5; color:#333; letter-spacing:-1px;}
.hks_company_info .bottom_line:after {content:""; width:1px; height:60px; display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-1px; background:#ddd;}
.hks_company_info .box_line {border:12px solid #ddd; position:relative; padding:40px 0; margin:0 auto 40px; text-align:center; top:-12px;}
.hks_company_info .box_line h2 {font-size:36px; font-weight:700; color:#000; line-height:40px; letter-spacing:-1px;}
.hks_company_info .box_line:before, .hks_company_info .box_line:after {content:""; width:100px; height:100px; display:inline-block; position:absolute; top:50%; margin-top:-50px;}
.hks_company_info .box_line:before {left:-60px;  background:#fff url('/files/images/left_icon_01.jpg') no-repeat center;}
.hks_company_info .box_line:after {right:-60px; background:#fff url('/files/images/right_icon_01.jpg') no-repeat center;}
.company_box_line_point {color:#ff8400;}
.hks_company_title {font-size:24px; line-height:34px; padding:40px 0;}
.hks_company_title span {color:#888;}
.hks_company_text {font-size:17px; line-height:28px; color:#777;}
.hks_company_poem {background:url('/files/images/company_bottom.jpg')no-repeat; margin-bottom:50px; background-position:50% 90%;}
.hks_company_poem_padding {padding:80px 80px;}
.poem_title {font-size:26px; color:#fff;}
.poem_text {font-size:17px; padding-top:30px; line-height:26px; color:#fff;}


/* loadMap */
.padding80 {padding:80px 0; letter-spacing:-1px;}
.textCenter {text-align:center;}
.loadMap_title {font-size:50px; font-weight:900; color:#000;}
.loadMap_text {font-size:20px; color:#666; padding-top:15px;}
.loadMap_list li {float:left; width:31.333333%; margin-right:3%;}
.loadMap_list li:nth-child(2) {margin-top:4%;}
.loadMap_list li:last-child {margin-right:0;}
.lM_list_box {color:#fff; border-radius:50px; padding:70px 0 150px;}
.lM_list_box_step1 {background:url('/files/images/loadmap1.png') no-repeat center bottom #ffb000;}
.lM_list_box_step2 {background:url('/files/images/loadmap2.png') no-repeat center bottom #008b8a;}
.lM_list_box_step3 {background:url('/files/images/loadmap3.png') no-repeat center bottom #007cbe;}
.lM_list_box_step5 {background:url('/files/images/loadmap17.png') no-repeat center bottom #009cbe;}
.lM_list_box_step6 {background:url('/files/images/loadmap18.png') no-repeat center bottom #006cbe;}
.lM_list_box_step7 {background:url('/files/images/loadmap17.png') no-repeat center bottom #009cbe;}
.lM_list_box_step8 {background:url('/files/images/loadmap18.png') no-repeat center bottom #006cbe;}
.lM_list_title {font-size:32px; color:#fff;}
.lM_list_text {font-size:20px; color:#fff; padding-top:5px;}
.fontBold {font-weight:700;}
.lm_list_list {width:100%; background:#f6f6f6; color:#666; font-size:17px; border-radius:30px; margin-top:15px; padding:14px 0; font-weight:500;}

.bgGray {background:#f6f6f6;}
.lM_class_list > li {width:48.5%; margin-right:3%; float:left; border-radius:40px; padding:70px 50px;}
.lM_class_list > li:last-child {margin-right:0;}
.lM_class_box {display:table; width:100%;}
.lM_class_box > li {display:table-cell; width:35%; position:relative;}
.lM_class_box > li:last-child {border-left:1px solid #eee; width:65%; padding-left:30px; vertical-align:middle;}
.lM_class_list_white {background:#fff;}
.lM_class_list_mint {background:#00b4a0; color:#fff;}
.lM_class_title {font-size:32px; font-weight:700; line-height:38px; padding-bottom:60px;}
.lM_class_list_mint .lM_class_title {color:#fff; position:relative;}
.lM_class_title img {position:absolute; top:-10px; right:35px;}
.lM_class_name {font-size:17px; font-weight:500; position:absolute; bottom:0; left:0;}
.lM_class_text {font-size:17px; padding:10px 0;}
.lM_class_text_yg {color:#deff00; font-weight:bold;}

.lM_seoul_name {font-size:24px; padding-left:10px;}
.loadMap_sub_title {font-size:32px; color:#fff; background:#ffb000; padding:10px 100px; display:inline-block; border-radius:100px; font-weight:900; margin:10px 0;}
.loadMap_seoul > li {width:31.333333%; margin-right:3%; position:relative; float:left;}
.loadMap_seoul > li:last-child {margin-right:0;}
.lM_seoul_box {background:#fff; border:1px solid #eee; padding:70px 30px 30px; border-radius:30px;}
.lM_seoul_title {font-size:22px; color:#fff; border-radius:500px; display:inline-block; width:100px; vertical-align:middle; text-align:center; padding:35px 0; position:relative; top:50px;}
.lM_seoul_text {font-size:17px; color:#777;}
.lM_seoul_title_yellow {background:#ffce00;}
.lM_seoul_title_orange {background:#fb901e;}
.lM_seoul_title_green {background:#abcb29;}

.courselist_btn {float:right; margin-bottom:15px;}
.courselist_btn ul li {float:left; width:45px; height:45px; border:1px solid #c6c6c6; border-radius:5px; display:inline-block; text-align:center; line-height:42px; }
.courselist_btn ul li + li {margin-left:10px;}
.courselist_btn ul li img {width:20px;}

.loadMap_list2 {margin-top:50px;}
.loadMap {letter-spacing:-1px;}
.loadMap_list2 li {width:23.5%; margin-right:2%; float:left;}
.loadMap_list2 li:last-child {margin-right:0;}
.lM_list_box_step4 {background:url(/files/images/loadmap4.png) no-repeat center bottom #633698;}


.block-thumb {height:0; padding-bottom:66%; overflow:hidden; position:relative;}
.block-thumb img {width:100%;}


@media all and (max-width:1300px) {
	.hks_company_img {width:100%;}
	.hks_company_info .box_line {width:90%;}
}


@media all and (max-width:1024px) {
	.subject-class .left_text h4 {padding:15px 20px 0 20px;}
	.subject-class .ns, .subject-class .bs {height:165px;}
	.subject-class .left_button {height:35px; line-height:35px;}

	.etc_three_box h3 {font-size:18px;}
	.etc_guide span {font-size:18px;}
	.etc_guide p {font-size:13px;}
	.etc_guide .guide_e-mail h4 {font-size:14px;}
	.boxnotice .btext > ul > li > a {display:inline-block; width:70%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	br.max1024 {display:block;}
	.load_List li:last-child {text-align:left;}
	.hks_company_info .box_line {padding:30px 0;}
	.hks_company_info .box_line h2 {font-size:32px;}
	.hks_company_poem_padding {padding:80px 60px;}
	.hks_company_info .box_line:after, .hks_company_info .box_line:before {background-size:50%;}

	.lM_class_list > li {padding:60px 30px 60px 40px;}
	.lM_class_text {font-size:16px;}
	.lM_class_title {font-size:24px;}
	.lM_class_box > li {width:30%}
	.lM_class_box > li:last-child {width:70%;}
	.lM_class_title img {right:30px;}

	.loadMap_list2 li {width:49%; margin-right:2%;}
	.loadMap_list2 li:nth-child(-n+2) {margin-bottom:6%;}
	.loadMap_list2 li:nth-child(2n) {margin-right:0;}
}

@media all and (max-width:834px){
	.bg {padding:50px 0;}
	#myCarousel {display:none;}
	#myCarousel2 {display:block;}
	#myCarousel2 > .bx-wrapper {margin:0;}
	.bx-controls-direction {display:none;}
	#main .main-vs .banner-swiper .swiper-button-prev,
	#main .main-vs .banner-swiper .swiper-button-next {display:none;}

	.course_1:not(.swiper-wrapper) > li, .course_2:not(.swiper-wrapper) > li {width:23%; margin-left:2%;}
	.course_1:not(.swiper-wrapper) > li:first-child, .course_2:not(.swiper-wrapper) > li:first-child {margin-left:0;}
	.subject-class .left_image {width:100%;}
	.subject-class li ul li {width:100%;}
	.subject-class .ns, .subject-class .bs {height:auto;}
	.subject-class .tt {height:150px;}
	.subject-class .left_text h4 {height:66px; font-size:16px;}
	.subject-class .left_text h5 {margin-top:10px;}


	.etc_three_box > li {width:100%;} 
	.etc_three_box > li:nth-child(1) {margin-right:0; margin-bottom:2%;}
	.etc_three_box > li:nth-child(2) {width:48%;}
	.etc_three_box > li:nth-child(3) {width:48%;}

	br.max834 {display:block;}
	.load_Map_parking .load_List li:first-child {width:100%;}
	.load_Map_parking .load_List li {float:none; width:100%; padding:0;}
	.load_Map_parking .load_List {padding:25px 0;}
	.load_Map_parking li img {width:100%;}
	.img834up {display:none;}
	.img834down {display:block;}
	.hks_company2 {width:100%;}

	.hks_company_poem_padding {padding:80px 40px;}

	.lM_class_box > li {width:100%; display:block;}
	.lM_class_title {padding-bottom:0;}
	.lM_class_title br {display:none;}
	.lM_class_name {position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
	.lM_class_box > li:last-child {width:100%; border-left:0; padding-left:0;}
	.lM_class_title img {right:10px;}
}

@media all and (max-width:768px) {
	.load_Map_parking > li {width:100%;}
	.load_Map_parking li img {width:auto;}
	.load_Map_parking > li:last-child {text-align:left; padding-top:20px;}
}

@media all and (max-width:767px) {
	.course_1:not(.swiper-wrapper) > li, .course_2:not(.swiper-wrapper) > li {width:48.5%; margin-left:2%;}
	.course_1:not(.swiper-wrapper) > li:nth-child(3), .course_2:not(.swiper-wrapper) > li:nth-child(3) {margin-left:0;}
	.subject-class .tt {height:160px;} 

	.haengkkumsa .half_sec {width:100%; margin-right:0; margin-bottom:10%;}
	.haengkkumsa .half_sec:last-child {margin-top:60px; margin-bottom:10%;}
	.haengkkumsa {background:#fafafa;}
	.haengkkumsa h3 {margin-top:20px;}
	.haengkkumsa .img_sec {margin-top:30px;}
	.hks_company_info .box_line h2 {font-size:26px; line-height:34px;}

	.loadMap_title {font-size:40px;}
	.loadMap_text {font-size:17px;}
	.lM_list_title {font-size:24px;}
	.lM_list_text {font-size:17px;}
	.loadMap_sub_title {font-size:24px;}

}
@media all and (max-width:480px){
	.bg {padding:40px 0;}

	.menuList li {width:48.5%;}
	.menuList li:nth-child(2n) {margin-right:0;}
	.menuList li:nth-child(1),.menuList li:nth-child(2) {margin-bottom:2%;}
	.menuList li a {padding:15px 0;}
	.menuList li h1 {font-size:14px; margin-top:5px;}

	.subject-class .left_text h4 {padding:15px 10px 0 10px; font-size:14px; line-height:20px; height:58px;}
	.subject-class .left_text h5 {padding:0 10px; margin-top:5px;}
	.subject-class .left_text h5 span {padding:2px 10px;}
	.subject-class .tt {height:145px;}

	.etc_box > li {width:100%;}
	.etc_box > li + li {margin-top:30px;}

	.haengkkumsa h1 {font-size:25px;}
	.haengkkumsa h2 {font-size:15px;}

	.etc_guide h4 {font-size:30px;}
	.etc_box h3 {border-bottom-width:2px; padding-bottom:10px; margin-bottom:10px;}

	.load_Map_parking li img {width:100%;}
	.load_List li {float:none; padding:0; text-align:left;}
	.subway_line_box {display:block;}
	.load_List li:first-child {width:100%; padding-bottom:5px;}
	.load_List {padding:25px 0;}
	.load_List li:last-child {line-height:30px;}
	
	.hks_company_info .box_line h2 {font-size:20px; line-height:28px;}
	.hks_company_info .box_line:after, .hks_company_info .box_line:before {display:none;}
	.hks_company_info .box_line {border:8px solid #ddd; top:-8px;}
	.hks_company_info .box_line {padding:20px 0;}
	.hks_company_poem {background-position:30% 90%;}
	.hks_company_poem_padding {padding:60px 20px;}

	.loadMap_list li {width:100%; margin-right:0;}
	.loadMap_list li:nth-child(2) {margin-top:0;}
	.lM_list_box {padding:45px 0 150px; margin-top:15%;}
	.lm_list_list {font-size:15px;}
	.loadMap_title {font-size:32px;}

	.lM_class_list > li {width:100%; margin-right:0; padding:40px 25px;}
	.lM_class_list > li:last-child {margin-top:15%;}

	.loadMap_sub_title {padding:10px 50px; font-size:20px;}
	.loadMap_seoul > li {width:100%; margin-right:0;}

	.loadMap_list2 li {width:100%;}
	.loadMap_list2 li:nth-child(-n+2) {margin-bottom:0;}
	.loadMap_list2 {margin-top:0;}
}

@media all and (max-width:360px){
/*
	.course_1 > li, .course_2 > li {width:100%; margin-left:0;}
	.course_1 > li:nth-child(even), .course_2 > li:nth-child(even) {margin-left:0;}
	.course_1 > li:nth-child(4), .course_2 > li:nth-child(4) {margin-top:20px;}
*/
}

/* ===== 메인 강좌 카드 Swiper (smarttube 동일) ===== */
.course-swiper-wrap {position: relative; width: 100%; overflow: hidden;}
.course-swiper-wrap .swiper-course-card {
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100%;
	/* 좌우 padding 있으면 Swiper가 너비를 크게 잡아 4번째 카드가 비침 */
	padding: 8px 0 20px !important;
	box-sizing: border-box;
}
.courseBox .course-swiper-wrap ul.swiper-wrapper:before,
.courseBox .course-swiper-wrap ul.swiper-wrapper:after,
.course_1.swiper-wrapper:before,
.course_1.swiper-wrapper:after,
.course_2.swiper-wrapper:before,
.course_2.swiper-wrapper:after {
	content: none !important;
	display: none !important;
}
.courseBox {overflow: hidden;}
.courseWrap {overflow: hidden;}
.courseBox .course-swiper-wrap ul.swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
.courseBox .course-swiper-wrap ul.swiper-wrapper > li,
.courseBox .course-swiper-wrap .swiper-slide {
	float: none !important;
	margin: 0 !important;
	min-width: 0;
	min-height: 0 !important;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	padding: 6px 6px 10px;
}
@property --course-border-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}
.courseBox .course-swiper-wrap .swiper-slide > a {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: visible;
	position: relative;
	isolation: isolate;
	background: #fff;
	border: 1px solid #e8edf5;
	border-radius: 16px;
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1);
	transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
	text-decoration: none;
	color: inherit;
}
.courseBox .course-swiper-wrap .swiper-slide > a::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 16px;
	padding: 2px;
	background: conic-gradient(
		from var(--course-border-angle),
		#f4fbff 0deg,
		#7ec8ff 70deg,
		#f4fbff 140deg,
		#4aa3ef 210deg,
		#f4fbff 280deg,
		#7ec8ff 320deg,
		#f4fbff 360deg
	);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity .22s ease;
	pointer-events: none;
	z-index: 3;
	animation: course-border-spin 3.4s linear infinite;
	animation-play-state: paused;
}
.courseBox .course-swiper-wrap .swiper-slide > a:hover {
	border-color: transparent;
	transform: translateY(-3px);
	color: inherit;
}
.courseBox .course-swiper-wrap .swiper-slide > a:hover::before {
	opacity: 1;
	animation-play-state: running;
}
@keyframes course-border-spin {
	to { --course-border-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
	.courseBox .course-swiper-wrap .swiper-slide > a::before {
		animation: none;
		background: linear-gradient(135deg, #f4fbff 0%, #7ec8ff 50%, #4aa3ef 100%);
	}
}
.courseBox .course-swiper-wrap .m-img {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 15px 15px 0 0;
	background: #eef2f7;
}
.courseBox .course-swiper-wrap .m-img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
	transition: transform .35s ease;
}
.courseBox .course-swiper-wrap .swiper-slide > a:hover .m-img img {
	transform: scale(1.03);
}
.courseBox .course-swiper-wrap .m-img .stateBtn {
	top: 12px;
	left: 12px;
	margin: 0;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.3px;
	box-shadow: 0 2px 8px rgba(0,0,0,.15);
	z-index: 2;
}
.courseBox .course-swiper-wrap .m-txt {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"cat cat"
		"title title"
		"teacher price";
	align-items: end;
	gap: 6px 10px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 16px 16px 18px;
	background: #fff;
	flex: 1;
	min-height: 128px;
	border-radius: 0 0 15px 15px;
}
.courseBox .course-swiper-wrap .m-txt > p {
	grid-area: cat;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 500;
	color: #64748b;
	letter-spacing: -0.3px;
	line-height: 1.3;
	min-width: 0;
}
.courseBox .course-swiper-wrap .m-txt > p .m-cate-path {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.courseBox .course-swiper-wrap .m-txt > p .maxcount {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight: 600;
	color: #e11d48;
	letter-spacing: -0.3px;
	line-height: 1.3;
	white-space: nowrap;
	text-align: right;
}
.courseBox .course-swiper-wrap .m-txt > h2 {
	grid-area: title;
	margin: 0 0 8px;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: #0f172a;
	letter-spacing: -0.4px;
	line-height: 1.45;
	height: auto;
	min-height: calc(1.45em * 2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
}
.courseBox .course-swiper-wrap .m-txt > .appDate {
	grid-area: teacher;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #eef2f7;
	font-size: 13px;
	font-weight: 400;
	color: #64748b;
	letter-spacing: -0.3px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	align-self: center;
	display: flex;
	align-items: center;
}
.courseBox .course-swiper-wrap .m-txt > .course-price {
	grid-area: price;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #eef2f7;
	font-size: 18px;
	font-weight: 800;
	color: #e11d48 !important;
	letter-spacing: -0.4px;
	line-height: 1.4;
	text-align: right;
	white-space: nowrap;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.courseBox .course-swiper-wrap .m-txt > .course-price > div {
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	color: inherit !important;
}
.courseBox .course-swiper-wrap .m-txt > .course-price > div > span {
	font-size: 13px;
	font-weight: 700;
	margin-left: 1px;
	color: inherit !important;
}
.courseBox .course-swiper-wrap .m-txt > .course-price .salePrice {
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8;
	text-decoration: line-through;
	margin-right: 4px;
}
.courseBox .course-swiper-wrap .m-txt > .course-price .salePersent {
	font-size: 12px;
	font-weight: 700;
	color: #e11d48;
	margin-right: 4px;
}
.courseBox .course-swiper-wrap .m-txt > .appDate:last-child {
	grid-column: 1 / -1;
}
.course-swiper-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
}
.course-swiper-nav__btn {
	width: 36px;
	height: 30px;
	border: 1px solid #d5dbe6;
	border-radius: 8px;
	background: #fff;
	color: #475569;
	font-size: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}
.course-swiper-nav__btn:hover {border-color: #94a3b8; color: #1e293b;}
.course-swiper-nav__btn.swiper-button-disabled {opacity: .35; cursor: default;}
.m-title {
	padding-left: 0;
	margin: 0 auto 32px;
	font-size: 28px;
	font-weight: 700;
	position: relative;
	color: #0f172a;
	text-align: center;
	letter-spacing: -0.6px;
	line-height: 1.35;
}
.m-title:before {
	content: '';
	display: block;
	width: 36px;
	height: 3px;
	margin: 0 auto 14px;
	border-radius: 3px;
	background: linear-gradient(90deg, #1a5d92 0%, #2595d4 100%);
}
.m-title:after {content: none;}
.main-2 {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: linear-gradient(180deg, #f2f3f5 0%, #f8f8f9 42%, #fdfdfd 78%, #ffffff 100%);
	padding: 56px 0 72px;
}
.main-2 + .main-2 {padding-top: 40px;}
.main-2 {
	--geo-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239aa6b5' d='M12 0c.7 7.2 4.8 11.3 12 12-7.2.7-11.3 4.8-12 12-.7-7.2-4.8-11.3-12-12 7.2-.7 11.3-4.8 12-12z'/%3E%3C/svg%3E");
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,72 C180,120 360,24 540,72 S900,120 1200,64 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0.14;
	background-repeat: no-repeat;
	background-image:
		var(--geo-star), var(--geo-star), var(--geo-star), var(--geo-star),
		var(--geo-star), var(--geo-star), var(--geo-star), var(--geo-star);
}
.main-2::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 42%;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255,255,255,0.35) 0%, #ffffff 42%, #ffffff 100%);
	-webkit-mask-image: var(--geo-wave);
	mask-image: var(--geo-wave);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center top;
	mask-position: center top;
}
.main-2.geo-1 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,72 C180,120 360,24 540,72 S900,120 1200,64 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-1::before {
	background-size: 34px, 18px, 26px, 14px, 22px, 30px, 16px, 20px;
	background-position:
		6% 12%, 18% 38%, 28% 78%, 42% 18%,
		58% 68%, 72% 22%, 84% 52%, 94% 80%;
}
.main-2.geo-2 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,88 C120,30 280,110 420,55 C560,0 700,100 860,48 C1000,8 1120,90 1200,40 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-2::before {
	background-size: 22px, 32px, 14px, 28px, 18px, 24px, 36px, 16px;
	background-position:
		8% 22%, 16% 70%, 30% 12%, 44% 48%,
		62% 18%, 76% 76%, 88% 34%, 96% 62%;
}
.main-2 > * {
	position: relative;
	z-index: 2;
}
.maxcount {color: #FF5722; padding: 0 5px; white-space: nowrap; font-size: 13px; font-weight: 500;}
@media (max-width: 834px) {
	.course-swiper-wrap {
		overflow: hidden;
	}
	.course-swiper-wrap .swiper-course-card {
		overflow: hidden !important;
		padding: 8px 0 20px !important;
	}
	.courseBox .course-swiper-wrap .m-txt {
		padding: 14px 14px 16px;
		min-height: 120px;
	}
	.courseBox .course-swiper-wrap .m-txt > h2 {font-size: 15px;}
	.course-swiper-nav {margin-top: 12px; margin-bottom: 4px;}
	.main-2 {padding: 40px 0 52px;}
	.main-2 + .main-2 {padding-top: 28px;}
	.m-title {font-size: 20px; margin-bottom: 22px; letter-spacing: -0.4px;}
	.m-title:before {width: 28px; height: 2px; margin-bottom: 10px;}
}
@media (max-width: 480px) {
	.courseBox .course-swiper-wrap ul.swiper-wrapper > li,
	.courseBox .course-swiper-wrap .swiper-slide {
		float: none !important;
		margin-left: 0;
		min-height: 0 !important;
	}
}