.mainVisual{width:100%; height:547px; min-height:547px; position:relative; margin-top:50px}
.mainVisual .swiper-slide{position:relative; width:100%; height:100%; overflow:hidden; /* padding-top:17%; */}
.mainVisual .swiper-slide .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}
.mainVisual .swiper-slide.one .bg{background:url('/images/main/m_roll_img01.jpg') no-repeat center center; background-size:cover}
.mainVisual .swiper-slide.two .bg{background:url('/images/main/m_roll_img02.jpg') no-repeat center center; background-size:cover}
.mainVisual .swiper-slide.thr .bg{background:url('/images/main/m_roll_img03.jpg') no-repeat center center; background-size:cover}

.mainVisual .swiper-slide-active{left:0; right:0; transition:all 300ms ease}
.mainVisual .swiper-slide-prev{right:0; transition:all 300ms ease; z-index:1}
.mainVisual .swiper-slide-next{left:0; transition:all 300ms ease}

.mainVisual .txtArea{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin:0 auto; /* padding-bottom:75px;  */width:1024px; text-align:center; color:#fff; z-index:1}
.mainVisual .txtArea p{position:relative; transition:top 0.4s, opacity 0.4s}
.mainVisual .txtArea .txt1{font-family:'Montserrat-Bold'; font-size:30px; top:60px; opacity:0; transition-delay:0.8s}
.mainVisual .txtArea .txt2{font-family:'NotoSans-Bold'; font-size:60px; line-height:80px; top:60px; opacity:0; transition-delay:0.65s; letter-spacing:-1.2px; white-space:pre-wrap;}
.mainVisual .txtArea .txt3{font-size:20px; line-height:30px; margin-top:30px; top:60px; opacity:0; transition-delay:0.8s; white-space:pre-wrap;}
.mainVisual .swiper-slide-active .txtArea .txt1{top:0; opacity:1;}
.mainVisual .swiper-slide-active .txtArea .txt2{top:0; opacity:1; white-space:pre-wrap;}
.mainVisual .swiper-slide-active .txtArea .txt3{top:0; opacity:1; white-space:pre-wrap;}
.mainVisual.swiper-container .swiper-pagination{/* top:60%; */ bottom:auto; width:auto; top:400px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
.mainVisual .swiper-pagination .swiper-pagination-bullet{width:30px; height:30px; opacity:1; background:url('/images/main/mainRoll_indi.png') no-repeat; margin:0}
.mainVisual .swiper-pagination .swiper-pagination-bullet-active{background:url('/images/main/mainRoll_indi_on.png') no-repeat}
.mainVisual .swiper-pagination .playBtn{display:inline-block; width:30px; height:30px; background:url('/images/main/btn_pause.png') center center no-repeat;}
.mainVisual .swiper-pagination .playBtn.on{background:url('/images/main/btn_play.png') center center no-repeat;}
.mainVisual .swiper-button-prev, .mainVisual .swiper-button-next{width:40px; height:79px; margin-top:-20px}
.mainVisual .swiper-button-prev{left:40px; background:url('/images/main/white_rollBtn_prev.png') no-repeat; background-size:cover}
.mainVisual .swiper-button-next{right:40px; background:url('/images/main/white_rollBtn_next.png') no-repeat; background-size:cover}
.mainVisual .scrollTxt{font-size:14px; color:#fff; font-family:'Montserrat-Regular'; padding-bottom:55px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:block; z-index:1}
.mainVisual .scrollTxt:after{content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-1px; width:1px; height:50px; background:#ffffff}

/*하단고정배너-pc*/
#p_fixed {width:100%;height:127px;position:fixed;bottom:0px;left:0;background:url(/images/main/p_fixed_01bg.png) no-repeat; z-index:1000;}
#p_fixed_in {position:relative;width:1200px;height:127px;margin:0 auto;}
#close_p_fixed {font-size:14px; font-weight:900; text-align:center; position:absolute; top:40px; right:20px; cursor:pointer;}


/*합격후기-채용*/
.conter_wrap { width:100%;  position:relative; overflow:hidden; background-color:#ff}
.conter_wrap .product { width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ text-align: center;letter-spacing: -1px; /* overflow: hidden;background-color:#fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover; */}
.b_review{ width:49%; height:auto; margin:20px 0 40px 0; float:}
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:51px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:1.7em; font-family:'notokr-bold'; text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:left;position:relative}

.r_style_bg th{text-align:left; font-size:15px; height:43px;border-bottom:1px solid #dedede; position:relative}
.r_style_bg .gel{text-align:left; font-size:14px; line-height:19px; height:43px; position:relative; width:33.3%;font-family:'NotoSansKR-Light'; }
.g_box{ margin:0 5px 5px 5px; }
.g_box img{ width:100%; border:1px solid #CCC}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}
.r_style_bg .font_s13{ font-size:13px; font-weight:normal; color:#666666}


.r_style_bg .no_l{border-bottom:0;}
.r_style_bg td { text-align:left }

.more_l01{
	position:absolute;
	top:7px;
	right:10px;
	margin-top:10px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
}

.job_c{ width:35px; font-size:13px; line-height:30px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;color:#fff;border-radius:50%;background:#fe7c7c;  text-align:center; font-weight:600; display:inline-block; font-family:Tahoma, Geneva, sans-serif}
.end_c{ width:35px; font-size:13px; line-height:30px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;color:#fff;border-radius:50%;background:#666;  text-align:center; font-weight:600; display:inline-block; font-family:Tahoma, Geneva, sans-serif}


/*개강안내-pc*/
.conter_wrap5 { width:100%;  position:relative; overflow:hidden; background:#feeaea}
.conter_wrap5 .product5{ width:1140px;margin:0 auto;padding: 50px 0;/*margin: 50px 0;*/ text-align: center;background-color:#fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;letter-spacing: -1px; /* overflow: hidden */}
.conter_wrap5 .product5 h1{ font-size:1.6em; position:relative; font-family:'notokr-bold'; text-align:left}

.conter_wrap5 .product5 {background:#feeaea; color: #333333;}
.conter_wrap5 .product5 ul{ margin-top:30px}
.conter_wrap5 .product5 li {float: left;width: 23%; padding:45px 20px 75px 20px;text-align: center;vertical-align: top; font-size: 15px; border:1px solid #d8d5d5; background:#FFF; position:relative; margin-left:25px }

.conter_wrap5 .product5 li:nth-child(1){ margin-left:0}
.conter_wrap5 .product5 li .tit{ font-size:17px; font-family:'notokr-bold'; line-height:18px; margin-bottom:15px; text-align:left}
.conter_wrap5 .product5 li .txt{ text-align:left; margin-left:15px; font-size:14px; width:100%; line-height:18px; font-family:'NotoSansKR-Light'; margin-top:8px}


.conter_wrap5 .product5 li .btn{ width:100%; overflow:hidden;  margin-top:10px; margin:0 auto; float:left}

.btn_more_list { padding:0 25px; color:#fff; font-size:13px; font-weight:600; height:40px; line-height:40px; background-color:#fff;; margin-left:15px; font-family:notokr-medium; position:absolute; border:1px solid #474646; color:#474646; margin-top:15px}
.btn_more_list  span { height:100%; background:url(../images/main/more_arr01.png) no-repeat 100% 50%; padding-right:80px;}/*바로결제버튼*/


.t5_on{ font-size:13px; padding:8px 10px; background:#dd3240; color:#FFFFFF; position:absolute; top:0; left:0; z-index:9}
.t5_off{ font-size:13px; padding:8px 10px; background:#515050; color:#FFFFFF;position:absolute; top:0; left:0; z-index:9}


/*top고정배너-pc*/
.top_wrap { width:100%; overflow:hidden; background:url(../images/main/t_baimg.jpg) no-repeat }
.top_wrap .tproduct{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }



/*학원혜택-pc*/
.conter_wrap6 { width:100%;  position:relative; overflow:hidden; background:#f2f2f2}
.conter_wrap6 .product6{ width:1140px;margin:0 auto;padding: 50px 0;/*margin: 50px 0;*/ }
.conter_wrap6 .product6 h1{ font-size:35px; position:relative; font-family:'notokr-bold'; text-align:left; color:#333}

.sub_wrap1 { width:100%;  position:relative; overflow:hidden; background:#fff}
.sub_wrap1 .product1{ width:1140px;margin:0 auto;padding: 50px 0;/*margin: 50px 0;*/ }
.sub_wrap1 .product1 h1{ font-size:35px; position:relative; font-family:'notokr-bold'; text-align:left; color:#333}


/*쌤롤링-pc용*/
.t_name { width:100%; height:50px}
.t_name h1{ margin:0 auto; width:1140px; font-size:1.6em; position:relative; font-family:'notokr-bold'; text-align:left; color:#333333}
.section.teacher {padding: 0; text-align: center;}
.section.face-teacher {padding:0;background-color: #ffd73f;text-align: left;}
.section.face-teacher .cont-wrap {position: relative;width: 800px;}
.section.face-teacher h2 {padding-bottom: 20px;}
.section.face-teacher h3 {}
.section.face-teacher .bg-won {display: block;position: absolute;left: 0;top: -70px;width: 870px;height: 1258px;}
.section.face-teacher .bg-won a {display: block;position: absolute;left: 286px;top: 385px;width: 72px;height: 72px; z-index:1;}

.section.face-teacher .cont {padding: 460px 0 80px;}
.section.face-teacher .cont p {padding-bottom: 35px;line-height: 30px;}
.section.face-teacher .cont p:first-child {padding-top: 0;}
.section.face-teacher .cont > span {display: block;font-size: 40px;}
.section.face-teacher .cont-wrap > a {position: relative;width: 550px;height: 101px;text-align: center;}

.slide-wrapB .swiper-wrapper{white-space: nowrap; font-size: 0;}
.slide-wrapB .swiper-slide_ssam {
  -webkit-flex-shrink: none;
  -ms-flex: none;
  flex-shrink: none;
  position: relative;
  display: inline-block;
  float: none !important;
}

.name_txt{ position:absolute; width:128px; height:30px; line-height:30px; font-size:15px; text-align:center; font-family:'notokr-medium'; bottom:10px; left:0; color:#FFFFFF}

.slide-wrapB .swiper-slide_ssam li{ width:128px !important}
.slide-wrapB .bx-viewport{overflow:visible !important;}

.swiper_teacher{width:170px !important}
.slide-wrapB:hover .bx-controls-direction a{opacity: 100;}
.swiper_teacher .bx-controls-direction{ }
.swiper_teacher .bx-controls-direction a { display:block; width:53px; height:53px; margin: auto; top:10%; bottom: 0; left:50%; text-indent:-9999%; font-size:0; overflow:hidden; z-index:999; opacity: 0; transition-duration: 0.1s; position:absolute}
.swiper_teacher .bx-controls-direction .bx-prev { margin-left:-500px; background:url('/images/main/btn_teacher_prev.png') no-repeat 0 0;}

.swiper_teacher .bx-controls-direction .bx-next { margin-left:500px; background:url('/images/main/btn_teacher_next.png') no-repeat 0 0;}


.swiper_teacher .bx-pager{display: none; }/*display: none;*/


/*메인 합격_pc*/
.conter_wrap7 { width:100%;  position:relative; overflow:hidden; background:#fff}
.conter_wrap7 .product7{ width:1140px;margin:0 auto;padding:0;/*margin: 50px 0;*/ text-align: center;background-color:#fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;letter-spacing: -1px; /* overflow: hidden */}
.pass_w{ width:100%;  position:relative;  padding-top:30px; margin-bottom:50px;}

.p_more{
	position:absolute;
	top:0px;
	right:10px;
	margin-top:10px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
}


.pass_box{ width:96%; margin-left:40px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border:2px solid #e73e4a; position:relative; padding-bottom:15px; }
.pass_box .passF { position:absolute; color:#1616166; width:240px; margin-left:10px; font-size: 21px; font-weight:600; }
.pass_box .passF span {color:#e73e4a}
.pass_img{
	position:absolute;
	width:93px;
	top:0px;
	left:0px;
	z-index:100 !important
}
.pass_line{ position:absolute; top:5px; width:1px; height:20px; background:#e73e4a; right:-25px; z-index:10}
.pass-list { margin-top:15px}
.pass-list table.table1 {text-align: center;}
.pass-list table.table1 tr.notice td:first-child {color: #ff0000}
.pass-list table.table1 th {background: #ededed;color: #111;/*border-right: 1px solid #999;*/ line-height:28px; text-align:center}
.pass-list table.table1 th:last-child {border-right: 0;}
.pass-list table.table1 td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:30px; }
.pass-list table.table1 td:last-child {border-right: 0;}
.pass-list table.table1 td.l_txt{text-align: left; color: #333;/* text-indent:15px;*/ font-size:15px;  }
.pass-list table.table1 td.pass_tit {text-align: left; padding-left:55px; color: #222;/* text-indent:15px;*/ font-size:21px; font-weight:600; display:inline-flex }
.one_t{ width:20%}
.pass-list table.table1 td.pass_tit em{color:#e73e4a;  font-style:normal}
.pass-list table.table1 td.pass_tit .C_red{ color:#e73e4a;}
.p_mr{ margin-right:20px}
.p_ml{ margin-left:20px}
.title1{
        /*border : 1px solid red;*/
        width: 75%;
        float : left;
		margin-left:33px;}

#web {display:block; padding:0}
#mobile {display:none;}


@media (max-width:1600px) {
	

}

@media (max-width:1280px) {
	
	.mainVisual .swiper-slide{height:350px; /* padding-top:250px */}
	.mainVisual .txtArea{/* padding:0 5%; */ margin:0 auto; width:80%;}
	.mainVisual .txtArea .txt1{font-size:25px}
	.mainVisual .txtArea .txt2{font-size:50px; line-height:60px}
	.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev{top:160px; margin-top:0}

	.mainCon{padding:100px 0 0}
	.mainCon .fixArea{top:100px; width:100%; padding:0 5%}
	.mainCon .fixArea .title{font-size:160px; line-height:115px}
	.mainCon .fixArea .text{font-size:16px}
	.mainCon.one .fixArea .text{margin-top:60px}
	.mainCon.one .content{margin-top:200px}
	.mainCon.one .content .listDiv{width:900px}
	.mainCon.one .content .newsList .newsD{width:900px}
	.mainCon.two .content{margin:180px auto 0}
	.mainCon.two .content .tabConDiv{width:auto; padding:80px 5% 0}
	.mainCon.two .content .tabConDiv .box{width:900px}
	.mainCon.two .content .tabAreaD{margin:40px auto 0}
	.mainCon.two .content .tabAreaD .tabs{width:900px}
	.mainCon.two .content .tabAreaD .tabs .dot{display:none}
	.mainCon.two .content .tabAreaD .tabs .leftD a{position:relative}
	.mainCon.two .content .tabAreaD .tabs .leftD a.on:after{content:''; display:block; position:absolute; width:10px; height:10px; background:#fff; border-radius:100%; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
	.mainCon.thr .content{margin-top:250px}
	.mainCon.thr .content .recruitRollD{width:900px}
	.mainCon.thr .content .recruitRollD .swiper-slide .txtArea .tit{padding-right:45%;}
	.mainCon.thr .content .recruitRollD:after{width:100%}
	.mainCon.thr .content .linkArea{width:900px; margin:40px auto 0}
	.mainCon.thr .content .linkArea a{width:calc(25% - 1px); width:-webkit-calc(25% - 1px); padding:24px 25px}
	.mainCon.thr .content .ingRecruitD{width:900px}
	.mainCon.thr .content .ingRecruitD .listDiv .list .date{width:120px}
	.mainCon.thr .content .ingRecruitD .listDiv .list .tit{width:calc(100% - 160px); width:-webkit-calc(100% - 160px)}
	.mainCon.thr .content .innovBanner{margin:75px auto 0}
	.mainCon.thr .content .innovBanner .conArea{width:900px}
	.mainCon.thr .content .innovBanner .conArea .txtArea .txt1{letter-spacing:-3px}
	
	
	/*쌤롤링*/
#web {display:block; padding:0}
.section.teacher {padding: 0; text-align: center;}
.section.face-teacher {padding:0;background-color: #ffd73f;text-align: left;}
.section.face-teacher .cont-wrap {position: relative;width: 800px;}
.section.face-teacher h2 {padding-bottom: 20px;}
.section.face-teacher h3 {}
.section.face-teacher .bg-won {display: block;position: absolute;left: 0;top: -70px;width: 870px;height: 1258px;background: url() 0 0 no-repeat;}
.section.face-teacher .bg-won a {display: block;position: absolute;left: 286px;top: 385px;width: 72px;height: 72px;background: url() 0 0 no-repeat; z-index:1;}

.section.face-teacher .cont {padding: 460px 0 80px;}
.section.face-teacher .cont p {padding-bottom: 35px;line-height: 30px;}
.section.face-teacher .cont p:first-child {padding-top: 0;}
.section.face-teacher .cont > span {display: block;font-size: 40px;}
.section.face-teacher .cont-wrap > a {position: relative;width: 550px;height: 101px;text-align: center;}

.slide-wrapB .swiper-wrapper{white-space: nowrap; font-size: 0;}
.slide-wrapB .swiper-slide_ssam {
  -webkit-flex-shrink: none;
  -ms-flex: none;
  flex-shrink: none;
  position: relative;
  display: inline-block;
  float: none !important;
}

.name_txt{ position:absolute; width:128px; height:25px; line-height:25px; font-size:14px; text-align:center; font-family:'notokr-medium'; bottom:0; left:0}

.slide-wrapB .bx-viewport{overflow:visible !important;}

.swiper_teacher{width: 170px;}
.slide-wrapB:hover .bx-controls-direction a{opacity: 100;}
.swiper_teacher .bx-controls-direction{ }
.swiper_teacher .bx-controls-direction a { display:block; width:53px; height:53px; margin: auto; top:10%; bottom: 0; left:50%; text-indent:-9999%; font-size:0; overflow:hidden; z-index:999; opacity: 0; transition-duration: 0.1s; position:absolute}
.swiper_teacher .bx-controls-direction .bx-prev { margin-left:-500px; background:url('/images/main/btn_teacher_prev.png') no-repeat 0 0;}

.swiper_teacher .bx-controls-direction .bx-next { margin-left:500px; background:url('/images/main/btn_teacher_next.png') no-repeat 0 0;}
.swiper_teacher .bx-pager{display: none; }

	
}




@media (max-width: 991px) {
    body {font-family: 'noto', 'Noto Sans','Noto Sans KR','notokr-medium', 'Malgun Gothic', dotum, gulim, verdana, sans-serif;font-size: 14px;min-width: 320px}
	.mainVisual{min-height:330px;height:330px}
	.mainVisual .swiper-slide{min-height:338px; padding-top:200px}
	.mainVisual .swiper-slide.one .bg{background:url('/images/main/m_roll_img01.jpg') no-repeat center center; background-size:cover; width:60%}
	.mainVisual .swiper-slide.two .bg{background:url('/images/main/m_roll_img01.jpg') no-repeat center center; background-size:cover;width:60%}
	.mainVisual .swiper-slide.thr .bg{background:url('/images/main/m_roll_img01.jpg') no-repeat center center; background-size:cover;width:60%}
	.mainVisual .txtArea{padding:0 0 30px 0; margin:0 5%; width:90%; left:0; top:45%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
	.mainVisual .txtArea .txt1{font-size:20px}
	.mainVisual .txtArea .txt2{font-size:30px; line-height:40px; word-break:keep-all;}
	.mainVisual .txtArea .txt2 br{display:none;}
	.mainVisual .txtArea .txt3{font-size:13px; line-height:18px; word-break:keep-all; margin-top:20px}
	.mainVisual.video .txtArea{-webkit-transform:translate(0, -40%); transform:translate(0, -40%)}
	.mainVisual .swiper-pagination .swiper-pagination-bullet{width:20px; height:20px; background-size:cover !important}
	.mainVisual .swiper-pagination .playBtn{width:20px; height:20px; background-size:auto 7px;}
	.mainVisual .swiper-pagination .playBtn.on{background-size:auto 7px;}
	.mainVisual .scrollTxt{font-size:11px; font-family:'notokr-bold'; padding-bottom:50px}
	.mainVisual .scrollTxt:after{height:35px; background:#e6e6e6}
	.mainVisual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}
	.mainVisual.swiper-container .swiper-button-prev, .mainVisual.swiper-container .swiper-button-next{display:none}
	#pc {display: none;}


/*하단고정배너-mobile*/
#m_fixed {width:100%; height:80px; position:fixed; bottom:0px; left:0; background:#0156b1; z-index:1000;}
#m_fixed_in {position:relative; width:100%; height:90%; margin:0 auto;}
#close_m_fixed {position:absolute; top:-10px; right:20px;}

/*공지사항-채용정보*/
.conter_wrap {overflow:hidden;}
.conter_wrap .product { padding:0 15px 30px 15px; margin-top:10px; margin-right:auto; margin-left:auto; max-width:640px; width:100%}	
.b_review{ width:100%; height:auto; margin:0px 0 30px 0 !important;}
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:40px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:1.4em; font-family:"notokr-bold"; text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:left;position:relative}

.r_style_bg th{text-align:left; font-size:14px; height:30px;border-bottom:1px solid #dedede; position:relative; font-weight:500;}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}



/*메인 합격-모바일*/



.conter_wrap7 { overflow:hidden; background:#fff}
.conter_wrap7 .product7{ padding:0 10px 20px 10px; margin-top:10px; margin-right:auto; margin-left:auto; max-width:640px; width:100%}
.pass_w { padding-top:0px !important; margin-bottom:30px !important;  border:2px solid #e73e4a;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; margin-top:20px !important; position:relative}
.pass_box{ width:100%; margin-left:0px !important; border-radius:0; border:0 !important; position:relative; padding-bottom:10px; line-height:0 !important}
.pass_box .passF { position:absolute; color:#1616166; width:240px; margin-left:10px; font-size: 21px; font-weight:600; }
.pass_box .passF span {color:#176bc2}
.pass_img{
	position:absolute;
	width:60px !important;
	top:5px;
	left:-10px;
	z-index:10 !important
}
.pass_line{ position:absolute; top:5px; width:0px; }


.p_ba1{ width:100%; text-align:left; padding-left:50px;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border:2px solid #297acb; }

.p_more{
	position:absolute;
	top:15px;
	right:20px;
	margin-top:14px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
	z-index:50;
}

.p_mr{ margin-right:7px !important}
.p_ml{ margin-left:7px !important}


 .pass-list table.table1  {text-align: left;}
    .pass-list table.table1 thead {display: none}
    .pass-list table.table1 tr:first-child {border-top:0 !important;}
    .pass-list table.table1 tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .pass-list table.table1 tr {display: block;position: relative;padding:0 10px 0 10px;/*border-top: 1px dotted #ddd;*/margin-top: -1px; overflow: hidden;}
	.pass-list table.table1 th {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 17px; color: #333; font-family:'notokr-bold';}
    .pass-list table.table1 td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 15px; color: #666; line-height:23px; padding:7px 0 7px 0}
    .pass-list table.table1 td+td {margin-right: 5px;}
    .pass-list table.table1 td.no {font-weight: bold;font-size: 11px;display: none}
    .pass-list table.table1 td.hit {display: none}
    .pass-list table.table1 td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .pass-list table.table1 td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .pass-list table.table1 td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .pass-list table.table1 td.title {font-size:18px;margin: 5px 0; line-height:30px; display: block;position: relative; height: auto;color: #222; font-family:'notokr-bold';text-align:center;padding:8px}
	.pass-list table.table1 td.title .small{ display:inline-block !important;font-size:15px; width:150px; }
   .pass-list table.table1 td.pass_tit{ text-align:left;  font-size:21px; font-family:'notokr-bold'; /*border:2px solid #297acb;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px;*/ line-height:25px !important; height:50px !important; padding-left:80px}
	.pass-list table.table1  td.l_txt{ text-align:left; color:#666; font-size:15px; width:100%; border-top:1px dotted #CCCCCC;padding-left:80px}
	

.title1 { margin-left:0 !important; width:100% !important}

/*개강안내*/
.conter_wrap5 { overflow:hidden; background:#feeaea}
.conter_wrap5 .product5{ padding:0 10px 40px 10px; margin-top:10px; margin-right:auto; margin-left:auto; max-width:640px; width:100%}
.conter_wrap5 .product5 h1{ font-size:1.5em; position:relative; font-family:'notokr-bold'; text-align:left; padding-top:20px}
.conter_wrap5 .product5 ul{ margin-top:30px}
.conter_wrap5 .product5 li {width: 49%;  margin: 0em auto;text-align: center;vertical-align: top; font-size: 15px; border:1px solid #d8d5d5; background:#FFF; position:relative; overflow:hidden; margin:0 2px 10px 2px}


.conter_wrap5 .product5 li .tit{ font-size:16px; font-family:'notokr-bold'; line-height:20px; margin-bottom:15px;}
.conter_wrap5 .product5 li .txt{ text-align:left; margin-left:5px; font-size:14px; width:100%; line-height:18px; font-family:'NotoSansKR-Light'; margin-top:8px}

.conter_wrap5 .product5 li:nth-child(3){ margin-left:0}
.conter_wrap5 .product5 li .btn{ width:100%; overflow:hidden;  margin-top:10px;}

.btn_more_list { padding:0 15px 10px 15px; color:#fff; font-size:12px; font-weight:600; height:40px; line-height:40px; background-color:#fff; font-family:notokr-medium; position:absolute; border:1px solid #474646; color:#474646; margin-top:15px; margin-left:0}
.btn_more_list  span {display:inline-block; height:100%; background:#fff; padding-right:0px;}/*바로결제버튼*/


.t5_on{ font-size:13px; padding:8px 10px; background:#dd3240; color:#FFFFFF; position:absolute; top:0; left:0; z-index:99}
.t5_off{ font-size:13px; padding:8px 10px; background:#515050; color:#FFFFFF;position:absolute; top:0; left:0; z-index:99}
	
	/*서브페이지들*/	
#web {display:none;}
#mobile {display:block;}
#mobile li {float:left; line-height:0;}
#mobile li img {width:100%;}


/*강사롤링-모바일*/


.category_swiper{padding:10px 0 10px 0px}
.category_swiper .category_swiper_in{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:mandatory;scroll-snap-type:mandatory;position:relative}
.category_swiper .category_swiper_in .swiper_list{display:inline-block;}
.category_swiper .category_swiper_in .swiper_list a {text-align:center;display:block;white-space:nowrap}
.category_swiper .category_swiper_in .swiper_list a.active {font-weight:bold;color:#109aa3}

.category .shadow {
	width:30px;height:45px;position:absolute;right:0;top:0;z-index:10;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )
	}

.t_tit {font-size:1.5em; margin-left:15px; position:relative; font-family:'notokr-bold'; text-align:left; color:#333;padding-top:20px; width:95%}
.t_more_r1{
	position:absolute;
	top:7px;
	right:10px;
	margin-top:10px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
}

.teacher1{ width:100%;  background:#fff; padding-bottom:20px}
.teacher1 .tit {font-size:1.5em; margin-left:15px; position:relative; font-family:'notokr-bold'; text-align:left; color:#333;padding-top:20px; width:90%}




.teacher1 .tag {width:38px;height:15px;background-color:#fff;/*-moz-border-radius:19px;-webkit-border-radius:5px;border-radius:19px;*/color:#666;border-radius:20px;background:#fff;margin-right:3px; letter-spacing:-0.5px; font-weight:bold; text-align:center;margin:0 2px 0 0;font-size:11px; /*font-size:11px;*/line-height:12px;display:table;position:absolute;left:5px;bottom:20px; padding:2px 5px;}
.teacher1 .tag .inner {display:table-cell;vertical-align:middle}
.teacher1 .name {font-size:0.8rem; /*font-size:12px;*/font-weight:bold;position:absolute;left:5px;bottom:35px}
.teacher1 .explan {font-size:0.65rem; /*font-size:11px;*/line-height:0.7rem;color:#ababab;overflow:hidden;position:absolute;left:5px;bottom:3px;word-break:break-all;white-space:initial;}
.fc_point{ font-size:11px; text-align:center; padding-top:3px}
.tit_line{ border-bottom:1px solid #c3c2c2; font-size:14px; font-weight:600; margin-bottom:3px}
.teacher1 .category_swiper .category_swiper_in{}
.teacher1 .category_swiper .category_swiper_in .swiper_list{position:relative; width:23%; text-align:right; border:0}
.teacher1 .category_swiper .category_swiper_in .swiper_list img{ border:0; width:100% }

.gift{background-color:#f2f2f2; width:100%; padding:30px 0 30px 0}
.gift img{ width:100%}


.img_wbox{background-color:#fff; width:100%; padding:0px 0 30px 0}
.img_wbox img{ width:100%}




/*쌤
.section.teacher {padding: 0; text-align: center;}
.section.face-teacher {padding:0;background-color: #ffd73f;text-align: left;}
.section.face-teacher .cont-wrap {position: relative;width: 800px;}
.section.face-teacher h2 {padding-bottom: 20px;}
.section.face-teacher h3 {}
.section.face-teacher .bg-won {display: block;position: absolute;left: 0;top: -70px;width: 870px;height: 1258px;background: url() 0 0 no-repeat;}
.section.face-teacher .bg-won a {display: block;position: absolute;left: 286px;top: 385px;width: 72px;height: 72px;background: url() 0 0 no-repeat; z-index:1;}

.section.face-teacher .cont {padding: 460px 0 80px;}
.section.face-teacher .cont p {padding-bottom: 35px;line-height: 30px;}
.section.face-teacher .cont p:first-child {padding-top: 0;}
.section.face-teacher .cont > span {display: block;font-size: 40px;}
.section.face-teacher .cont-wrap > a {position: relative;width: 550px;height: 101px;text-align: center;}

.slide-wrapB .swiper-wrapper{white-space: nowrap; font-size: 0;}
.slide-wrapB .swiper-slide_ssam {
  -webkit-flex-shrink: none;
  -ms-flex: none;
  flex-shrink: none;
  position: relative;
  display: inline-block;
  float: none !important;
}

.slide-wrapB .bx-viewport{overflow:visible !important;}

.swiper_teacher{width: 273px;}
.slide-wrapB:hover .bx-controls-direction a{opacity: 100;}
.swiper_teacher .bx-controls-direction{ }
.swiper_teacher .bx-controls-direction a { display:block; width:53px; height:53px; margin: auto; top:10%; bottom: 0; left:50%; text-indent:-9999%; font-size:0; overflow:hidden; z-index:999; opacity: 0; transition-duration: 0.1s; position:absolute}
.swiper_teacher .bx-controls-direction .bx-prev { margin-left:-500px; background:url('/images/main/btn_teacher_prev.png') no-repeat 0 0;}

.swiper_teacher .bx-controls-direction .bx-next { margin-left:500px; background:url('/images/main/btn_teacher_next.png') no-repeat 0 0;}
.swiper_teacher .bx-pager{display: none; }/*display: none;*/




	

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

	.mainVisual .swiper-slide .txtArea .txt2{white-space:normal;}
	.mainVisual .swiper-slide .txtArea .txt3{white-space:normal;}
	.mainVisual.video .txtArea .txt2{margin-top:20px;}
	.mainVisual.video .txtArea .pauseBtn{width:100px; height:100px; background-size:cover;}
	.mainVisual.video .txtArea .pauseBtn.paused{background-size:cover;}

	.mainCon.thr .content .linkArea{margin:0 auto}
	.mainCon.thr .content .linkArea a{width:100%; float:none; margin:5px auto 0}
	.mainCon.thr .content .recruitRollD .swiper-container{height:380px}
	.mainCon.thr .content .recruitRollD .swiper-slide{overflow:hidden}
	.mainCon.thr .content .recruitRollD .swiper-slide .txtArea .tit{padding-right:0; font-size:23px}
	.mainCon.thr .content .recruitRollD .swiper-slide .img{right:0; bottom:0}
	.mainCon.thr .content .recruitRollD .swiper-slide .img img{width:240px}
	.mainPop .popBox .popBody .swiper-button-next{width:30px; height:59px; top:calc(50% - 30px); background-size:cover;}
	.mainPop .popBox .popBody .swiper-button-prev{width:30px; height:59px; top:calc(50% - 30px); background-size:cover;}

	.mainPop .popBox .popBody .swiper-slide .viewDetail{bottom:15px; width:116px; height:35px; line-height:35px; padding:0 25px; font-size:14px;}
	.mainPop .popBox .popBody{padding-bottom:35px;}
	.mainPop .popBox .popBody .swiper-pagination{left:10px; bottom:12px;}
	.mainPop .popBox .popBottom{height:35px; padding:4px 75px 13px 20px;}
	.mainPop .popBox .popBottom .xBt{right:10px; bottom:12px;}
	

	


	
	
}

@media all and (max-width:450px) {
	.mainCon.one .content .listDiv{height:900px; margin-bottom:35px; width:100%; padding:0 5%; position:relative}
	.mainCon.one .content .listDiv .list{float:none; position:absolute; width:246px; height:246px !important; padding:30px; opacity:1}
	.mainCon.one .content .listDiv .list:nth-child(1){top:0; left:5%}
	.mainCon.one .content .listDiv .list:nth-child(2){top:220px; right:0}
	.mainCon.one .content .listDiv .list:nth-child(3){top:450px; left:0}
	.mainCon.one .content .listDiv .list:nth-child(4){top:650px; right:5%}
	.mainCon.thr .content .recruitRollD .swiper-slide .img{width:190px; overflow:hidden}
	.mainCon.thr .content .recruitRollD .swiper-slide .img img{width:210px;}
	.mainCon.thr .content .innovBanner:after{height:175px}
	.mainCon.thr .content .innovBanner .conArea .txtArea .txt2 span{display:block}
}