/* 메인비주얼 */
.main_visual{position: relative; height:90vh;max-width:640px; margin:0 auto;overflow: hidden; text-align:center; color: #333; line-height:1.3;  background:#eee; box-sizing:border-box}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide{height:800px;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list01{background:url(../image/main/m_main_visual05.jpg) no-repeat 50% / cover;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list01 .title{position: absolute; bottom:220px; width: 100%;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list01 .title p{font-size:19px; font-weight: 600;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list01 .title strong{color: #2353a0;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list01 .title h2{margin-bottom:16px;font-size:42px ; font-weight:800;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide .more_btn{position: relative;font-size:19px; display:inline-block; padding:18px; width:200px;background: #fff; border-radius:10px; color: #333;font-weight:600;font-size: 18px;  box-sizing:border-box; box-shadow:6px 6px 20px rgba(46,75,123,0.2); transition:0.3s; text-align: left;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide .more_btn:after{position: absolute; width:24px;height:24px; line-height:25px; text-align: center; right:18px ;top:17px;content:'+' ; background: #2353a0; color: #fff; border-radius:100%; font-size:15px; transition:0.5s}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02{background:url(../image/main/m_main_visual06.jpg) no-repeat 50% / cover;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 .title{position: absolute; bottom:210px; width: 100%;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 .title p{font-size:17px;color: #fff;font-weight: 600;text-shadow:0 0 5px rgba(0,0,0,0.5)}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 .title strong{color: #2353a0;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 .title h2{margin-bottom:16px;font-size:36px ; font-weight:800; color: #fff; text-shadow:0 0 10px rgba(0,0,0,0.2)}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 ul li{float: left; width:50%; font-weight:800;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 ul li p{color: #fff !important; font-size:15px !important;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 ul li .more_btn{width:80% !important; padding:14px 18px; font-size: 17px;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list02 ul li .more_btn:after{top:13px;}

.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide .more_btn{position: relative; margin-bottom:4px;font-size:19px; display:inline-block; padding:18px; width:220px;background: #fff; border-radius:10px; color: #333;font-weight:600;font-size: 18px;  box-sizing:border-box; box-shadow:6px 6px 20px rgba(46,75,123,0.2); transition:0.3s; text-align: left;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide .more_btn:after{position: absolute; width:24px;height:24px; line-height:25px; text-align: center; right:18px ;top:17px;content:'+' ; background: #2353a0; color: #fff; border-radius:100%; font-size:15px; transition:0.5s}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list03{background:url(../image/main/m_main_visual03_new0308.jpg) no-repeat 50% / cover;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list03 .title{position: absolute; bottom:220px; width: 100%;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list03 .title p{font-size:19px; font-weight: 600; color: #fff;text-shadow:0 0 5px rgba(0,0,0,0.5)}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list03 .title strong{color: #fff;}
.main_visual .main_visual_slide2 .swiper-wrapper .swiper-slide.slide_list03 .title h2{margin-bottom:16px;font-size:42px ; font-weight:800; color: #fff;text-shadow:0 0 5px rgba(0,0,0,0.5)}
.main_visual .main_visual_slide2 .swiper-pagination{bottom:10vh;}


/* 타이틀-메인 */
.section_title{text-align: center; margin-bottom:1.5em;}
.section_title h2{font-size:3.2em;font-family: 'NanumSquareRound', sans-serif; font-weight:500; color:#111;}
.section_title span{display: block; margin-bottom:0.6em; color: #996c59; font-size:0.8em;font-family: 'NanumSquareRound', sans-serif; letter-spacing:2px; font-weight: 500; font-weight:bold;}
.section_title02{text-align: center; margin-bottom:1.5em;}
.section_title02 h2{font-size:3.2em;font-family: 'NanumSquareRound', sans-serif; font-weight:500; color: #fff;}
.section_title02 span{display: block;margin-bottom:0.6em; color: #996c59; font-size:0.8em;font-family: 'NanumSquareRound', sans-serif; letter-spacing:2px; font-weight: 500;font-weight:bold;}

/* 추천교구 */
.main_edubox{padding:90px 3%; text-align: center; background:url(../image/main/bg_maincontent.jpg) no-repeat 50%;}
.main_edubox h2{margin-bottom:24px;padding-top:92px; background:url(../image/main/icon_title_purple.png) no-repeat 50% 0;font-size:40px; color: #222222;  font-weight:800;}
.main_edubox h2 strong{color:#695296;}
.main_edubox .tab ul.tabs{padding:8px;font-size:0 ; background:#ece8f7 ; border-radius:24px; }
.main_edubox .tab ul.tabs li{width:50%; padding:12px 0 ;display: inline-block;font-size:16px; font-weight:600; cursor: pointer; box-sizing:border-box; color: #222; line-height:1; border-radius:100px;  transition:0.3s}
.main_edubox .tab ul.tabs li:hover{background:#f4f2fa ;}
.main_edubox .tab ul.tabs li.on{position: relative; z-index:10; background:#695296 ; border:1px solid #503880;font-weight:800; color: #fff; box-shadow:10px 10px 40px rgba(79,51,134,0.6)}
.main_edubox .tab .tab_container{padding:20px 0; min-height:340px}
.main_edubox .tab .tab_container .img img{width:100%;}
.main_edubox .tab .tab_container .info{text-align: left; padding:12px 3% 0;}
.main_edubox .tab .tab_container .info .title span{font-size:21px; color: #333; font-weight: 600;}
.main_edubox .tab .tab_container .info .title h3{margin:10px 0 4px;font-size:32px; color: #695296; font-weight: 800;}
.main_edubox .tab .tab_container .info .title p{font-size:16px; color: #666; line-height:1.7;}
.main_edubox .tab .tab_container .info .title p br{display: none;}
.main_edubox .tab .tab_container .info .title p strong{font-weight:bold; color: #695296;}
.main_edubox .tab .tab_container .info .detail_link{font-size:0; margin-top:12px;}
.main_edubox .tab .tab_container .info .detail_link li{position: relative;display: inline-block;  width:48%; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; border-radius:10px;font-size: 14px;  box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.07); transition:0.3s}
.main_edubox .tab .tab_container .info .detail_link li:hover{ background:#695296; border:1px solid #5b4389;}
.main_edubox .tab .tab_container .info .detail_link li:hover a{color: #fff;}
.main_edubox .tab .tab_container .info .detail_link li:hover a:after{transform:rotate(360deg)}
.main_edubox .tab .tab_container .info .detail_link li:nth-child(2n){margin-right: 0;}
.main_edubox .tab .tab_container .info .detail_link li a{display: block; padding:18px;}
.main_edubox .tab .tab_container .info .detail_link li a:after{position: absolute; width:20px;height:20px; line-height:22px; text-align: center; right:16px ;top:16px;content:'+' ; background: #695296; color: #fff; border-radius:100%; font-size:12px; transition:0.5s}

/* 추천교재 */
.main_edubook{padding:90px 3%; text-align: center; background:#f1e08a; box-sizing:border-box;}
.main_edubook h2{margin-bottom:24px;padding-top:92px; background:url(../image/main/icon_title_brown.png) no-repeat 50% 0;font-size:40px; color: #222222;  font-weight:800;}
.main_edubook h2 strong{color:#ff9700;}
.main_edubook .tab ul.tabs2{padding:8px;font-size:0 ; background:#fff ; border-radius:24px; }
.main_edubook .tab ul.tabs2 li{width:50%; padding:12px 0 ;display: inline-block;font-size:16px; font-weight:600; cursor: pointer; box-sizing:border-box; color: #222; line-height:1;border-radius:100px;  transition:0.3s}
.main_edubook .tab ul.tabs2 li:hover{background:#fff8ef ;}
.main_edubook .tab ul.tabs2 li.on{position: relative; z-index:10;background:#ff9700 ; border:1px solid #e68800;font-weight:800; color: #fff; box-shadow:10px 10px 40px rgba(255,151,0,0.6)}
.main_edubook .tab .tab_container{padding:50px 0;}
.main_edubook .tab .tab_container .img{}
.main_edubook .tab .tab_container .img img{width:100%;}
.main_edubook .tab .tab_container .info{text-align: left; padding:12px 3% 0; box-sizing:border-box;}
.main_edubook .tab .tab_container .info .title{margin-bottom:24px;}
.main_edubook .tab .tab_container .info .title span{display: block;font-size:21px; color: #333; font-weight: 600; text-align: center;}
.main_edubook .tab .tab_container .info .title span img{width:70%;}
.main_edubook .tab .tab_container .info .title h3{margin:8px 0 12px;font-size:24px; color: #221714; font-weight: 800; line-height:1.3;}
.main_edubook .tab .tab_container .info .title h3 strong{color: #ff9700;}
.main_edubook .tab .tab_container .tab_content2:nth-child(3) strong{color: #db000e !important;}
.main_edubook .tab .tab_container .tab_content2:nth-child(4) strong{color: #db000e !important;}
.main_edubook .tab .tab_container .info .title p{font-size:17px; color: #333; line-height:1.5;}
.main_edubook .tab .tab_container .info .title p br{display: none;	}
.main_edubook .tab .tab_container .info .title p strong{font-weight:bold;}
.main_edubook .more_btn{position: relative; display:inline-block; padding:18px; width:170px;background: #fff; border-radius:10px; color: #333;font-weight:600;font-size: 18px;  box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.07); transition:0.3s}
.main_edubook .more_btn:hover{background:#ff9700 ; color: #fff;}
.main_edubook .more_btn:after{position: absolute; width:20px;height:20px; line-height:22px; text-align: center; right:16px ;top:16px;content:'+' ; background: #ff9700; color: #fff; border-radius:100%; font-size:12px; transition:0.5s}
.main_edubook .more_btn:hover:after{transform:rotate(360deg)}

/* 프로그램 */
.main_program{padding:90px 0; text-align: center;}
.main_program h2{margin-bottom:4px;font-size:36px; color: #222222;  font-weight:800; line-height:1.3;}
.main_program h2 strong{color: #0096ff;}
.main_program ul li{float:left; width:50%; min-height:240px;padding:12px; box-sizing:border-box;}
.main_program ul li:last-child{margin-right:0; border-right:none;}
.main_program ul li h3{margin-bottom:8px; font-size:25px; color: #222; font-weight: 600;}
.main_program ul li p{color: #999;line-height:1.5; font-size: 13px;}
.main_program ul li p br{display: none;}
.main_program ul li .img img{width:80%;}


/* 메인 커뮤ㅜ니티 */
.main_promotion{position: relative; padding:90px 0 ; overflow: hidden; background:#c9e4ff ;}
.main_promotion:after{display: block; content:' '; clear: both;}
.main_promotion .title{position: relative;text-align:center;}
.main_promotion .title h2{font-size:40px;margin-bottom:4px; font-weight:800; line-height:1.1;}
.main_promotion .title h2 strong{color: #004488;}
.main_promotion .title p{margin-bottom:12px;color: #777; font-size:18px}
.main_promotion .title .swiper-button-prev,.main_promotion .title .swiper-button-next{width:64px; height:64px;}
.main_promotion .title .swiper-button-prev2{position: relative;left:auto; display: inline-block; margin-right:14px;color: #3d332d;}
.main_promotion .title .swiper-button-next2{position: relative;left:auto;display: inline-block;  color: #3d332d;}
.main_promotion .title .swiper-button-prev2:after,.main_promotion .title .swiper-button-next2:after{display: none;}
.main_promotion .promotion_slide{margin-top:24px;}
.main_promotion .promotion_slide .swiper-slide .img{width:100%; box-shadow:8px 8px 30px rgba(0,0,0,0.1); font-size: 0; border-radius:16px; overflow: hidden;}
.main_promotion .promotion_slide .swiper-slide .img img{width:100%;}
.main_promotion .promotion_slide .swiper-slide .info{padding:24px 16px 16px 16px;}
.main_promotion .promotion_slide .swiper-slide .info h4{margin-bottom:8px;color: #444; font-size:18px; font-weight: 600;}
.main_promotion .promotion_slide .swiper-slide .info p{margin-bottom:4px;color: #666; font-size:14px; line-height:1.5; font-weight:300;}
.main_promotion .promotion_slide .swiper-slide .info span{font-size:12px; color: #98aabc; letter-spacing:1px;}




@media all and (min-width:768px) {
	.main_visual video.visual_video{ transform:translate(0,0);}

}