/*퀵메뉴*/
.right_quick-area {background: #fff; position: fixed; right: -100px; opacity: 0; border-radius: 8px; width: 60px; bottom:120px; box-shadow: rgba(0,0,0,0.1) 0 10px 20px; transition: all 0.5s ease;z-index: 100;}
.right_quick-area.active {opacity: 1; right: 10px}
.right_quick-area li {padding: 8px 0; position: relative}
.right_quick-area li span {position: absolute; color: #fff; border-radius: 30px; padding: 4px 0px; width: 80px; text-align: center; background: rgba(0,0,0,0.8); right: 100px; top: 20px; font-size: 11px; display: block; opacity: 0; transition: all 0.5s ease}
.right_quick-area li a {text-align: center; line-height: 50px; display: block; transition: all 0.3s ease; color:#a27b73; width:50px; height: 50px; margin: auto}
.right_quick-area li:nth-child(3) a {color: #f90}
.right_quick-area li:hover a { background:#1e76fe; color: #fff; border-radius: 50%;  box-shadow: rgba(0,0,0,0.2) 0 8px 6px}
.right_quick-area li:hover span { right:50px; opacity:1; display: block;}
.right_quick-area li a i {font-size: 18px; margin-top:15px}
.kakao {width: 40px; height: 40px; margin: 10px auto; background: #fdcd21; border-radius: 50%; text-align: center; box-shadow: rgba(0,0,0,0.1) 0 10px 20px; }
.kakao a { color: #461b0e; font-size: 18px; line-height: 38px; display: block;}
.kakao i { line-height:40px}
    @media (max-width:640px) {
        .right_quick-area {display: none; }
    }

/*퀵메뉴*/






/* 퀵메뉴 */
.quick_menu {z-index: 888; background-color: #fff; position: fixed; top: 25%; right: 5%; border-radius: 20px; overflow: hidden; border: 1px solid #f5f5f5;}
.quick_menu li {height: 100px; border-bottom: 1px solid #f5f5f5; height: 100px; aspect-ratio: 1 / 1;}
.quick_menu li:last-child {border-bottom: 0;}
.quick_menu li a {display: grid; place-content: center; height: 100%;}
.quick_menu li a .img_box {margin-bottom: 10px;}
.quick_menu li a .img_box img {width: 100%; max-width: 48px; display: block; margin: 0 auto;}
.quick_menu li a .text_box {}
.quick_menu li a .text_box p {font-size: 12px; color: #666; text-align: center;}

@media screen and (max-width: 1400px) {
	.quick_menu {right: 20px;}
}
@media screen and (max-width: 1200px) {

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

}
@media screen and (max-width: 640px) {
	.quick_menu {position: static; display: flex; align-items: flex-end; gap: 10px; justify-content: center; border-radius: 0; border: none;}
	.quick_menu li {height: 68px; aspect-ratio: unset; padding: 10px; border-bottom: none;}
	.quick_menu li a {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
	.quick_menu li a .img_box img {max-width: 25px;}
}
/* 퀵메뉴 */







/*메인배너*/
.main-carousel{height:600px; padding:0; display:block; overflow: hidden;}
.main-carousel .li{height:600px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.3;z-index:1}
.main-carousel .img01 { background-image:url(../images/main_banner_img01.jpg);}
.main-carousel .img02 { background-image:url(../images/main_banner_img02.jpg);}
.main-carousel .img03 { background-image:url(../images/main_banner_img03.jpg);}
.main-carousel .img04 { background-image:url(../images/main_banner_img04.jpg);}
.main-carousel .img05 { background-image:url(../images/main_banner_img05.jpg);}
.main-carousel .img06 { background-image:url(../images/main_banner_img06.jpg);}
.main-carousel .li .copy_area_wrap {max-width:1400px; margin:auto; padding:0 20px}
.main-carousel .li .copy_area{text-align: center; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); margin:0 auto; color:#fff; z-index:2; width: 100%; max-width: 1400px; padding: 0 20px;}
.main-carousel .li .copy_area .hangul {letter-spacing:-2px}
.main-carousel .li .copy_area h2{word-break: break-word; font-size: 65px; text-shadow: 5px 5px 7px rgba(0,0,0,0.35); font-weight: 700;}
.main-carousel .li .copy_area h3{word-break: break-word; font-size: 50px; text-shadow: 5px 5px 7px rgba(0,0,0,0.35); font-weight: 700; line-height: 1.5; margin-bottom: 10px;}
.main-carousel .li .copy_area p{word-break: break-word; font-size: 30px; text-shadow: 5px 5px 7px rgba(0,0,0,0.35); font-weight: 400; line-height: 1.5;}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:80px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:10px;height:10px;display:inline-block;margin-left:10px; border:0; border-radius: 50%;}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1); width: 35px; border-radius: 5px;}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%; display: none;}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width: 1400px) {
	.main-carousel .li .copy_area {padding: 0 20px;}
}

@media screen and (max-width: 960px) {
	.main-carousel {height: 800px;}
	.main-carousel .li {height: 800px;}

	.main-carousel .li .copy_area h2 {font-size: 50px;}
	.main-carousel .li .copy_area h3 {font-size: 35px;}
	.main-carousel .li .copy_area p {font-size: 25px;}
}

@media screen and (max-width: 640px) {
	.main-carousel {height: 80vh;}
	.main-carousel .li {height: 80vh;}

	.main-carousel .img01 { background-image:url(../images/m_main_banner_img01.jpg);}
	.main-carousel .img02 { background-image:url(../images/m_main_banner_img02.jpg);}
	.main-carousel .img03 { background-image:url(../images/m_main_banner_img03.jpg);}
	.main-carousel .img04 { background-image:url(../images/m_main_banner_img04.jpg);}
	.main-carousel .img05 { background-image:url(../images/m_main_banner_img05.jpg);}
	.main-carousel .img06 { background-image:url(../images/m_main_banner_img06.jpg);}
	.main-carousel .li .copy_area h2 {font-size: 35px;}
	.main-carousel .li .copy_area h3 {font-size: 25px; line-height: 1.5;}
	.main-carousel .li .copy_area p {font-size: 20px;}
}
/*메인배너*/

/* 공통 */
.top135 {position: relative; top: 135px;}
.con_box {width: 100%; max-width: 1400px; margin: 0 auto;}
.con_box p {word-break: break-word; line-height: 1.5;}
.con_box .main_tit_box {}
.con_box .main_tit_box h2 {font-size: 50px; color: #121212; word-break: break-word;}
.con_box .main_tit_box h2 span {color: #074596; word-break: break-word;}

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

}
@media screen and (max-width: 1200px) {
	.con_box .main_tit_box h2 {font-size: 45px;}
}
@media screen and (max-width: 1024px) {
	.top135 {top: 0;}
}
@media screen and (max-width: 960px) {
	.con_box .main_tit_box h2 {font-size: 40px;}
}
@media screen and (max-width: 640px) {
	.con_box .main_tit_box h2 {font-size: 35px;}
}
/* 공통 */




/* menu_wrap */
#menu_wrap {background-color: #0099ff; padding: 25px 0;}
#menu_wrap .con_box {}
#menu_wrap .con_box .menu {display: flex; justify-content: center; align-items: center; gap: 112px;}
#menu_wrap .con_box .menu li {width: 100%; max-width: 120px;}
#menu_wrap .con_box .menu li a {display: block;}
#menu_wrap .con_box .menu li a .img_box {width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff; display: grid; place-content: center;}
#menu_wrap .con_box .menu li a .img_box img {display: block; margin: 0 auto;}
#menu_wrap .con_box .menu li a .text_box {margin-top: 15px;}
#menu_wrap .con_box .menu li a .text_box p {font-size: 18px; text-align: center; color: #fff;}

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

}
@media screen and (max-width: 1050px) {
	#menu_wrap .con_box .menu {gap: 5%;}
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 640px) {
	#menu_wrap {padding: 25px 20px;}
	#menu_wrap .con_box .menu {gap: 10px; align-items: flex-start;}
	#menu_wrap .con_box .menu li {max-width: none;}
	#menu_wrap .con_box .menu li a .img_box img {width: 100%; max-width: 70%;}
	#menu_wrap .con_box .menu li a .text_box p {font-size: 16px;}
}
@media screen and (max-width: 600px) {
	#menu_wrap .con_box .menu li a .img_box {max-width: 70px; margin: 0 auto;}
	#menu_wrap .con_box .menu li a .img_box img {max-width: 60%;}
	#menu_wrap .con_box .menu li a .text_box p {font-size: 14px; line-height: 1.2;}
}
/* menu_wrap */






/* 수원현대운전학원 교육안내 */
.content01 {padding: 160px 0 300px;}
.content01 .con_box {}
.content01 .con_box .main_tit_box {text-align: center; margin-bottom: 50px;}
.content01 .con_box .main_tit_box h2 {}
.content01 .con_box .main_tit_box h2 span {}
/* swiper */
.content01 .con_box .slide_wrap {position: relative;}
.content01 .con_box .slide_wrap .nav_box {position: absolute; left: 90px; bottom: 10%;}
.content01 .con_box .slide_wrap .nav_box .swiper-button-next, .swiper-rtl .swiper-button-prev {left: 100px; top: -17px;}
.content01 .con_box .slide_wrap .nav_box .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0; top: -17px;}
.content01 .con_box .slide_wrap .nav_box .swiper-pagination-fraction {width: max-content; font-size: 18px; color: #121212;font-weight: 600; padding-left: 45px; z-index: 9;}
.content01 .con_box .slide_wrap .nav_box .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: ""; width: 15px; aspect-ratio: 1 / 1; background: url(../images/con1_next.png) no-repeat 50% 50% / contain;}
.content01 .con_box .slide_wrap .nav_box .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: ""; width: 15px; aspect-ratio: 1 / 1; background: url(../images/con1_prev.png) no-repeat 50% 50% / contain;}
.content01 .con_box .slide_wrap ul {}
.content01 .con_box .slide_wrap ul li {}
.content01 .con_box .slide_wrap ul li .flex_box {display: flex; justify-content: space-between; align-items: center; position: relative;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box {width: 55%; padding-top: 100px;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box {margin-bottom: 50px; padding-left: 90px;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 {position: relative; font-weight: 800; font-size: 45px; color: #0099ff; margin-bottom: 10px; word-break: break-word;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box .m_br {word-break: break-word;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2::before {content: ""; position: absolute; left: 0; top: -20px; width: 60px; height: 4px; background-color: #ffaa00;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h3 {font-size: 30px; color: #121212; line-height: 1.3;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box {height: 380px; background-color: #f7f7f7; border-radius: 0 0 0 50px; padding: 50px 90px 0;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box p {font-size: 20px; color: #333; word-break: break-word; line-height: 1.5;}
.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box p:last-child {}
.content01 .con_box .slide_wrap ul li .flex_box .img_box {width: 50%; position: absolute; top: 0; right: 0; padding-top: 50px; padding-right: 77px;}
.content01 .con_box .slide_wrap ul li .flex_box .img_box::after {content: ""; position: absolute; top: 0; right: 0; width: 623px; height: 450px; border-radius: 0 50px 0 0; background-color: #f7f7f7; z-index: -1;}
.content01 .con_box .slide_wrap ul li .flex_box .img_box img {width: 100%;}
.content01 .con_box .slide_wrap h4 {position: absolute; font-size: 80px; font-weight: 800; letter-spacing: -3px; color: #f0f0f0; bottom: -13px; left: 40%; z-index: 1; transform: translateX(-50%);}

@media screen and (max-width: 1400px) {
	.content01 {padding: 160px 20px 300px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box {padding-left: 70px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box {padding: 50px 70px;}
	.content01 .con_box .slide_wrap .nav_box {left: 70px;}
}
@media screen and (max-width: 1200px) {
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 {font-size: 40px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 .m_br {display: block;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box {padding-left: 30px; width: 90%;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box {padding: 50px 30px;}
	.content01 .con_box .slide_wrap .nav_box {left: 30px;}
	.content01 .con_box .slide_wrap h4 {font-size: 60px;}
}
@media screen and (max-width: 1100px) {
	.content01 .con_box .slide_wrap ul li .flex_box {flex-wrap: wrap;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box {width: 100%; order: 2;}
	.content01 .con_box .slide_wrap ul li .flex_box .img_box {width: 100%; position: static;}
	.content01 .con_box .slide_wrap ul li .flex_box .img_box::after {width: 90vw; height: 45%;}
	.content01 .con_box .slide_wrap .nav_box {bottom: 10%;}
	.content01 .con_box .slide_wrap h4 {left: auto; right: 20px; transform: none;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box {width: 100%;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 {font-size: 35px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h3 {font-size: 25px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h3 .m_br {display: block;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box p {font-size: 18px;}
}
@media screen and (max-width: 769px) {
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 .m_br {display: block;}
}
@media screen and (max-width: 640px) {
	.content01 {padding: 80px 20px;}
	.content01 .con_box .slide_wrap ul li .flex_box .img_box {padding-top: 30px; padding-right: 30px;}
	.content01 .con_box .slide_wrap ul li .flex_box .img_box::after {width: 90%;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box {padding-left: 0; margin-bottom: 30px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box {padding-top: 60px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box {padding-top: 30px; height: 300px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box p {font-size: 16px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 {font-size: 25px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h3 {font-size: 20px;}
	.content01 .con_box .slide_wrap .nav_box .swiper-pagination-fraction {font-size: 16px;}
	.content01 .con_box .slide_wrap .nav_box {bottom: 7%;}
}
@media screen and (max-width: 500px) {
	.content01 .con_box .slide_wrap h4 {font-size: 50px; bottom: -10px;}
	.content01 .con_box .slide_wrap ul li .flex_box .img_box::after {height: 33%;}
}
@media screen and (max-width: 450px) {
	.content01 .con_box .slide_wrap h4 {font-size: 40px; bottom: -8px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box {padding: 20px;}
	.content01 .con_box .slide_wrap .nav_box {left: 20px; bottom: 12%;}
}
@media screen and (max-width: 430px) {
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box {border-radius: 0 0 0 30px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .desc_box p br {display: none;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h2 {font-size: 23px;}
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h3 {font-size: 20px;}
	.content01 .con_box .slide_wrap h4 {right: 10px;}
	.content01 .con_box .slide_wrap ul li .flex_box .img_box::after {border-radius: 0 30px 0 0;}
}
@media screen and (max-width: 380px) {
	.content01 .con_box .slide_wrap ul li .flex_box .text_box .tit_box h3 br {display: none;}
	.content01 .con_box .slide_wrap ul .slide1 .flex_box .text_box .tit_box h3 br {display: block;}
}
/* 수원현대운전학원 교육안내 */



/* YOUTUBE */
.content02 {padding: 160px 0; background: url(../images/con2_bg.jpg) no-repeat 50% 50% / cover;}
.content02 .con_box {display: flex; justify-content: space-between; align-items: center;}
.content02 .con_box .main_tit_box {width: 30%;}
.content02 .con_box .main_tit_box h2 {color: #fff;}
.content02 .con_box .main_tit_box p {color: #fff; font-size: 20px; line-height: 1.5; margin: 40px 0;}
.content02 .con_box .main_tit_box .btn_box {display: flex; flex-direction: column; gap: 20px;}
.content02 .con_box .main_tit_box .btn_box .con_btn {color: #121212; font-size: 18px; background-color: rgba(255,255,255,0.5); transition: .4s; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 20px; width: 100%; max-width: 310px; text-align: center; border-radius: 30px;}
.content02 .con_box .main_tit_box .btn_box .con_btn:hover {background-color: #fff;}
.content02 .con_box .video_box {width: 70%; display: flex; flex-wrap: wrap; align-items: center; row-gap:45px; column-gap: 30px;}
.content02 .con_box .video_box li {width: calc(50% - 15px); aspect-ratio: 16 / 9;}
.content02 .con_box .video_box li iframe {width: 100%; aspect-ratio: 16 / 9;}

@media screen and (max-width: 1400px) {
	.content02 {padding: 160px 20px;}
	.content02 .con_box .video_box {gap: 30px; width: 65%;}
	.content02 .con_box .main_tit_box {width: 35%;}
}
@media screen and (max-width: 1210px) {
	.content02 .con_box .video_box li {margin: 0;}
}
@media screen and (max-width: 1200px) {
	.content02 .con_box .video_box {width: 60%;}
	.content02 .con_box .main_tit_box {width: 40%;}
}
@media screen and (max-width: 960px) {
	.content02 .con_box {flex-wrap: wrap;}
	.content02 .con_box .video_box {width: 100%;}
	.content02 .con_box .main_tit_box {width: 100%; margin-bottom: 50px; display: flex; justify-content: space-between; align-items: flex-end; gap: 30px;}
	.content02 .con_box .main_tit_box p {margin-bottom: 0;}
	.content02 .con_box .main_tit_box .text_box {width: calc(100% - 330px);}
	.content02 .con_box .main_tit_box .btn_box {width: 310px;}
}
@media screen and (max-width: 640px) {
	.content02 {padding: 80px 20px;}
	.content02 .con_box .main_tit_box p {margin-top: 20px;}
	.content02 .con_box .main_tit_box .btn_box .con_btn {font-size: 16px;}
	.content02 .con_box .main_tit_box {flex-wrap: wrap;}
	.content02 .con_box .main_tit_box .text_box {width: 100%;}
	.content02 .con_box .video_box {gap: 20px; justify-content: space-between;}
	.content02 .con_box .video_box li {width: calc(50% - 10px);}
}
@media screen and (max-width: 450px) {
	.content02 .con_box .video_box li {width: 100%;}
}
/* YOUTUBE */







/* 수강생이 말하는 수원현대운전학원 */
.content03 {padding: 160px 0; margin-bottom: 135px; position: relative;}
.content03::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100vw; height: 468px; background-color: #0099ff; z-index: -1;}
.content03 .con_box {max-width: 1450px;}
.content03 .con_box .main_tit_box {max-width: 1400px; margin: 0 auto 80px; width: 100%;}
.content03 .con_box .main_tit_box h2 span {color: #0099ff;}
.content03 .con_box .review_box {padding: 10px 25px 55px;}
.content03 .con_box .review_box .review_list {}
.content03 .con_box .review_box .review_list .review {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background-color: #fff; border-radius: 20px; padding: 30px; position: relative; height: 600px; display: flex; flex-direction: column; justify-content: space-between;}
.content03 .con_box .review_box .review_list .review .title_box {padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.content03 .con_box .review_box .review_list .review .title_box h2 {font-size: 25px; font-weight: 700; color: #074596; margin-bottom: 15px; word-break: break-word;}
.content03 .con_box .review_box .review_list .review .title_box img {}
.content03 .con_box .review_box .review_list .review .desc_box {padding-top: 20px;}
.content03 .con_box .review_box .review_list .review .desc_box p {font-size: 20px; word-break: break-word; color: #121212; line-height: 1.5;}
.content03 .con_box .review_box .review_list .review .info_box {width: 100%; margin-top: 20px;}
.content03 .con_box .review_box .review_list .review .info_box .flex_box {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.content03 .con_box .review_box .review_list .review .info_box .flex_box p {font-size: 16px; font-weight: 500; color: #666;}
.content03 .con_box .review_box .review_list .review .info_box .flex_box .date {}
.content03 .con_box .review_box .review_list .review .info_box .flex_box .name {}
.content03 .con_box .review_box .prev_btn {width: 55px; aspect-ratio: 1 / 1; left: 0;}
.content03 .con_box .review_box .next_btn {width: 55px; aspect-ratio: 1 / 1; right: 0;}
.content03 .con_box .review_box .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: ""; background: url(../images/con1_next.png) no-repeat 50% 50% / 11px, #fff; width: 55px; aspect-ratio: 1 / 1; border-radius: 50%; border: 1px solid #ddd;}
.content03 .con_box .review_box .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: ""; background: url(../images/con1_prev.png) no-repeat 50% 50% / 11px, #fff; width: 55px; aspect-ratio: 1 / 1; border-radius: 50%; border: 1px solid #ddd;}
.content03 .con_box .review_box .pagination {bottom: 0;}
.content03 .con_box .review_box .swiper-pagination-bullet {background-color: rgba(255,255,255,0.8); width: 13px; transition: .3s; height: 13px;}
.content03 .con_box .review_box .swiper-pagination-bullet-active {width: 42px; border-radius: 30px; background-color: #fff; height: 13px;}

@media screen and (max-width: 1400px) {
	.content03 {padding: 160px 20px;}
	.content03 .con_box .review_box .review_list .review {height: 620px;}
}
@media screen and (max-width: 1200px) {
	.content03 .con_box .review_box .review_list .review .title_box h2 {font-size: 22px;}
	.content03 .con_box .review_box .review_list .review .desc_box p {font-size: 17px;}
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 640px) {
	.content03 {padding: 80px 20px;}
	.content03 .con_box .main_tit_box {margin-bottom: 50px;}
	.content03 .con_box .review_box {padding: 10px 0 30px;}
	.content03 .con_box .review_box .review_list .review {height: 540px;}
	.content03 .con_box .review_box .review_list .review .desc_box p {font-size: 16px;}
	.content03 .con_box .review_box .review_list .review .title_box h2 {font-size: 20px;}
	.content03 .con_box .review_box .review_list .review .info_box .flex_box p {font-size: 14px;}
	.content03 .con_box .review_box .prev_btn, .content03 .con_box .review_box .next_btn {display: none;}
	.content03 .con_box .review_box .swiper-pagination-bullet {width: 8px; height: 8px;}
	.content03 .con_box .review_box .swiper-pagination-bullet-active {width: 20px; height: 8px;}
}
/* 수강생이 말하는 수원현대운전학원 */








/* content04 */
.content04 {padding: 160px 0 280px;}
.content04 .flex_box {display: flex; justify-content: space-between; gap: 26px; flex-wrap: wrap;}
.content04 .flex_box .list {width: calc(100% / 2 - 18px);}
.content04 .box1 {display: flex; align-items: center; gap: 26px;}
.content04 .box1 .box2 {width: calc(100% / 3 - 18px); border-radius: 20px; margin-top: 80px;}
.content04 .box1 .li1 {height: 280px; background-color: #0099ff; color: #fff; text-align: center; display: grid; place-content: center; padding: 0 20px;}
.content04 .box1 .li2 {height: 280px; display: flex; flex-direction: column; justify-content: space-between;}
.content04 .box1 .li3 {height: 280px; background-color: #f7f7f7; color: #121212; padding: 20px;}
.content04 .box1 .li1 .main_box {}
.content04 .box1 .li1 .main_box h3 {color: #fff; background-color: #121212; width: max-content; margin: 0 auto 20px; font-size: 25px; border-radius: 30px; padding: 10px 30px;}
.content04 .box1 .li1 .main_box p {font-size: 20px; margin-bottom: 10px;}
.content04 .box1 .li1 .main_box p:last-child {margin-bottom: 0;}
.content04 .box1 .li1 .desc_box {margin-top: 30px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.15);}
.content04 .box1 .li1 .desc_box span {display: block; font-size: 14px; margin-bottom: 10px; font-weight: 500; word-break: break-word;}
.content04 .box1 .li1 .desc_box span .m_br {display: none;}
.content04 .box1 .li1 .desc_box span:last-child {margin-bottom: 0;}
.content04 .box1 .li2 a {display: flex; width: 100%; justify-content: space-between; align-items: center; border-radius: 20px; padding: 20px;}
.content04 .box1 .li2 a.naver {background-color: #34af35; color: #fff;}
.content04 .box1 .li2 a.kakao {background-color: #ffda00; color: #121212; text-align: left; height: auto; margin: 0; box-shadow: none;}
.content04 .box1 .li2 a .icon_box {width: 80px;}
.content04 .box1 .li2 a .icon_box img {width: 100%;}
.content04 .box1 .li2 a .text_box {width: calc(100% - 95px);}
.content04 .box1 .li2 a .text_box .tit {font-weight: 700; font-size: 20px; margin-bottom: 10px;}
.content04 .box1 .li2 a .text_box .desc {font-size: 16px; font-weight: 500; line-height: 1.5; word-break: break-word;}
.content04 .box1 .li3 .btn_box {}
.content04 .box1 .li3 .btn_box h2 {font-size: 25px; margin-bottom: 20px;}
.content04 .box1 .li3 .btn_box a {display: flex; align-items: center; gap: 10px; border-radius: 30px; padding: 10px 20px; width: 100%;}
.content04 .box1 .li3 .btn_box a img {width: 20px;}
.content04 .box1 .li3 .btn_box a p {font-size: 20px; font-weight: 600; color: #fff;}
.content04 .box1 .li3 .btn_box a p span {display: inline-block; margin-left: 15px; word-break: break-word;}
.content04 .box1 .li3 .btn_box a.tel {background-color: #0099ff; margin-bottom: 10px;}
.content04 .box1 .li3 .btn_box a.hp {background-color: #121212;}
.content04 .box1 .li3 .desc_box {margin-top: 20px;}
.content04 .box1 .li3 .desc_box span {display: block; margin-bottom: 10px; font-weight: 500; font-size: 14px; display: block; word-break: break-word;}
.content04 .box1 .li3 .desc_box span:last-child {margin-bottom: 0;}

@media screen and (max-width: 1346px) {
	.content04 .box1 .li1, .content04 .box1 .li2, .content04 .box1 .li3 {height: 300px;}
}

@media screen and (max-width: 1200px) {
	.content04 .flex_box {flex-wrap: wrap;} 
	.content04 .flex_box .list {width: calc(50% - 13px);}
	.content04 .box1 .li1, .content04 .box1 .li2, .content04 .box1 .li3 {height: 280px;}
	.content04 .box1 .li1 .main_box h3 {font-size: 20px;}
	.content04 .box1 .li3 .btn_box h2 {font-size: 20px;}
	.content04 .box1 .box2 {margin-top: 0;}
}
@media screen and (max-width: 960px) {
	.content04 {padding-bottom: 160px;}
	.content04 .box1 .li1 {height: 38vw; width: 100%;}
	.content04 .box1 .li1 .main_box p {font-size: 18px;}
	.content04 .box1 .li2 a .text_box .desc {font-weight: 400;}
	.content04 .box1 .li3 .btn_box a p {font-size: 18px;}
	.content04 .box1 .li3 .btn_box a:last-child img {width: 15px;}
	.content04 .box1 .li2 {height: auto; width: 100%;}
	.content04 .box1 .li2 a {padding: 30px 20px;}
	.content04 .box1 .li2 a.naver {margin-bottom: 30px;}
	.content04 .box1 .li3 {height: 350px; width: 100%; display: flex; justify-content: center; flex-direction: column;}
}
@media screen and (max-width: 800px) {
	.content04 .flex_box .list {width: 100%;}
	.content04 .box1 .li1 {padding: 30px 20px;}
	.content04 .box1 .li1, .content04 .box1 .li2, .content04 .box1 .li3 {height: auto;}
	.content04 .box1 .li2 a.naver {margin-bottom: 20px;}
}
@media screen and (max-width: 640px) {
	.content04 {padding: 80px 0;}
	.content04 #container .inner {padding: 0;}
	.content04 .box1 .li1 .main_box p {font-size: 16px;}
	.content04 .box1 .li1 .desc_box span {margin-bottom: 5px; font-size: 13px; line-height: 1.3;}
	.content04 .box1 .li1 .desc_box span .m_br {display: block;}
	.content04 .box1 .li2 a {padding: 20px;}
	.content04 .box1 .li2 a .text_box .tit {font-size: 18px;}
	.content04 .box1 .li2 a .text_box .desc {font-size: 14px;}
	.content04 .box1 .li2 a:first-child {margin-bottom: 20px;}
	.content04 .box1 .li3 .btn_box a p {font-size: 16px;}
	.content04 .box1 .li3 .desc_box span {font-size: 13px; margin-bottom: 5px;}
}
@media screen and (max-width: 430px) {
	.content04 .box1 .li1 .main_box h3 {width: 80%; border-radius: 50px;}
	.content04 .box1 .li3 .btn_box a {width: 100%;}
}
/* content04 */