@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* header */
.header_util.hide_mo .header_util__icon{ background: #f5f5f5; border-color: #eee;}
.header_util.hide_mo .header_util__txt-title{ color: #555; }
.header_util.hide_mo .header_util__txt-number{ color: var(--primary); }

/* sub visual */
.area_subVisual{ overflow: hidden; display: flex; justify-content: center; align-items: center; position:relative; height:250px; background: #01002b; color: #fff; }
.area_subVisual::before{ content: ''; position: absolute; inset: 0; background: #01002b url(/images/content/img_sub_visual.jpg) no-repeat 50% / cover; }
.area_subVisual__inr{ display: grid; align-content: center; gap: 13px 0; padding-bottom: 4px; box-sizing: border-box; }
.area_subVisual__title{ grid-area: title; font-size: var(--fs35); }
.area_subVisual__sub_title{ grid-area: sub_title; opacity: .7; }
.area_subVisual__path{ display: flex; align-items: center; grid-area: path; justify-self: end; align-self: end; font-size: 15px; color: #888;}
.area_subVisual__path-home{ height: 1em; }
.area_subVisual__path [data-menu-snb]::before{ content: ''; display: inline-block; margin: 0 1em; width: .35714286em; height: .64285714em; background: url(/images/content/icon_path_arrow.png) no-repeat 50% / contain; }

@media(prefers-reduced-motion:no-preference){
	.area_subVisual::before{ animation: sub_visual_bg 1.8s both; }
	@keyframes sub_visual_bg {
		0%{ transform: scale(1.05); }
		100%{ transform: scale(1); }
	}
	.area_subVisual__title{ opacity: 0; animation: sub_visual_text .6s .2s both; }
	@keyframes sub_visual_text {
		0%{ transform: translateX(20px); opacity: 0; }
		100%{ transform: translateX(0); opacity: 1; }
	}
	.area_subVisual__sub_title{ animation: sub_visual_sub_text .6s .4s both; }
	@keyframes sub_visual_sub_text {
		0%{ transform: translateX(20px); opacity: 0; }
		100%{ transform: translateX(0); opacity: .7; }
	}
	.area_subVisual__path{ animation: sub_visual_path .8s .8s both; }
	@keyframes sub_visual_path {
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
}

@media(min-width:1280px){
	.area_subVisual__inr{ grid-template: 'title path' 'sub_title path' / 1fr auto; }
}
@media(max-width:1279px){
	.area_subVisual {height:16px;}
	.area_subVisual__inr{ grid-template: 'title' 'sub_title' 'path'; }
}
@media(max-width:767px){
	.area_subVisual__sub_title{ max-width: 275px; }
}

/* lnb */
.lnb{height:70px; background: #f5f5f5; font-size: 16px; color: #111;}
.lnb__inr{ display: flex; gap: 2.4em; }
.lnb a{ display: flex; align-items: center; position: relative; height: 100%;}
.lnb a.on::before{ content: ''; position: absolute; inset: auto 0 0; border-bottom: 2px solid var(--primary); }
.lnb li.hidden {display: none;}

/* common content */
#content{ min-height:300px; padding: 100px 0 80px;}
.sub_title {margin-bottom: 40px; text-align:center; animation: sub_visual_path .8s .8s both; }
.sub_title h2 {font-size:var(--fs35); font-weight:800;}
.sub_section {animation: sub_visual_path .8s 1.2s both; }

/* tab_menu */
.tabmenu_wrap {text-align:center; animation: sub_visual_path .8s 1.2s both; margin-bottom: 60px;}
.tab_menu {display:inline-block; border-radius:100px; border:1px solid #eee; background:#fff;}
.tab_menu li {display:inline-block;}
.tab_menu li a {display:block; min-width:154px; padding:0 20px; line-height:64px; color:#888; text-align:center; border-radius:100px; box-sizing:border-box;}
.tab_menu li.active a {background:var(--primary); color:#fff; font-weight:500; border:1px solid var(--primary); box-shadow: 5px 5px 20px 0 rgba(0, 160, 233,0.18);}
.tab_container {animation: sub_visual_path .8s 1.6s both; }

/* 221124 vw 게시판 반응형 */
.designSelect .selectbox {font-size:14px;} 
.designSelect .selectoption li{ font-size:14px;}
.bbsList thead th {font-size: 16px;}
ul.bbsList li .date i {font-size: 40px;}
ul.bbsList li .subject { font-size: 18px;}
.bbsTitle {font-size: 34px;}
.bbsDate > ul > li {font-size: 14px;}
.bbsView .button {font-size: 14rem;}
.bbsView .tip {font-size: 12rem;}

.mo__hide {}
.mo__show {display:none;}

@media(max-width:767px){
	.area_subVisual {height:250px;}
	.area_subVisual__inr {display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.area_subVisual__sub_title {max-width:100%;}
	.area_subVisual__path {align-self: center;}
	.lnb{height:60rem;}
	.lnb__inr {justify-content: center;}
	.lnb a {}
	#content {padding:80rem 0 50rem;}
	.bbsTitle{ font-size: 20rem; }
	ul.bbsList li .date{ font-size: 11rem; }
	ul.bbsList li .date i{ font-size: 28rem; }
	ul.bbsList li .subject{ font-size: 16rem;}
	.mo__show {display: block;} 
	.mo__hide {display: none;} 
}

@media(max-width:500px){
	.area_subVisual__title, .sub_title {margin-bottom:30px;}
	#content {padding:60px 0;}
	.tab_menu {display:-ms-inline-grid; grid-template-columns:repeat(2, 1fr);}
	.tab_menu li a {box-sizing:border-box; padding:0 10px;}
}

/* about01 - 교육철학 */
.about01 {padding:120px 0; text-align:center; color:#fff; background:url(/images/content/about01_bg.jpg) no-repeat center; background-size:cover;}
.about01 .ss01 h3 {font-size: var(--fs30);}
.about01 .ss01 ul {display:flex; justify-content:center; align-items:center; gap:0 35px; margin:70px 0;}
.about01 .ss01 ul li {display:flex; justify-content:center; align-items:center; width:180px; height:180px; padding:20px; line-height:1.7; border:1px solid #fff; border-radius:100%; box-sizing:border-box;}
.about01 .ss01 ul li:last-child {background:var(--primary); border:none;}
.about01 .ss01 ul i.plus {position:relative; width:21px; height:21px;}
.about01 .ss01 ul i.plus span {position:absolute; left:50%; top:50%; width:100%; height:1px; background:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.about01 .ss01 ul i.plus span:last-child {transform:translate(-50%, -50%) rotate(-45deg);}
.about01 .ss01 ul i.arrow svg {transform:translate(-50%, 0) rotate(45deg);}
.about01 .ss01 dl {font-size: var(--fs17); line-height:1.8;}
.about01 .ss01 dl dd + dd {margin-top:25px;}
.about01 .ss01 .sign {margin-top:70px; color:#ccc;}
.about01 .ss01 .sign img {vertical-align:middle; height:32px; margin-left:20px;}

@media(max-width:767px){
	.about01 {padding:80px 0;}
	.about01 .ss01 ul {flex-wrap:wrap; gap:0 20px; margin:50px 0;}
	.about01 .ss01 ul li {font-size:1.1em;}
	.about01 .ss01 dl dd + dd {margin-top:20px;}
	.about01 .ss01 .sign {margin-top:50px;}
	.about01 .ss01 ul i.arrow {width:100%; margin:10px 0 30px;}
	.about01 .ss01 ul i.arrow svg {display:block; transform:rotate(132deg); margin:0 auto;}
}

@media(max-width:500px){
	.about01 {padding:55px 0;}
	.about01 .ss01 ul {display:block; margin:30px 0;}
	.about01 .ss01 ul > * {margin:0 auto;}
	.about01 .ss01 ul i {display:block; margin:20px auto !important;}
	.about01 .ss01 .sign {margin-top:30px;}
	.about01 .ss01 .sign img {height:25px;}
}

/* intro01 - 원장 */
.intro01 {margin-bottom:60px; padding:80px 0 0; background:#dce4ea url(/images/content/intro01_bg.png) no-repeat center; background-size:cover;}
.intro01 .ss01 {position:relative; display:flex; justify-content:space-between; flex-direction:row-reverse;}
.intro01 .text {z-index:10; padding-top: 60px}
.intro01 .text h3 {position:relative; font-size:var(--fs40); letter-spacing: -0.5px; font-weight:600; color:#174173; padding-bottom: 35px; margin-bottom: 35px;}
.intro01 .text h3::after {content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; background: #212528;}
.intro01 .text h3:before {position:absolute; left:-35px; top:0; content:''; width:40px; height:30px; background:url(/images/content/intro01_deco.svg) no-repeat center; background-size:contain; transform:translate(-100%, -25%);}
.intro01 .text h3 strong {font-size: var(--fs45); font-weight: 800; color: #0b2e58; margin-right: 5px}
.intro01 .profile .name {display: flex; align-items: center; gap: 20px; margin-bottom: 25px;}
.intro01 .profile .name h4 {font-size: var(--fs30); font-weight:500;}
.intro01 .profile .name h4 strong {font-weight: 700;}
.intro01 .profile .name p {font-size: var(--fs17); font-weight: 500;color: #555;}
.intro01 .profile .career dd {position: relative; font-size: var(--fs17); padding-left: 15rem; color: #555;}
.intro01 .profile .career dd::before {position: absolute; content: ''; top:10rem; left: 0; width:4px; height: 4px; background: #bbb; border-radius: 50%;}
.intro01 .profile .career dd + dd {margin-top: 10rem;} 
.intro01 .teacher {position:relative; width:47%; align-self: flex-end;}
.intro01 .teacher img {position:relative; max-width:100%;}
.intro01 .teacher:before {position:absolute; left:0; top:50%; content:''; width:80%; height:40%; margin:-8% 0 0 -2%; background:url(/images/content/intro01_text.png) no-repeat center; background-size:contain; transform:translate(-50%, -50%);}
.intro01 .btn {display: flex; align-items: center; gap: 20px; position:absolute; left:0; bottom:0; transform:translate(0, 50%);}
.intro01 .btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 40px; width:280px; height: 90px; background: #212528; font-size:var(--fs17); font-weight: 300; color:#fff; box-sizing: border-box; box-shadow: 5px 5px 15px rgba(33, 37, 40,0.18);}
.intro01 .btn a img {transition:.3s; width: 20rem;}
.intro01 .btn a:hover img {margin-right:10px;}

@media(max-width:1279px){
	.intro01 .ss01 {flex-direction: column;}
	.intro01 .teacher {width: 100%; text-align: center;}
	.intro01 .teacher img {max-width: 70%;}
	.intro01 .teacher:after {position:absolute; left:0; bottom:0; content:''; width:100%; height:50%; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(220,228,234,1) 100%);}
	.intro01 .text {width:100%; margin:40px 0 85px; padding-top: 0;}
	.intro01 .text h3 {text-align:center; padding-bottom: 0; margin-bottom: 25rem; line-height: 1.5;}
	.intro01 .text h3::after, .intro01 .text h3:before {display: none;}
	.intro01 .text h3 strong {margin-right:0; font-weight: 600;}
	.intro01 .profile .name {gap: 15rem; margin-bottom: 20rem;}
	.intro01 .btn {display:flex; gap:8rem; justify-content:center; width: 100%; }
	.intro01 .btn a {padding: 0 25rem; width: 100%; height: 70px;}
	.intro01 .btn a img {width: 15rem;}
}

/* intro02 - 강사 */
.intro02 .tab_container {margin-bottom:60px; padding: 50px 0 0; background:#dce4ea url(/images/content/intro01_bg.png) no-repeat center; background-size:cover;}
.intro02 .tab_con {position:relative; display:flex; justify-content:space-between; flex-direction:row-reverse;}
.intro02 .text {z-index:10; padding-top: 80rem;}
.intro02 .subTit {position:relative;  padding-bottom: 35rem; margin-bottom: 35rem;}
.intro02 .subTit::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 20rem; height: 2px; background: #212528;}
.intro02 .subTit h4 {font-weight:500;}
.intro02 .subTit h4 strong {font-weight: 700;}
.intro02 .subTit p {font-size: var(--fs18); }
.intro02 .career dt {font-size: var(--fs22); font-weight: 700; color: #212528; margin-bottom:20rem;} 
.intro02 .career dd {position: relative; padding-left: 15rem; color: #555;}
.intro02 .career dd::before {position: absolute; content: ''; top:10rem; left: 0; width:4px; height: 4px; background: #bbb; border-radius: 50%;}
.intro02 .career dd + dd {margin-top: 10rem;} 
.intro02 .teacher {position:relative; width:45%; align-self: flex-end;}
.intro02 .teacher img {position:relative; max-width:100%;}
.intro02 .teacher:before {position:absolute; left:0; top:50%; content:''; width:80%; height:40%; margin:-8% 0 0 -2%; background:url(/images/content/intro01_text.png) no-repeat center; background-size:contain; transform:translate(-50%, -50%);}
.intro02 .btn {display: flex; align-items: center; gap: 20px; position:absolute; left:0; bottom:0; transform:translate(0, 50%);}
.intro02 .btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 40px; width:280px; height: 90px; background: #212528; font-size:var(--fs17); font-weight: 300; color:#fff; box-sizing: border-box; box-shadow: 8x 8px 15px rgba(33, 37, 40,0.18);}
.intro02 .btn a img {transition:.3s; width: 20rem;}
.intro02 .btn a:hover img {margin-right:10px;}

@media(max-width:1279px){
	.intro02 .tab_con {flex-direction: column;}
	.intro02 .teacher {width: 100%; text-align: center;}
	.intro02 .teacher img {max-width: 70%;}
	.intro02 .teacher:after {position:absolute; left:0; bottom:0; content:''; width:100%; height:50%; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(220,228,234,1) 100%);}
	.intro02 .text {width:100%; margin: 40px 0 85px; padding-top: 0;}
	.intro02 .subTit {padding-bottom: 0; margin-bottom: 30rem; text-align: center;}
	.intro02 .subTit span {margin-bottom: 15px;}
	.intro02 .subTit::after {display: none;}
	.intro02 .subTit p {margin-top: 15px;}
	.intro02 .career dt {font-size: 18px; font-weight: 600; margin-bottom: 18px;}
	.intro02 .btn {display:flex; gap:8rem; justify-content:center; width: 100%; }
	.intro02 .btn a {padding: 0 25rem; height: 80px;}
	.intro02 .btn a img  {width: 15rem;}
}


/* common - 공통 */
.subTit {}
.subTit em {display: inline-block; position: relative; padding: 16rem 38rem; margin-bottom: 40rem; background: var(--primary); color: #fff; font-size: var(--fs18); font-weight: 400; border-radius: 30rem; box-shadow: inset 8px 8px 8px -5.92px rgb(255 255 255 / 57%), inset -8px -8px 8px -5.92px rgb(94 79 80 / 18%), 3px 4px 30px 0px rgb(43 31 54 / 20%);}
.subTit em::before {content: ''; position: absolute; left: 50%; bottom: 0; width: 15rem; height: 15rem; background: var(--primary); transform: translate(-50%, 50%) rotate(45deg);}
.subTit span {position: relative; display: inline-block; font-size: var(--fs18); font-family: var(--font-emb); color: var(--primary); letter-spacing: 1.2rem; font-weight: 600; margin-bottom: 20rem;}
.subTit h4 {font-size: var(--fs40); font-weight: 700;}
.subTit p {font-size: var(--fs18); line-height: 1.7; font-weight: 300; margin-top: 20rem;}

@media(max-width:767px){
	.subTit em {margin-bottom: 25rem; padding: 14rem 28rem;}
	.subTit em::before {width: 11rem; height: 11rem;}
	.subTit span {margin-bottom: 15rem;}
}

/* education01 - 수업방식 */
.educ01 {background: #000 url(/images/content/board.jpg) no-repeat; background-position: 50% 50%; background-size: cover; text-align: center; padding: 100px 0 80px;}
.educ01 .subTit {margin-bottom: 40px; color: #fff; }
.educ01 .subTit p {margin-top: 25px; }
.educ01 .edu_sw1 {width: 100%; max-width: 850rem; border-radius: 30rem; overflow: hidden; box-sizing: border-box; padding:32rem; margin: 0 auto; background: #fff; box-shadow: inset 8px 8px 8px -6px rgb(255 255 255 / 50%), inset -8px -8px 8px -6px rgba(0, 0, 0, 0.6), 4px 4px 30px 0px rgba(0, 0, 0, 0.6)}
.educ01 .edu_sw1 img {width: 100%; height: 100%; max-width: 100%; border-radius: 10rem; overflow: hidden; object-fit: cover;}
.educ01 .edu_sw2 {margin-top: -510rem; opacity: 0.35; padding-bottom: 210rem;}
.educ01 .edu_sw2 img {width: 100%; max-width: 100%;}
.educ01 .ss01 p {color: #fff; font-size: var(--fs17); font-weight: 300; text-align: center; margin-top: 40rem;}
.educ01 .edu_sw1_btn svg {height: 25rem; fill: #fff; }
.educ01 .edu_sw1_btn i {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; background: rgba(0, 0, 0, 0.8); width: 80px; height: 80px;}
.educ01 .edu_sw1_btn .prev__svg {left:0;}
.educ01 .edu_sw1_btn .next__svg {right: 0;}

@media(max-width:1279px){
	.educ01 {padding: 80px 0;}
	.educ01 .edu_sw1 {padding: 20px; border-radius: 15rem;}
	.educ01 .edu_sw2 {margin-top: 15px; padding-bottom: 0;}
	.educ01 .ss01 p {margin-top: 20rem;}
}

@media(max-width:767px){
	.educ01 {padding: 60px 0;}
}

/* education02 - 교재안내 */
.edu02 {}
.edu02 .ss01 { background: #f5f5f5; padding: 100px 50px; box-sizing: border-box; text-align: center;}
.edu02 .subTit {margin-bottom: 40px;}
.edu02 .tab_menu {background: #fff;}
.edu02 .tabmenu_wrap {margin-bottom: 60px;}
.edu02 .tab_con {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; padding: 50px; box-sizing: border-box; border: 1px solid #eee; background: #fff;}
.edu02 .tab_con img {width: 100%; height: 100%; max-width: 100%;  background: #fff; border: 1px solid #eee; box-sizing: border-box;}

@media(max-width:1279px){
	.edu02 .ss01 {padding: 80px 10px; width: 100%; box-sizing: border-box;}
	.edu02 .tab_con {grid-template-columns: repeat(3,1fr);}
	.edu02 .tab_con:nth-child(2) {display: grid;}
}
@media(max-width:767px){
	.edu02 .tab_con {grid-template-columns: repeat(2,1fr); padding: 30px;}
	.edu02 .subTit h4 {font-size: 22px;}
	.edu02 .tabmenu_wrap {margin-bottom: 50px;}
}

/* education03 - 커리큘럼 */
.edu03 {background: #f5f5f5; padding: 100px 0 50px; box-sizing: border-box; text-align: center;}
.edu03 .subTit {margin-bottom: 40px;}
.edu03 .subTit .mark {display: block; color: var(--primary); font-weight: 300; margin-top: 5px;}
.edu03 .eduBox {width: 100%; padding: 60px 70px; box-sizing: border-box; background: #fff;}
.edu03 .eduBox img {max-width: 100%; width: 100%;}
.edu03 .eduBox h5 {font-size: var(--fs28); margin-bottom: 20px; font-weight: 700; text-align: left;}

@media(max-width:767px){
	.edu03 .tab_menu {display: grid; grid-template-columns: repeat(4,1fr); border-radius: 0;}
	.edu03 .tabmenu_wrap {margin-bottom: 30px;}
	.edu03 .tab_menu li a {border-radius: 0; min-width: 100%;}
	.edu03 .eduBox {padding: 40px;}
	.edu03 .eduBox {overflow-x: scroll;}
	.edu03 .eduBox img {min-width: 700px}
}



/* lesson01 - 수업구성 */
.lesson01 {}
.lesson01 .ss01 {text-align: center; padding: 100px 0; background: #eff4f7;}
.lesson01 .ss01__list {display: grid; grid-template-columns: repeat(4,1fr); } 
.lesson01 .ss01__list em {width: 90px; padding: 8px 0; text-align: center; border-radius: 100px; background:#08de77; border: 1px solid #0dc96e; color: #fff; font-size: 15px; font-weight: 500;}
.lesson01 .ss01__list dl {display: flex; gap: 10px; align-items: center; flex-direction: column; justify-content: center; width: 200px; height:200px; border-radius: 50%; background: #fff; box-shadow: 8px 8px 20px rgba(33, 37, 40, 0.05)}
.lesson01 .ss01__list dt {font-size: var(--fs20); font-weight: 700;}
.lesson01 .ss01__list li {position: relative; display: flex; gap: 20px; align-items: center; flex-direction: column; }
.lesson01 .ss01__list li::before {content: ''; position: absolute; top: 60%; left: 0; transform: translate(-50%,-50%); width: 18px; height: 18px; background: url(/images/common/plus.svg) no-repeat; background-size: contain; background-position: 50%;}
.lesson01 .ss01__list li:nth-child(1):before {display: none;}
.lesson01 .ss01__list li:nth-child(4)::before {width: 30px; height: 13px; background: url(/images/common/next.svg) no-repeat;}

.lesson01 .ss02 {margin-top: 80px;}
.lesson01 .ss02 .subTit {text-align: center; margin-bottom: 40px;}
.lesson01 .ss02__box .img {text-align: center; border: 1px solid #eee; padding: 50px; box-sizing: border-box;}
.lesson01 .ss02__box .img img {width: 100%; max-width: 500px; object-fit: contain;}
.lesson01 .ss02__list { display: grid; gap: 40px; grid-template-columns: repeat(5,1fr); margin-top: 50px;}
.lesson01 .ss02__list li {position: relative;}
.lesson01 .ss02__list li:not(:first-child)::before {content: ''; position: absolute; top: 50%; left: -23px; transform: translateY(-50%); width: 9px; height: 18px; background: url(/images/common/ico_arrow.svg) no-repeat;}
.lesson01 .ss02__list h3 {display: flex; justify-content: center; align-items: center; height: 48px; font-weight: 400; background:var(--primary); color: #fff; border-radius: 5px 5px 0 0;}
.lesson01 .ss02__list p {padding: 14px 10px; background: #eff4f7; text-align: center; border-bottom: 1rem solid #dce4ea; color: #555;}

/* 시간표 */
.sys-common img {max-width:100%;}

@media(max-width:1279px){
	.lesson01 .ss01__list dt {font-size: 18px;}
	.lesson01 .ss01__list dl {width: 180px; height: 180px;}
	.lesson01 .ss01__list li:nth-child(3)::before {display: none;}
	.lesson01 .ss02__list {grid-template-columns: repeat(3,1fr);}
	.lesson01 .ss02__list li:nth-child(4)::before {display: none;}
	.lesson01 .ss02__list h3 {gap: 15px;}
}
@media(max-width:1080px){
	.lesson01 .ss01 {width: 100%;}
	.lesson01 .ss01__list {grid-template-columns: repeat(2,1fr); gap: 40px 0;} 
	.lesson01 .ss01__list dl {width: 240px; height: 240px; }
}
@media(max-width:767px){
	.lesson01 .ss02__list {grid-template-columns: repeat(1,1fr); gap: 0; margin-top: 30px;}
	.lesson01 .ss02__list li + li {padding-top: 40px;}
	.lesson01 .ss02__list li:nth-child(4)::before {display: block;}
	.lesson01 .ss02__list li:not(:first-child)::before {left: 50%; top:10px; transform: translateX(-50%) rotate(90deg);}
	.lesson01 .ss01__list dt {font-size: 20px;}
	.lesson01 .ss01__list li::before {width: 16px; height: 16px;}
	.lesson01 .ss01__list li:nth-child(4)::before {width: 24px; height:11px;}
	.lesson01 .ss01__list dl {width: 200px; height: 200px; }
	.lesson01 .ss02__box .img {padding: 30px;}
}
@media(max-width:500px){
	.lesson01 .ss01__list {grid-template-columns: repeat(1,1fr); gap: 0;}
	.lesson01 .ss01__list li {gap: 25px;}
	.lesson01 .ss01__list li + li {padding-top: 40px;}
	.lesson01 .ss01__list em {width: 100px;}
	.lesson01 .ss01__list li::before {display: none;}
	.lesson01 .ss01__list dl {width: 250px; height: 250px; }
	.lesson01 .ss01__list dd {font-size: 16px;}
}


/* consel01 - 상담 */
.consel01 {padding: 100px 0; background: #f5f5f5; text-align: center;}
.consel01 .tabList {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.consel01 .tabList.h01 {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px;}
.consel01 .tabList li {display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 60px 20px; box-sizing: border-box; background: #fff; border-radius: 15px;}
.consel01 .tabList li .icon {width: 70px; height: 70px; border: 1px solid #eee; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.consel01 .tabList li .icon.sns {}
.consel01 .tabList li .icon img {width: 100%; max-width: 25px;}
.consel01 .tabList li dl {margin-top: 20px;} 
.consel01 .tabList li dt {font-size: var(--fs20); font-weight: 700;}
.consel01 .tabList li dd {font-size: 15px; color: #555; margin-top: 10px;}
.consel01 .tabList li .more {display: flex; align-items: center; justify-content: center; width: 80px; height: 35px; background: #bbb; color: #fff; font-size: 14px; border-radius: 20px; margin: 25px auto 0; line-height: 1;}
.consel01 .tabList li .more:hover {background: #888;}
.consel01 .tabList li:nth-child(2) img {max-width: 26px;}
.consel01 .tabList li:last-child p {font-size: 15px; margin-top: 10px;}
.consel01 .tabList li:last-child img {max-width: 27px;}
.consel01 .tabList li:last-child .instagram {margin-top: 20rem;}

@media(max-width:1279px){
	.consel01 .tabList {grid-template-columns: repeat(2,1fr);}
	.consel01 .tabList.h01 {grid-template-columns: repeat(2,1fr);}
}

@media(max-width:767px){
	.consel01 {padding: 80px 0;}
	.consel01 .tabmenu_wrap {margin-bottom: 40px;}
	.consel01 .tabList {grid-template-columns: repeat(1,1fr); gap: 15px;}
	.consel01 .tabList.h01 {grid-template-columns: repeat(1,1fr); gap: 15px;}
	.consel01 .tabList li {padding: 40px 20px;}
	.consel01 .tabList li .icon {width: 55px; height: 55px;}
	.consel01 .tabList li .icon img {max-width: 18px;}
	.consel01 .tabList li:last-child img {max-width: 20px;}
	.consel01 .tabList li dl {margin-top: 15px;}
	.consel01 .tabList li dt {font-size: 17px;}
	.consel01 .tabList li .more {margin: 20px auto 0;}
}

/* location - 학원위치 */
.location .ss01 {display:grid; grid-template-columns:repeat(2, 1fr); }
.location .ss01 > div {box-sizing:border-box;}
.location .ss01 .tit {padding: 0 50px;}
.location .ss01 .tit p {font-size: var(--fs17); line-height: 1.7; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1;}
.location .ss01 .tit h4 {font-size: var(--fs25); font-weight: 800; margin-bottom: 15px;}
.location .ss01 .con {padding:50px 0;}
.location .ss01 .con h3 {position:relative; display:inline-block; padding:20px 50px; font-size: var(--fs30); font-weight:400; color:#fff; background:#262626;}
.location .ss01 .con h3:before {position:absolute; left:0; top:0; content:''; width:50px; height:100%; background:#262626; transform:translate(-100%, 0); z-index:8;}
.location .ss01 .con h3 strong {font-weight:700;}
.location .ss01 .con ul {padding: 0 50px;}
.location .ss01 .con ul li {padding:35px 0; border-bottom:1px solid #e1e1e1;}
.location .ss01 .con ul li:last-child {border-bottom:0;}
.location .ss01 .con ul li a:hover {text-decoration:underline;}
.location .ss01 .con ul li span {font-weight:700; margin-right:15px;}
.location .root_daum_roughmap {width:100%; height:100%;}
.location .root_daum_roughmap .wrap_map {height:100%;}
.location .hide,
.location .map_border {display:none;}
.location .ss01 .con_btn {padding: 0 50px;}
.location .ss01 .con_btn a {display: flex; align-items: center; justify-content: space-between;height: 80px; padding: 0 35px; border-radius: 5px; background: #262626; color: #fff;}
.location .ss01 .con_btn svg {width: 20px; fill: #fff;}


@media(max-width:767px){
	.location .ss01 { grid-template-columns:repeat(1, 1fr); }
	.location .ss01 .con h3 {width: 85%; padding: 20px 10px;}
	.location .root_daum_roughmap .wrap_map{height: 500px;}
	.location .ss01 .con {padding: 0;  margin-top: 20px;}
	.location .ss01 .con ul {padding: 0;}
	.location .ss01 .con ul li {padding: 25px 0;}
	
}



/* 범어점 */
.location02 {padding: 100px 0 60px; background: #f5f5f5; text-align: center;}
.location02 .ss01 {}
.location02 .ss01 .btnList {display: flex; justify-content: center; align-items: center; gap: 12px; margin-top:35px;}
.location02 .ss01 .btnList a {display: flex; align-items: center; justify-content: space-between; font-family: var(--font-emb); font-weight: 400; width: 270px; height: 85px; padding: 0 30px; background: #262626; color: #fff;}
.location02 .ss01 .btnList a:first-child {background: #555;}
.location02 .ss01 .btnList svg {width: 18px; fill: #fff; transition: .5s;}
.location02 .ss01 .btnList a:hover span {opacity: 0.5;}
.location02 .ss01 .btnList a:hover svg {margin-right: 5px;}
.location02 .ss01 .img {margin-top: 60px;}
.location02 .ss01 .img img {width: 100%; max-width:800px;}


@media(max-width:767px){
	.location02 {padding: 60px 0 50px;}
	.location02 .ss01 .btnList {flex-wrap: wrap; margin-top: 30px; gap: 8px;}
	.location02 .ss01 .btnList a {width: 100%; height: 70px; padding: 0 20px;}
	.location02 .ss01 .img {margin-top: 40px;}
}