@import url("../css/swiper.min.css");


/* content */												  
#content{display:block; float:left; width:100%;}
	#headMain{z-index:10000; float:left; width:100%; height:100%;}
	#headMain .main_in{float:left; 
					   width:100%; height:100%; 
					   background: url(http://ccei.co.kr/theme/ccei/images/main/banner1.jpg)no-repeat center center;
					   background-size:cover;
					}

	#headMain .main_in .slide{position:relative; 
							  top:calc(-200px + 50%); 
							  margin:0 auto; 
							  width:1200px; 
							  height:400px;}

	#headMain .main_in:after{clear: both; display:block; content:'';}
	

	#headMain .main_in .slide .circle_1{z-index:10002; 
										position:absolute; 
										top:213px; 
										left:-18px; 
										width:200px; 
										height:200px;
										background:url('http://ccei.co.kr/theme/ccei/images/common/m_pattern1.png')no-repeat; 
										background-size:cover;}

	#headMain .main_in .slide .circle_2{z-index:10002; 
										position:absolute; 
										left:974px; 
										width:419px; 
										height:454px;
										background:url('http://ccei.co.kr/theme/ccei/images/common/m_pattern2.png')no-repeat; 
										background-size:cover;
										}

	#headMain .main_in .slide .txt{position:absolute; top:50%; left:50%;
									margin:-176px 0 0 -294px; width:600px;}

	#headMain .main_in .slide .txt h3.m_txt{text-align:center; 
									 					 font-size:3.2em; 
														color:#fff; 
														line-height: 3.2rem;
														margin-bottom:20px;}

	#headMain .main_in .slide .txt h3.m_txt span{font-weight:bold; color:#fff; line-height: 3.2rem;}
	#headMain .main_in .slide .txt .s_txt{float:left; width:100%;}

	#headMain .main_in .slide .txt .s_txt h4{text-align:center; font-size:6.4em; line-height:5.8rem; color:#fff}
	#headMain .main_in .slide .txt .s_txt h4 span{/*font-size:45px;*/line-height:4.7rem; font-weight:bold; color:#fff;}


    
	#e_process{ float:left; width:100%;}
	   /*모바일*/
	   #m_pro_in{display:none;}	
	   
	   /*PC*/
	   #process_in{display:block; margin-bottom:100px;
					float:left; 
					width:100%; height:2008px;}
					
		#process_1{float:left; 
				   width:100%; 
				   height:1099px;
				   background:url('http://ccei.co.kr/theme/ccei/images/main/main.png')no-repeat; 
				   background-size:100% 1099px;
				  }
                    
        #pro_1{position:relative; 
               margin:0 auto;
               width:1800px; 
               height:400px; }

        #pro_1 .pattern11{position:absolute; 
                          top:16px;
                          left:116px;  
                          width:360px;}
        #pro_1 .pattern11 img{width:100%; height:auto;}

        #pro_1 .m_title{padding: 131px 0 131px 0;}
        #pro_1 .m_title h5{text-align:center; 
                           font-size:4.2em; 
						   font-weight:bold;
                           color:#fff; 
                           padding-bottom:30px;}
        #pro_1 .m_title a.m_btn{
                                display:block;
                                margin:0 auto;
                                width:210px;
                                height:50px;
                                text-align:center;
                                font-size:1.8em;
                                line-height:50px;
								color:#fff;
								border:1px solid #fff;
                                border-radius:25px;
                                -webkit-border-radius:25px;
                                -moz-border-radius:25px;
                                -ms-border-radius:25px;
                                -o-border-radius:25px;}

        #pro_1 .pattern10{position:absolute; 
                          top:156px;
                          left:1350px;  
                          width:480px;}
        #pro_1 .pattern10 img{width:100%; height:auto;}

        #pro_2{position: relative;
               z-index:1002;
               margin:0 auto; 
			   margin-top:-80px; 
			   margin-bottom:100px;
               width:1200px; }

		#pro_2:after{clear:both; display:block; content:'';}
		
		#pro_2 .pro2_in{float:left;
						width:282px;
						margin-right:24px;}

		#pro_2 .pro2_in .edu{
							 float:left;
							 width:100%;
							 height:400px;
							 background: url("http://ccei.co.kr/theme/ccei/images/common/pattern13.png")no-repeat center center;
							 background-size:100% 400px;
							 margin-bottom:20px;}

		#pro_2 .pro2_in .edu_in{float:left;
								margin:100px 0 100px 0;
								width:100%;}
		
		#pro_2 .pro2_in .edu_in .edu_txt{margin:0 auto; }
		#pro_2 .pro2_in .edu_in .edu_txt h6.main{font-size:2.5em; 
												 line-height: 3.0rem;
												 color:#333; 
												 text-align:center;  
												 border-bottom:2px solid #fea175}
		#pro_2 .pro2_in .edu_in .edu_txt p.sub{font-size:2.5em;
											   line-height: 3.0rem; 
											   color:#333; 
											   font-weight:bold; 
											   text-align:center;}

		/*마진*/
		#pro_2 .pro2_in .edu_in .mg1{margin-bottom:25px; width:110px;}
		#pro_2 .pro2_in .edu_in .mg2{margin-bottom:30px; width:110px;}
		#pro_2 .pro2_in .edu_in .mg3{width:110px;}
		#pro_2 .pro2_in .edu_in .mg4{margin-bottom:25px; width:148px;}

		#pro_2 .pro2_in .edu_in .edu_img{margin:0 auto; }
		#pro_2 .pro2_in .edu_in .e_img1{margin-bottom:30px; width:139px; height:auto;}
		#pro_2 .pro2_in .edu_in .e_img2{margin-bottom:26px; width:139px; height:auto;}
		#pro_2 .pro2_in .edu_in .e_img3{margin-bottom:3px; width:139px; height:auto;}
		#pro_2 .pro2_in .edu_in .e_img4{margin-bottom:30px; width:139px; height:auto;}

		#pro_2 .pro2_in .edu_in .edu_img img{width:100%; height:auto;}
		/*#pro_2 .pro2_in .edu_in:after{clear: both; display: block; content: '';}*/

		#pro_2 div:last-child{margin-right:0px;}

		#pro_2 .pro2_in .item_img{margin:0 auto; width:210px;}
		#pro_2 .pro2_in .item_img img{width:100%; height:auto;}

		#pro_2 .pro2_in:after{clear: both; display:block; content:'';}

		#pro_3{margin-top:-220px; float:left; width:100%;}
		#pro_3 .pro3_in{position:relative; margin:0 auto; width:1200px; height:1114px;}
				#tuition{margin:0 auto;
					     padding-top:20px;
						 width:571px; 
						 height:303px;
						 background: url("http://ccei.co.kr/theme/ccei/images/main/process_img4.png")no-repeat center center;
						 background-size:100% 303px;}

				#tuition .title{margin:0 auto;
								margin-bottom: 20px;
								width:430px;}
				#tuition .title h5{text-align:center; font-size:35px; line-height:3.5rem; color:#474348; }
				#tuition .title h5 span{font-size:50px; font-weight:bold; line-height:4.5rem; color:#474348; }

				#tuition a.requset_btn{
										margin:0 auto;
										display:block;
										width:210px;
										height:50px;
										font-size:1.8em;
										line-height:50px;
										color:#333;
										text-align:center;
										border:1px solid #000;
										border-radius:116px;
										-webkit-border-radius:116px;
										-moz-border-radius:116px;
										-ms-border-radius:116px;
										-o-border-radius:116px;}

				#tut_img1{position:absolute;
						  top:190px;
						  left:314px;
						  width:904px; 
						  height:621px;}
				
				#tut_img2{position:absolute;
						  top:538px;
						  left:-54px;
						  width:917px; 
						  height:597px;}

		#pro_3 .pro3_in img{width:100%; height:auto;}
		#pro_3 .pro3_in:after{clear: both; display: block; content:'';}

		/*레벨테스트*/
		#m_test{display:none;}
		#e_test{display:block; float:left; width:100%; height:878px;
				  background:url('http://ccei.co.kr/theme/ccei/images/main/test_back.jpg')no-repeat; 
				  background-size:cover;}

		#test_in{ position:relative; float:left; padding:163px 0 328px 0; width:1580px;}
		#test_in .t_img1{position:absolute; left:-196px; width:400px; height:400px; overflow:hidden;}
		#test_in .t_img2{position:absolute; right:510px; bottom:266px; width:232px; height:232px;}
		#test_in .t_img3{position:absolute; right:-200px; bottom:76px; width:232px; height:232px;}
		#test_in .test_txt{float:left; padding-top:56px; margin-left:346px; width:644px;}
		
		#test_in .test_txt h6.m_txt{font-size:5.2em; line-height:5.2rem; color:#000;}
		#test_in .test_txt h6.m_txt span{ line-height:5.2rem;; font-weight:bold; color:#000;}
		
		#test_in .test_txt .s_txt{float:left; margin-bottom:30px; width:494px;}
		#test_in .s_txt p{font-size:4.0em; line-height:3.5rem; color:#000; }
		#test_in .s_txt p span{line-height:3.5rem; font-weight:bold; color:#000;}
		#test_in .s_txt p.last{padding-bottom:0px;}
		
		#test_in .test_txt .t_btn{float:left; display:block; width:210px; height:50px; border:1px solid #000; border-radius:25px;
									font-size:1.8em; line-height:50px; color:#000; text-align:center;}
									
		/*강사진*/
		#e_teacher{ float:left; width:100%; background-color:#5B5758;}
		#e_teacher h5.pc{display:block; }
		#e_teacher .mobile{display:none; }

		#e_teacher h5{margin:50px 0 50px; text-align:center; font-size:4.2em; font-weight:bold; color:#fff;}
		
		#e_teacher .e_teacher_in{width:100%; }
		.swiper-container {float:left; width: 100%;}								
		
		.swiper-wrapper{width:100%; height:auto;}
		#e_teacher .e_teacher_in .swiper-slide{text-align: center;
											font-size: 18px;
											background: #fff;
											width: 80%;
											/* Center slide text vertically */
											display: -webkit-box;
											display: -ms-flexbox;
											display: -webkit-flex;
											display: flex;
											-webkit-box-pack: center;
											-ms-flex-pack: center;
											-webkit-justify-content: center;
											justify-content: center;
											-webkit-box-align: center;
											-ms-flex-align: center;
											-webkit-align-items: center;
											align-items: center;}
		.swiper-slide {z-index:100; float:left; position:relative; width:100%;}
		
		/*.swiper-slide:nth-child(n){width:auto;}*/
		.swiper-slide{width:auto;}
		.swiper-slide > .before{
			width:100%;
			height: 650px;
		}

		.swiper-slide > .before .inner{width:100%; height:650px;}
		.swiper-slide > .before > img{width:100%; height:auto;}
		
		#e_teacher .pc{display:block;}
		#e_teacher .mobile{display:none;}



		/*
		#teacher_in .swiper-slide > .before .txt{position:absolute; bottom:96px; left:calc(50% - 106px); width:212px; height:100px; }
		#teacher_in .swiper-slide > .before .txt p{font-size:20px; line-height:2.0rem; text-align:center;}
		#teacher_in .swiper-slide > .before .txt p.last{padding-bottom:35px}
		#teacher_in .swiper-slide > .before .txt img.t_plus{ margin:0 auto; display:block; min-width:min-content; width:20px; height:20px;}
		#teacher_in .swiper-slide > .before.txt img{width:100%; height:auto;}
		*/

		.swiper-slide > .after{z-index:10009; position: absolute; float:left; display:none;
			width:100%; height:650px;
			top:0px;
		}

		.swiper-slide > .after .outer{width:100%; height:650px;}
		.swiper-slide > .after > img{width:100%; height:auto;}

		#e_teacher .e_teacher_in:after{clear:both; display:block; content:'';}	

		/*
		#teacher_in .swiper-slide > .after img{position: absolute; left:0px; width:100%; height: auto;}

		#teacher_in .swiper-slide > .after h3{position:relative; z-index:101; margin-top:20px; font-size:2.3em;; font-weight:bold;} 
		#teacher_in .swiper-slide > .after h3 > span{position:relative; z-index:101; font-size:3.5em; line-height: 4.0rem; font-weight:Bold; color:#f23;}

		#teacher_in .swiper-slide > .after .interview{position:relative; z-index:101; margin-top:30px; width:100%; height:120px;}
		#teacher_in .swiper-slide .interview p{font-size:20px; line-height:30px; color:#bdbdbd;}

		#teacher_in .swiper-slide > .after .career{position:relative; margin-top:100px; height:60px; text-align: left;}
		#teacher_in .swiper-slide .career p{font-size:20px; line-height:30px; color:#bdbdbd;}
		#teacher_in .swiper-slide .career p span{margin-left:8px;}

		#teacher_in .swiper-slide .after .diploma{position:relative; float:left; margin-top:30px; width:100%; height:100px; text-align: left;}
		#teacher_in .swiper-slide .diploma p{font-size:20px; line-height:30px; color:#000;}
		#teacher_in .swiper-slide .diploma p.b{font-weight:bold;}
		*/


		#book_title{float:left; width:100%; background:#5B5758}
		#book_title h5.pc{display:block; }
		#book_title .mobile{display:none; }
		#book_title h5{margin:50px 0 50px; text-align:center; font-size:4.2em; font-weight:bold; color:#fff; }

		#t_book{float:left; position:relative; width:100%; height:44.865vw; background: url('http://ccei.co.kr/theme/ccei/images/main/bg-2.jpg')no-repeat; background-size:100%; background-position: center;} 
		#t_book .mobile{display:none;}
		#t_book .t_book_in{position: relative;  margin:0 auto; width:1382px; height:780px; }
		#t_book .t_book_in .book{float:left; display:block; width:846px; height:780px;}
		#t_book .t_book_in .book img{width:100%; height:auto;}
		
		
		#t_book .t_book_in .bk_txt{/*float:left; margin-top:112px;*/ position: absolute; top:512px; width: 100%; text-align: center;}

		#t_book .t_book_in .bk_txt h5.pc{display:block;}
		#t_book .t_book_in .bk_txt .mobile{display:none;}

		#t_book .t_book_in .bk_txt h5{font-size:2.5em; line-height:2.5rem; color:#fff;}
		#t_book .t_book_in .bk_txt h5 > span{ font-weight:bold; line-height:2.5rem; color:#FF794D;}
		
		#t_book .t_book_in .bk_txt p{margin-top:30px; float:left; width:100%;}

		#t_book .t_book_in .bk_txt p a.b_view{margin:0 auto; display:block; border-radius:25px; 
									width:210px; height:50px; border:1px solid #fff; line-height:50px;
									text-align:center; font-size:1.8em; color:#fff; }
	
	#m_event{display:none;}
	#m_kakao{display:none;}	

	/*#btn_box{z-index:10008; float:left; position:relative; top:234px; left:150px; width:150px; height:338px; }*/
	/*#btn_box{z-index:10008; float:left; position:relative; top:350px; left:1435px; width:174px; height:338px; }*/
	/*#btn_box{z-index:10008; position:fixed; top:350px; left:1610px; width:174px; height:338px; }*/

	/*
	#btn_box img{width:100%; height:auto;}

	#g_btn{z-index:10008;  position:absolute; left:26px; top:19px; 
				 width:100px; height:100px; margin-bottom:20px; cursor:pointer; }

	#g_btn .talk{float:left; display:block; cursor:pointer;}
	
	#e_btn {z-index:10008; 
			margin-bottom:20px;
			position:absolute;
			top:135px; 
			left:0px;   		 
			width:154px; height:128px;}

	#e_btn .event{cursor:pointer; }

	
	#btn_box .t_btn{display:block; 
					cursor:pointer; 
					z-index:10008; 
					position:absolute;; 
					top:283px;  
					left:10px;
					width:144px; 
					height:54px; 
					background:#929292; 
					border-top-left-radius:27px; 
					border-bottom-left-radius:27px; }

	#btn_box .t_btn h6{margin-left:20px; font-size:16px; line-height:54px; color:#fff;}
	#btn_box .t_btn h6 span{line-height:54px; color:#fff; padding-right:10px;}
	*/

	#btn_box{z-index:10006; float:left; position:fixed; top:350px; left:1700px; width:174px; height:338px; }
	#btn_box img{width:100%; height:auto;}

	#g_btn{z-index:10008;  position:absolute; left:26px; top:19px; width:100px; height:100px; margin-bottom:20px; cursor:pointer; }
	#g_btn .talk{float:left; display:block; cursor:pointer;}
	#e_btn {z-index:10008; margin-bottom:20px; position:absolute; top:135px; left:0px; width:154px; height:128px;}

	#e_btn .event{cursor:pointer; }
	#btn_box .t_btn{display:block; cursor:pointer; z-index:10008; position:absolute; top:283px; left:10px;
					width:144px; height:54px; background:#929292; border-top-left-radius:27px; border-bottom-left-radius:27px; }

	#btn_box .t_btn h6{margin-left:20px; font-size:16px; line-height:54px; color:#fff;}
	#btn_box .t_btn h6 span{line-height:54px; color:#fff; padding-right:10px;}
	
	#barrier{display:none; z-index:10009; position:fixed; top:0px; width:100%; height:100%; background-color:rgba(25,25,25, 0);}
	#barrier .m_ka{position: relative; width: 400px; height:640px; left:calc(50% - 200px); top:calc(50% - 320px);}
	#barrier .m_ka .kakao{position:relative;  display:block; width:100%; height:auto;}
	#barrier .m_ka .close_btn{z-index:10002; position: absolute; top:0px; right:0px; width:32px; height:32px; cursor:pointer;}