/* 메인비주얼 */
.main_visual{position: relative; height:848px; overflow: hidden; text-align:center; color: #333; line-height:1.3;  background:#eee; box-sizing:border-box}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide{height:850px;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list01{background:url(../image/main/main_visual05.jpg) no-repeat 50%;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list01 .title{position: absolute; right:50%;top:300px; margin-right:-550px;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list01 .title p{font-size:34px; font-weight: 600;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list01 .title strong{color: #2353a0;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list01 .title h2{margin-bottom:24px;font-size:100px ; font-weight:800;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide .more_btn{position: relative;font-size:21px; 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_slide .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:16px; transition:0.5s}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide .ctn>div{position: absolute; left:50%;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide .ctn .list1{margin-left:-160px; top: 190px;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide .ctn .list2{margin-left:-850px; top:465px;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide .ctn .list3{margin-left:-196px; top:540px;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02{background:#999;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02{position: relative;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 article{height:850px; display:table;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 .right{float:right;width: 50%; background:url(../image/main/main_visual02_right.jpg) no-repeat 50% / cover;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 .left{float:left;width: 50%;background:url(../image/main/main_visual02_left.jpg) no-repeat 50% / cover}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 .left .more_btn{width:230px;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 .left .more_btn:after{background: #ffa816;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 article .middle{display:table-cell; vertical-align:middle;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 article p{font-size:32px; font-weight:600; color: #fff;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 article h2{margin-bottom:24px;font-size:110px; font-weight: 800; color: #fff; text-shadow:0 0 10px rgba(0,0,0,0.1)}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list02 .ctn_img{position: absolute; left:50%; transform:translate(-50%,130px)}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list03{background:url(../image/main/main_visual03_new0308.jpg) no-repeat 50%;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list03 .title{position: absolute; right:50%;top:350px; margin-right:-450px; color: #fff;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list03 .title p{font-size:34px; font-weight: 600;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list03 .title strong{color: #fff;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list03 .title h2{margin-bottom:24px;font-size:100px ; font-weight:800;}
.main_visual .main_visual_slide .swiper-wrapper .swiper-slide.slide_list03 .more_btn:after{background: #118c83;}
.main_visual .main_visual_slide .swiper-pagination{bottom:30px;}

/* 타이틀-메인 */
.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:140px 0; 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:64px; color: #222222;  font-weight:800;}
.main_edubox h2 strong{color:#695296;}
.main_edubox .tab ul.tabs{width:1060px; margin:0 auto; padding:8px;font-size:0 ; background:#ece8f7 ; border-radius:100px; }
.main_edubox .tab ul.tabs li{width:25%; padding:16px 0 ;display: inline-block;font-size:25px; 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:50px 0; min-height:340px}
.main_edubox .tab .tab_container .img{float:left;width:730px;}
.main_edubox .tab .tab_container .info{float:right; width:520px; text-align: left;}
.main_edubox .tab .tab_container .info .title{padding-top:30px;}
.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 14px;font-size:50px; color: #695296; font-weight: 800;}
.main_edubox .tab .tab_container .info .title p{font-size:17px; color: #666; line-height:1.7;}
.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:32px;}
.main_edubox .tab .tab_container .info .detail_link li{position: relative;display: inline-block;  width: 32.2%;margin-right:1.5%; margin-bottom:1.5%; 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(3n){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:140px 0; height:1118px; text-align: center; background:url(../image/main/bg_maincontent02.jpg) no-repeat 50%; box-sizing:border-box;}
.main_edubook .content_inner{width:1100px;}
.main_edubook h2{margin-bottom:24px;padding-top:92px; background:url(../image/main/icon_title_brown.png) no-repeat 50% 0;font-size:64px; color: #222222;  font-weight:800;}
.main_edubook h2 strong{color:#ff9700;}
.main_edubook .tab ul.tabs2{width:1060px; margin:0 auto; padding:8px;font-size:0 ; background:#fff ; border-radius:100px; }
.main_edubook .tab ul.tabs2 li{width:25%; padding:16px 0 ;display: inline-block;font-size:25px; 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{float:right;width:550px;}
.main_edubook .tab .tab_container .info{float:left; width:550px; text-align: left; padding:40px; box-sizing:border-box;}
.main_edubook .tab .tab_container .info .title{margin-bottom:24px;}
.main_edubook .tab .tab_container .info .title span{font-size:21px; color: #333; font-weight: 600;}
.main_edubook .tab .tab_container .info .title h3{margin:8px 0 12px;font-size:36px; 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 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:140px 0; text-align: center;}
.main_program h2{margin-bottom:40px;font-size:56px; color: #222222;  font-weight:800;}
.main_program h2 strong{color: #0096ff;}
.main_program ul{display:flex;}
.main_program ul li{width:calc(100%/5); border-right:2px dotted #ccc; 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: 12px;}

/* 메인 커뮤ㅜ니티 */
.main_promotion{position: relative;padding:150px 0 130px; min-width:1280px; overflow: hidden; background:#c9e4ff ; box-sizing:border-box; }
.main_promotion:after{display: block; content:' '; clear: both;}
.main_promotion .title{position: relative;float:left; padding-left:13%;width:300px; text-align:left;}
.main_promotion .title h2{font-size:60px;margin-bottom:12px; font-weight:800; line-height:1.1;}
.main_promotion .title h2 strong{color: #004488;}
.main_promotion .title p{margin-bottom:40px;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;cursor: pointer;}
.main_promotion .title .swiper-button-next2{position: relative;left:auto;display: inline-block;  color: #3d332d;cursor: pointer; }
.main_promotion .title .swiper-button-prev2:after,.main_promotion .title .swiper-button-next2:after{display: none;}
.main_promotion .promotion_slide{float:right; width:calc(100% - 600px);}
.main_promotion .promotion_slide .swiper-slide .img{width:100%;height:300px; 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{height: 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;}