/* 사업영역 Type01 */
.busi1-1 {width:100%;}
.busi1-1:after { content:""; display:block; clear:both; }
.busi1-1 ul { width:100%; overflow:hidden;}
.busi1-1 ul li {display:inline-block; vertical-align:top; width:49%; margin-right:2%; margin-bottom:2%; border-radius:10px; background:#fff; overflow:hidden; border:1px solid #eee; box-sizing:border-box; }
.busi1-1 ul li:nth-child(even) {float:right; margin-right:0; }
.busi1-1 ul li a {display:block;  }
.busi1-1 ul li dl {width:100%; font-size:0; }
.busi1-1 ul li dl dt {display:inline-block; vertical-align:middle; width:40%; text-align:center; border-radius:0; overflow:hidden;}
.busi1-1 ul li dl dt img {max-width:100%; transition: 0.5s all ease;}
.busi1-1 ul li dl dd {position:relative; display:inline-block; vertical-align:top; width:60%; padding:40px 4% 0 4%;}
.busi1-1 ul li dl dd .num { position:relative; display:block; text-align:center; width:50px; height:50px; line-height:50px; font-size:1em; color:#666; font-style:normal; font-weight:500; background:#eee; border-radius:25%; }
.busi1-1 ul li dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; right:50px; top:50%; transform: translateY(-50%); width:0; height:1px; background:#fff; transition: 0.5s all ease;}
.busi1-1 ul li dl dd h4.t1 {margin:20px 0; font-size:1.85em; color:#000; line-height:1.4; font-weight:700; }
.busi1-1 ul li dl dd p { font-size:1em; color:#222; line-height:1.6; word-break:keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.busi1-1 ul li dl dd p span {display:inline; font-size:1em; color:#000; font-weight:700;}
.busi1-1 ul li:hover dl dt img {transform:scale(1.1);}
.busi1-1 ul li:hover dl dd .num {color:#fff; background:#f54782; }
.busi1-1 ul li:hover dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; right:40px; top:50%; transform: translateY(-50%); width:130%; height:1px; background:#f54782; }
/* 출강안내 자세히보기 버튼 */
.busi1-1 ul li dl dd .btn_more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:25px;
	padding:10px 20px;
	font-size:0.95em;
	line-height:1.4;
	color:#555;
	background:#fff;
	border:1px solid #ddd;
	border-radius:30px;
	transition:0.3s all ease;
}

.busi1-1 ul li dl dd .btn_more i{
	margin-left:10px;
	font-size:0.9em;
	color:#777;
	transition:0.3s all ease;
}

.busi1-1 ul li:hover dl dd .btn_more{
	color:#fff;
	background:#f54782;
	border-color:#f54782;
}

.busi1-1 ul li:hover dl dd .btn_more i{
	color:#fff;
	transform:translateX(3px);
}


/* 사업영역 Type02 */
.busi2-1 {width:100%;}
.busi2-1:after { content:""; display:block; clear:both; }
.busi2-1 ul {display:flex; flex-wrap: wrap; width:100%; }
.busi2-1 ul li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width:100%; margin-bottom:50px; }
.busi2-1 ul li:last-child {margin-bottom:0;}
.busi2-1 ul li .imgs { position:relative; width:50%;}
.busi2-1 ul li .imgs img {max-width:100%; }
.busi2-1 ul li .txts{width:50%; padding:0 0 0 60px; }
.busi2-1 ul li .txts .num { display:block; text-align:center; width:50px; height:50px; line-height:50px; font-size:1.25em; color:#fff; font-weight:500; font-style:normal; border-radius:25px 0;}
.busi2-1 ul li .txts h3.t1 { display:block; margin:20px 0 30px 0; font-size:2em; color:#000; line-height:1.2;  font-weight:600; word-break:keep-all;}
.busi2-1 ul li .txts h3.t1 span {color:#45a6e6;}
.busi2-1 ul li .txts p { display:block; margin-top:10px; font-size:1.15em; color:#666; line-height:1.6; word-break:keep-all;}
.busi2-1 ul li .txts p span {display:inline; font-size:1em; color:#000; font-weight:500;}
.busi2-1 ul li:nth-child(even) { flex-direction: row-reverse;}
.busi2-1 ul li:nth-child(even) .txts{ padding:0 60px 0 0; }
.busi2-1 ul li:nth-child(1) .txts .num {background:#45a6e6;}
.busi2-1 ul li:nth-child(2) .txts .num {background:#00529b;}
.busi2-1 ul li:nth-child(3) .txts .num {background:#001364;}
.busi2-1 ul li:nth-child(1) h3.t1 span {color:#45a6e6;}
.busi2-1 ul li:nth-child(2) h3.t1 span {color:#00529b;}
.busi2-1 ul li:nth-child(3) h3.t1 span {color:#001364;}

table.tbl_busi2 {width:100%; margin-top:100px; border-spacing: 0; border-collapse: collapse; box-sizing: border-box; border-top:1px solid #000;}
table.tbl_busi2 thead tr th {padding:15px 15px; text-align:center; font-size:1.15em; color:#000; line-height:1.4; font-weight:600; background:#f7f7f7; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.tbl_busi2 thead tr th:first-child {border-left:0;}
table.tbl_busi2 tbody tr th {width:30%; padding:25px; text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.tbl_busi2 tbody tr th:first-child {border-left:0;}
table.tbl_busi2 tbody tr th .imgs {width:100%; text-align:center;}
table.tbl_busi2 tbody tr th .imgs img {max-width:100%;}
table.tbl_busi2 tbody tr th p {margin-top:10px; font-size:1.25em; color:#000; font-weight:500; line-height:1.4; word-break:keep-all; }
table.tbl_busi2 tbody tr td {width:70%; padding:15px 25px; text-align:left; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.tbl_busi2 tbody tr td p {position:relative; margin-top:10px !important; padding-left:12px; font-size:1em; color:#666; line-height:1.4; word-break:keep-all;}
table.tbl_busi2 tbody tr td p:first-child {margin-top:0 !important;}
table.tbl_busi2 tbody tr td p:before {content: ""; display: block; position: absolute; left:0; top:10px; width:4px; height:4px; background:#555;}



/* 사업영역 Type03 */
.busi3-1 {width:100%; border-top:1px solid #222;}
.busi3-1:after { content:""; display:block; clear:both; }
.busi3-1 ul { width:100%; padding:0; margin:0; overflow:hidden;}
.busi3-1 ul li { display:inline-block; vertical-align:top; width:100%; padding:40px 4%; background:#fff; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; transition: 0.5s all ease;}
.busi3-1 ul li:nth-child(even) {background:#f5f5f5; }
.busi3-1 ul li dl {position:relative; width:100%; font-size:0; }
.busi3-1 ul li dl dt {display:inline-block; vertical-align:middle; width:40%; text-align:center;  overflow:hidden;}
.busi3-1 ul li dl dt img {max-width:100%; transition: 0.5s all ease;}
.busi3-1 ul li dl dd {display:inline-block; vertical-align:middle; width:60%; padding:0 4%; }
.busi3-1 ul li dl dd .num { display:inline; padding:5px; font-size:15px; color:#222; font-style:normal; border-bottom:1px solid #222;}
.busi3-1 ul li dl dd h4.t1 {margin:20px 0; font-size:1.85em; color:#000; line-height:1.4; font-weight:700; }
.busi3-1 ul li dl dd p { font-size:1em; color:#222; line-height:1.6; word-break:keep-all; }
.busi3-1 ul li dl dd p span {display:inline; font-size:1em; color:#000; font-weight:700;}
.busi3-1 ul li dl dd a {position:absolute; right:0; top:0; display:inline-block; padding:10px 15px; min-width:120px; text-align:center; background:#fff; border:1px solid #ddd; box-sizing:border-box; transition: 0.2s all ease;}
.busi3-1 ul li:hover a { color:#fff; background:#45a6e6; border:1px solid #45a6e6; }
.busi3-1 ul li:hover dl dt img {transform:scale(1.1);}



/*사업영역 Type04 */
.busi4-1 { width:100%; }
.busi4-1:after { content:""; display:block; clear:both; }
.busi4-1 ul { width:100%; padding:0; margin:0; overflow:hidden;}
.busi4-1 ul li { float:left; width:32%; margin-right:2%; }
.busi4-1 ul li:nth-child(3n) {margin-right:0; }
.busi4-1 ul li img { display:block; width:100%;}
.busi4-1 ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:1.4; text-align:center; }
.busi4-1 ul li span { display:block; margin-top:20px; font-size:1em; line-height:1.6; text-align:center; letter-spacing:-0.04em; }
table.tbl_busi4{width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
table.tbl_busi4 th{width:35%; padding:10px 10px; text-align:center; font-size:1em; color:#000; line-height:1.4; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd; }
table.tbl_busi4 td{width:65%; padding:10px 20px; text-align:left; font-size:1em; color:#000; line-height:1.4; border-bottom:1px solid #ddd; }
table.tbl_busi4 td .btn_go {display:inline-block; margin:20px 0; padding:10px 30px; font-size:1em; color:#fff; background:#222; border:1px solid #000; transition: 0.5s all ease; }
table.tbl_busi4 td .btn_go:hover {color:#000; background:#fff; }



/*사업영역 Type05 */
.busi5-1 {width:100%; }
.busi5-1:after{ content:""; display:block; clear:both;}
.busi5-1 ul {width:100%; padding:0; margin:0; overflow:hidden;}
.busi5-1 ul li{float:left; width:100%; overflow:hidden; margin-bottom:100px; }
.busi5-1 ul li:last-child {margin-bottom:0;}
.busi5-1 ul li .con_box { width:100%; }
.busi5-1 ul li .con_box:after{ content:""; display:block; clear:both;}
.busi5-1 ul li .con_box .imgs{float:left; width:45%; }
.busi5-1 ul li .con_box .imgs img{max-width:100%;}
.busi5-1 ul li .con_box .txts{float:right; width:55%; padding:30px 0 30px 50px; box-sizing: border-box; }
.busi5-1 ul li .con_box .txts .tit{margin-bottom:30px; font-size:2em; color:#000; line-height:1.2; font-weight:700;}
.busi5-1 ul li .con_box .txts p{margin-top:20px; font-size:1em; color:#333;  line-height:1.6; word-break:keep-all;}
.busi5-1 ul li .con_box .txts .btn_go {display:inline-block; margin-top:40px; padding:10px 30px; font-size:1em; color:#fff; background:#222; border:1px solid #000; transition: 0.5s all ease; }
.busi5-1 ul li .con_box .txts .btn_go:hover {color:#000; background:#fff; }
.busi5-1 ul li.other_type .con_box .imgs{float:right; }
.busi5-1 ul li.other_type .con_box .txts{float:left; padding:30px 50px 30px 0;}
table.tbl_busi5{float:left; width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
table.tbl_busi5 th{width:35%; padding:10px 10px; text-align:center; font-size:1em; color:#000; line-height:1.4; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd; }
table.tbl_busi5 td{width:65%; padding:10px 20px; text-align:left; font-size:1em; color:#000; line-height:1.4; border-bottom:1px solid #ddd; }

/* 연혁2 */
.company4-1{width:100%; max-width:1400px; margin:0 auto;}
.company4-1:after{content:""; display:block; clear:both;}
.company4-1 .history_top{
	width:120px;
	height:120px;
	padding-top:24px;
	margin:70px auto;
	line-height:22px;
	font-size:1.5em;
	text-align:center;
	color:#f54782;
	background:#fff;
	border:3px solid #f54782;
	border-radius:50%;
	box-sizing:border-box;
}
.company4-1 .timeline{position: relative; font-size: 1em; width: 100%; height: 100%; margin:0 auto; overflow-y: hidden; overflow-x:hidden;}
.company4-1 .timeline .timeline-block{margin-top:-4px;}
.company4-1 .timeline .timeline-icon{position:absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; margin-top:8px; border: 3px solid #f54782; border-radius: 100%; background: #fff; text-align: center;}
.company4-1 .timeline .timeline-icon.timeline-icon-hide-border{border: 0;}
.company4-1 .timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img{margin-left: 0; margin-top: 0;}
.company4-1 .timeline .timeline-icon i.fa, .timeline .timeline-icon img{display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px;}
.company4-1 .timeline .timeline-icon img{border-radius: 100%;}
.company4-1 .timeline .timeline-content{position: relative; width: 46%; padding-bottom:50px; line-height: 20px;}
.company4-1 .timeline .timeline-content .bar_count{font-size:1.5em; color:#000; line-height:1.2; margin-bottom:10px; font-weight:700;}
.company4-1 .timeline .timeline-content ul li img{width:100%; height:auto; margin-top:20px;}
.company4-1 .timeline::before{position: absolute; width: 1px; height: 100%; top:5px; left: 50%; margin-left: -1px; background: #eee; content: "";}/* Half of width */
.company4-1 .timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right}
.company4-1 .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content{left: 54%;}
.company4-1 .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date{left: auto;  right: 115%; margin-left: -400px;}



/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.busi1-1 ul li dl dd {padding:25px 4% 0 4%;}


	.busi5-1 ul li{margin-bottom:50px; }
	.busi5-1 ul li .con_box .txts {padding:20px 0 30px 40px;}
	.busi5-1 ul li .con_box .txts .tit{font-size:1.5em; }
	.busi5-1 ul li .con_box .txts p{font-size:1em; }
	.busi5-1 ul li.other_type .con_box .txts{ padding:20px 40px 30px 0;}
	
}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	
	
	.busi1-1 ul li {width:100%; margin-bottom:40px;}
	.busi1-1 ul li dl dt {vertical-align:middle; width:40%; }
	.busi1-1 ul li dl dd {vertical-align:middle; width:60%; padding:25px 4%;}


	.busi2-1 ul li{flex-direction: column; margin-bottom:50px;}
	.busi2-1 ul li .imgs { width:100%; text-align:center;}
	.busi2-1 ul li .imgs img {width:100%;}
	.busi2-1 ul li .txts{width:100%; padding:0; margin-top:20px; text-align:center;}
	.busi2-1 ul li .txts .num {margin:0 auto;}
	.busi2-1 ul li:nth-child(even) { flex-direction: column;}
	.busi2-1 ul li:nth-child(even) .txts{ padding:0; }


	.busi6-2 {padding:40px 25px; background:#f9f9f9;}
	.busi6-2 ul li { width:45%; margin:0; margin:2% 5% 2% 0;}
	.busi6-2 ul li:nth-child(3n) {margin-right:5%;}
	.busi6-2 ul li:nth-child(even) {margin-right:0;}


	.busi7-2 ul li {width:49%; margin-right:0;}
	.busi7-2 ul li:nth-child(even) {float:right; margin-right:0;}
	.busi7-2 ul li .txts p { min-height:auto;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	
	table.tbl_busi2 { margin-top:50px; } 
	table.tbl_busi2 tbody tr th {width:40%; padding:15px; }
	table.tbl_busi2 tbody tr th p {font-size:1em;  }
	table.tbl_busi2 tbody tr td {width:60%; padding:15px 15px; }


	.busi3-1 ul li dl dt { width:100%;}
	.busi3-1 ul li dl dt img { width:100%;}
	.busi3-1 ul li dl dd { width:100%; padding:0; margin-top:25px; text-align:center;}
	.busi3-1 ul li dl dd a {position:relative; margin-top:30px; display:block;}


	.busi4-1 ul li{ width:100%; margin-left:0px; margin-bottom:50px;}


	.busi5-1 ul li{ width:100%; }
	.busi5-1 ul li .con_box .imgs{ width:100%; }
	.busi5-1 ul li .con_box .imgs img{width:100%;}
	.busi5-1 ul li .con_box .txts{width:100%; padding:30px;}
	.busi5-1 ul li .con_box .txts .btn_go {margin-top:30px;}
	.busi5-1 ul li.other_type .con_box .txts{width:100%; padding:30px;}
	.busi5-1 ul li.other_type .con_box .imgs{ width:100%; }
	.busi5-1 ul li.other_type .con_box .imgs img{width:100%;}


}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.busi1-1 ul li dl dt {width:100%; }
	.busi1-1 ul li dl dd {width:100%; text-align:center;}
	.busi1-1 ul li dl dd .num {margin:0 auto; color:#fff; background:#000;}
	.busi1-1 ul li dl dd .num:before { right:0; left:50%; top:0; transform:unset; width:1px; height:0;}
	.busi1-1 ul li dl dd p { display:block !important; -webkit-line-clamp: none !important;}
	.busi1-1 ul li:hover dl dd .num:before { right:0; left:50%; top:-40px;  transform:unset; width:1px; height:100%; }

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}

/* 출강안내 3차 메뉴 항상 노출 */
#sub_menu .sub_location .dep3_li{
	display:block !important;
}

/* 3차 메뉴 열기 버튼 숨김 */
#sub_menu .sub_location .dep2_btn{
	display:none !important;
}




/* =========================================
   꽃붓캘리 정규수업 상세페이지
========================================= */

.calli-page{
	max-width:1500px;
	margin:0 auto;
}


/* 상단 인트로 */

.calli-intro{
	position:relative;
	margin:70px 0 0;
	padding:70px 7%;
	background:#fbf8f9;
	border-radius:10px;
	overflow:hidden;
}

.calli-intro:after{
	content:"CALLIGRAPHY";
	position:absolute;
	right:4%;
	bottom:-25px;
	font-size:7em;
	line-height:1;
	font-weight:900;
	color:rgba(245,71,130,0.045);
	letter-spacing:-0.05em;
}

.calli-intro .small{
	position:relative;
	z-index:1;
	display:block;
	margin-bottom:20px;
	font-size:0.9em;
	color:#f54782;
	font-weight:700;
	letter-spacing:0.18em;
}

.calli-intro h2{
	position:relative;
	z-index:1;
	margin:0;
	font-size:3em;
	line-height:1.35;
	color:#111;
	font-weight:700;
	letter-spacing:-0.04em;
	word-break:keep-all;
}

.calli-intro p{
	position:relative;
	z-index:1;
	margin-top:25px;
	font-size:1.15em;
	line-height:1.8;
	color:#666;
	word-break:keep-all;
}


/* 바로가기 */

.calli-quick{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	margin-top:30px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.calli-quick a{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:100px;
	padding:15px;
	font-size:0.95em;
	color:#444;
	text-align:center;
	border-right:1px solid #eee;
	transition:0.3s all ease;
	word-break:keep-all;
}

.calli-quick a:last-child{
	border-right:0;
}

.calli-quick a span{
	display:block;
	margin-bottom:5px;
	font-size:0.85em;
	color:#bbb;
	font-weight:700;
}

.calli-quick a:hover{
	color:#f54782;
	background:#fff7fa;
}

.calli-quick a:hover span{
	color:#f54782;
}


/* 전체 수업 영역 */

.calli-class-list{
	width:100%;
	margin-top:100px;
}


/* 각 수업 */

.calli-class-item{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	min-height:520px;
	margin-bottom:140px;
}

.calli-class-item:last-child{
	margin-bottom:0;
}


/* 배경 블록 */

.calli-class-item:before{
	z-index:-1;
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:72%;
	height:86%;
	background:#fafafa;
	border-radius:10px;
}

.calli-class-item.reverse{
	flex-direction:row-reverse;
}

.calli-class-item.reverse:before{
	right:auto;
	left:0;
}


/* 사진 */

.calli-image{
	position:relative;
	width:44%;
	overflow:hidden;
	border-radius:10px;
	box-shadow:15px 15px 30px rgba(0,0,0,0.06);
}

.calli-image img{
	display:block;
	width:100%;
	aspect-ratio:3 / 2;
	object-fit:cover;
	transition:0.6s all ease;
}

.calli-class-item:hover .calli-image img{
	transform:scale(1.035);
}


/* 텍스트 */

.calli-text{
	position:relative;
	width:56%;
	padding:60px 6%;
	overflow:hidden;
}

.calli-class-item.reverse .calli-text{
	padding:60px 6%;
}


/* 큰 배경 숫자 */

.calli-text .bg-num{
	position:absolute;
	right:6%;
	top:20px;
	font-size:7em;
	line-height:1;
	font-weight:900;
	font-style:normal;
	color:#f1ecee;
	letter-spacing:-0.08em;
}


/* 영문 소제목 */

.calli-text .category{
	position:relative;
	z-index:1;
	display:block;
	margin-bottom:12px;
	font-size:0.85em;
	color:#f54782;
	font-weight:700;
	letter-spacing:0.16em;
}


/* 메인 제목 */

.calli-text h3{
	position:relative;
	z-index:1;
	margin:0;
	font-size:2.5em;
	line-height:1.35;
	color:#111;
	font-weight:700;
	letter-spacing:-0.04em;
	word-break:keep-all;
}


/* 감성 부제 */

.calli-text h4{
	position:relative;
	z-index:1;
	margin-top:15px;
	font-size:1.35em;
	line-height:1.55;
	color:#444;
	font-weight:500;
	word-break:keep-all;
}


/* 설명 */

.calli-text .desc{
	position:relative;
	z-index:1;
	margin-top:25px;
	font-size:1.05em;
	line-height:1.85;
	color:#666;
	word-break:keep-all;
}


/* 과정 내용 */

.point-list{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0;
	width:100%;
	margin-top:30px;
	padding-top:15px;
	border-top:1px solid #222;
}

.point-list li{
	position:relative;
	padding:9px 15px 9px 18px;
	font-size:0.95em;
	line-height:1.5;
	color:#555;
	word-break:keep-all;
}

.point-list li:before{
	content:"";
	position:absolute;
	left:2px;
	top:17px;
	width:4px;
	height:4px;
	background:#f54782;
	border-radius:50%;
}


/* 추천 */

.recommend{
	position:relative;
	z-index:1;
	display:flex;
	align-items:flex-start;
	margin-top:25px;
	padding:18px 20px;
	background:#fff;
	border:1px solid #eee;
	border-radius:8px;
}

.recommend strong{
	flex:0 0 auto;
	display:inline-block;
	margin-right:15px;
	padding:4px 12px;
	font-size:0.85em;
	color:#f54782;
	background:#fff1f6;
	border-radius:30px;
}

.recommend span{
	padding-top:3px;
	font-size:0.95em;
	line-height:1.6;
	color:#555;
	word-break:keep-all;
}


/* 문의 영역 */

.calli-contact{
	margin-top:130px;
	padding:70px 5%;
	text-align:center;
	background:#fafafa;
	border-radius:10px;
}

.calli-contact > span{
	display:block;
	font-size:0.85em;
	color:#f54782;
	font-weight:700;
	letter-spacing:0.18em;
}

.calli-contact h3{
	margin-top:15px;
	font-size:2.2em;
	line-height:1.4;
	color:#111;
	font-weight:700;
	word-break:keep-all;
}

.calli-contact p{
	margin-top:15px;
	font-size:1.05em;
	color:#666;
	line-height:1.7;
	word-break:keep-all;
}

.calli-contact .buttons{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:35px;
}

.calli-contact .buttons a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:170px;
	height:52px;
	padding:0 25px;
	font-size:0.95em;
	border-radius:30px;
	transition:0.3s all ease;
}

.calli-contact .buttons i{
	margin:0 8px;
}

.calli-contact .btn-back{
	color:#555;
	background:#fff;
	border:1px solid #ddd;
}

.calli-contact .btn-back:hover{
	color:#f54782;
	border-color:#f54782;
}

.calli-contact .btn-contact{
	color:#fff;
	background:#f54782;
	border:1px solid #f54782;
}

.calli-contact .btn-contact:hover{
	background:#dc356d;
	border-color:#dc356d;
}


/* =========================================
   1200px
========================================= */

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

	.calli-intro h2{
		font-size:2.5em;
	}

	.calli-class-item{
		margin-bottom:100px;
	}

	.calli-text{
		padding:45px 5%;
	}

	.calli-text h3{
		font-size:2.1em;
	}

	.calli-text .bg-num{
		font-size:6em;
	}

}


/* =========================================
   992px
========================================= */

@media all and (max-width:992px){

	.calli-quick{
		grid-template-columns:repeat(3, 1fr);
	}

	.calli-quick a:nth-child(3){
		border-right:0;
	}

	.calli-quick a:nth-child(-n+3){
		border-bottom:1px solid #eee;
	}


	.calli-class-item,
	.calli-class-item.reverse{
		flex-direction:column;
		align-items:stretch;
		min-height:auto;
		margin-bottom:90px;
		padding-bottom:0;
	}

	.calli-class-item:before,
	.calli-class-item.reverse:before{
		right:0;
		left:0;
		top:auto;
		bottom:0;
		transform:none;
		width:100%;
		height:72%;
	}

	.calli-image{
		width:86%;
		margin:0 auto;
	}

	.calli-text{
		width:100%;
		padding:50px 7% 60px;
	}

	.calli-class-item.reverse .calli-text{
		padding:50px 7% 60px;
	}

}


/* =========================================
   768px
========================================= */

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

	.calli-intro{
		margin-top:50px;
		padding:50px 7%;
	}

	.calli-intro:after{
		font-size:4.5em;
	}

	.calli-intro h2{
		font-size:2em;
	}

	.calli-intro p{
		font-size:1em;
	}

	.pc-br{
		display:none;
	}


	.calli-quick{
		grid-template-columns:repeat(2, 1fr);
	}

	.calli-quick a{
		min-height:85px;
	}

	.calli-quick a:nth-child(3){
		border-right:1px solid #eee;
	}

	.calli-quick a:nth-child(even){
		border-right:0;
	}

	.calli-quick a:nth-child(-n+4){
		border-bottom:1px solid #eee;
	}


	.calli-class-list{
		margin-top:70px;
	}

	.calli-class-item,
	.calli-class-item.reverse{
		margin-bottom:70px;
	}

	.calli-image{
		width:100%;
		box-shadow:none;
	}

	.calli-text,
	.calli-class-item.reverse .calli-text{
		padding:40px 20px 50px;
	}

	.calli-text .bg-num{
		right:20px;
		top:25px;
		font-size:5em;
	}

	.calli-text h3{
		font-size:1.8em;
	}

	.calli-text h4{
		font-size:1.15em;
	}

	.calli-text .desc{
		font-size:1em;
		line-height:1.75;
	}

	.point-list{
		grid-template-columns:1fr;
	}

	.recommend{
		display:block;
	}

	.recommend strong{
		margin-bottom:8px;
	}

	.recommend span{
		display:block;
	}


	.calli-contact{
		margin-top:80px;
		padding:50px 20px;
	}

	.calli-contact h3{
		font-size:1.7em;
	}

	.calli-contact .buttons{
		flex-direction:column;
	}

	.calli-contact .buttons a{
		width:100%;
	}

}


/* =========================================
   480px
========================================= */

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

	.calli-intro h2{
		font-size:1.7em;
	}

	.calli-quick a{
		font-size:0.85em;
	}

	.calli-text{
		padding-left:15px;
		padding-right:15px;
	}

	.calli-text h3{
		font-size:1.65em;
	}

	.calli-text .bg-num{
		font-size:4em;
	}

}