.main_title{padding:120px 0 20px;font-size:40px;text-align:center}
	.main_height{height:50px}
	.main_dotted{border-top:2px dotted rgba(100,100,100,0.5)}
	.main_box{padding:100px 0 0}
	.magin_box_title{padding:20px;font-size:40px;text-align:center;color:#777}
	.lh_sw{height:20px}
	.btn_black_a6{background-color:rgba(0, 0, 0, .6);border-color:rgba(0, 0, 0, .7); color:#FFFFFF}

	/*메인 광고 스와이퍼*/
	.swiper_box{position: relative;height: 500px ;overflow:hidden;padding: 0;} /*height:100% no*/
	.swiper {width: 100%;height: 100% }
	.swiper-slide {text-align: center;font-size: 18px;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 img {display: block;width: 100%;height: 100%;object-fit: cover;}
	
	.swiper-slide div>.ment{position:absolute;padding-left:18%;font-size:30px;color:#FFF;font-weight:bold;text-align:left;text-shadow:1px 1px 1px #000;z-index:2000;left: 50%; transform:translateX(-50%);width:1200px;}
	.swiper-slide div>.ment .ment-top{padding-top:0px}
	.swiper-slide div>.ment span{font-size:20px;font-weight:400;}
	
	.swiper_box_s{position: relative;height:140px;overflow:hidden;padding: 0;} /*height:100% no*/
	.swiper-slide div>.ment_s{position:absolute;padding-left:5%;font-size:16px;color:#000;font-weight:400;text-align:left;z-index:2000;width:1200px;}
	.swiper-slide div>.ment_s span{font-size:26px;font-weight:900;color:#333;}
	.swiper-slide div .main_benner_img{height:110px;text-align:right;margin-top:0;margin-right:100px;}
	
	.swiper_box .swiper-slide .btn_box_ssss{font-size:24px}
	.slide_video{position:relative;width: 100%;height: 100%;object-fit:cover;z-index:-1;object-position: 50% 150%}
	.s_btn_n, .s_btn_p{padding:10px;background:rgba(255,255,255,0.8);-moz-border-radius:30px;border-radius:30px;-webkit-border-radius: 30px; width:45px;box-shadow:1px 1px 1px #000;transform: scale(0.7);}
	.s_btn_n:hover, .s_btn_p:hover{background:#FFF}
	.swiper-pagination-bullet {width: 16px;height: 16px;text-align: center;line-height: 16px;font-size: 9px;color: #000;opacity: 1;background: rgba(255, 255, 255, 0.5);border:1px solid rgba(0, 0, 0, 0.1);transition: all 0.3s ease-out 0s;}
	.swiper-pagination-bullet-active {width: 65px;height:16px;color: #fff;background: #007aff;;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;transform:scale(1,0.7)}
	.swiper .main_btn_prev, .swiper .main_btn_next{width:40px;height:25px;padding:10px 0;background:rgba(255,255,255,0.8);-moz-border-radius:30px;border-radius:30px;-webkit-border-radius: 30px; width:45px;box-shadow:1px 1px 1px #000;transform: scale(1);}
	
	.swiper-progress-bar { position: relative;width: 40%;margin:0 auto;display: block;z-index: 1;height: 2px;display:block}
	.swiper-progress-bar .slide_progress-bar {position: absolute;height: 3px;background: rgba(255, 255, 255, 0.3);width: auto;clear: both;opacity: 0;bottom: 45px;left: 0;right: 0;}
	.swiper-progress-bar .slide_progress-bar:after { position: absolute;top: 0;left: 0;background: rgba(0, 122, 255, 0.5);height: 100%;width: 0;content: "";transition: 0.1s width linear;}
	.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
	.swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;  transition-delay: unset;  width: 100%;  transition-duration: 5.8s;opacity:0.8;}
	
	
	/*메인 동영상*/
	.mov_box_title{font-size:24px;font-weight:900}
	.mov_box_subtitle{font-size:16px;}
	.mov_box{height:193px;border:1px solid rgba(140,140,140,0.4);padding:0;box-sizing:border-box;background:rgba(244,250,255,0.8);}
	.mov_box .mov_t_pic{float:left;width:24%;height:193px;font-size:14px;background:rgba(244,250,255,0.2);color:#FFF;}
	.mov_box .mov_t_pic{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;overflow:hidden}
	.mov_box .mov_t_pic img{object-fit: cover;width:100%}
	.mov_box .mov_t_ment{display:block}
	.service_ctg{padding:20px 0;font-size:24px;font-weight:bold;}
	.service_ment{display:block;font-size:13px}
	.mov_box .mov_t_pic .link_go{padding:20px 0;font-weight:bold;cursor:pointer}
	.mov_box .mov_t_pic .link_go:hover{color:#2FE6FF}
	.mov_box .mov_no{display:inline-block}
	.mov_sw{float:left;width:76%;padding-right:0%;padding-left:0%;font-size:14px;}
	.h_sw{height:200px}
	
	.mov_sw .swiper-slide .mov_sw_ment{position:absolute;margin-top:55%;padding:5% 0;height:25%;color:#FFF;width:100%;background:rgba(0,0,0,0.6);opacity:0;;z-index:200;transition:all 0.3s ease-in-out;} 
	.mov_sw .swiper-slide:hover .mov_sw_ment{margin-top:55%;opacity:0.8;z-index:200}
	.mov_sw .swiper-slide img{}
	.mov_sw .swiper-slide:hover img{}
	.mov_sw .swiper-slide{overflow:hidden;}
	
	.mov_sw>div{padding:5px 0;font-size:20px;font-weight:700;}
	.mov_sw>div>span{display:inline-block;width:80px;color:#4772CB;font-weight:400;}
	.mov_box{transition: all 0.1s ease-out 0s}
  .mov_box:hover{box-shadow: 1px 1px 5px #999; }
	
	/*메인강좌*/
	.mov_sl_box{height:200px}
	.mov_sl_box .mov_sl_ment{font-size:15px}

	
	/*기타강좌*/
	.with_box{background:#FFF;height:280px;padding:0;}
	.with_sw{float:left;width:100%;padding-right:0%;padding-left:0%;font-size:14px;}
	.with_sw .swiper-slide .pic_with{padding:0 3%}
	.with_sw .swiper-slide .pic_with div {font-size:14px;}
	.h_with{height:250px}
	
	/*강사소개*/
	.teacher_box{background:#FFF;height:280px;padding:0;}
	.teacher_sw{float:left;width:100%;padding-right:0%;padding-left:0%;font-size:14px;}
	.teacher_sw .swiper-slide .pic_div	{text-align:center;transform: scale(0.9);width:90%;font-size:24px;color:#333;cursor:pointer}
	.teacher_sw .swiper-slide .pic_div:hover{color:#1B43A9}
	.teacher_sw .swiper-slide .pic_div img{transform: scale(0.9);-moz-border-radius:150px;border-radius:150px;-webkit-border-radius: 150px;border:1px solid #ccc;transition:all 0.2s ease-in-out;height:210px}
	.teacher_sw .swiper-slide .pic_div:hover img{transform:scale(1.02);border:1px solid #bbb;}
	.teacher_sw .swiper-slide .pic_div .pic_ment{font-size:18px;height;60px;}
	
	/*게시판*/
	.board_box
	.board{float:left;width:48.5%;padding-left:3%;border-left:1px solid  rgba(140,140,140,0.4);box-sizing:border-box;font-size:14px;}
	.board:first-child{padding-left:0;border-left:0;}
	.board .ctg{padding:10px 0;font-size:16px;font-weight:bold}
	.board .title{padding:7px 0;font-size:14px;}
	.board .content_ment{cursor:pointer;}
	.board .content_ment:hover{color:#59A4FF}

	.ellipsis_1 {	display: inline-block; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.ellipsis_3 {	display: inline-block; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.5; height: 3.0em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.ellipsis_3.main_f16{font-size:16px}
	.ellipsis_f16 {	display: inline-block; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 4.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	
	/*메인 아이콘*/				
	.btn-section {display: flex;padding: 20px;}
	.btn-section .btn_div {position: relative;width: 20%;height: 120px;margin: 0 10px;cursor: pointer;}
	.btn-section .btn_div div{text-align:center	;padding: 10px 20px;font-size:16px;font-weight:800}

	.btn-section button {	position: relative;width: 100%;height: 100%;border-radius: 10px;border:1px solid #eee;outline: none;overflow: hidden;transition: 400ms;cursor: pointer;animation: zoom 500ms ease;}
	.btn-section button i {position: absolute;transition: 400ms;}
	.btn-section button i img{width:70%}
		
	.btn-section .btn-01 {background-color: #f8f8f8;}
	.btn-section .btn-02 {background-color: #f8f8f8;}
	.btn-section .btn-03 {background-color: #f8f8f8;}
	.btn-section .btn-04 {background-color: #f8f8f8;}
	.btn-section .btn-05 {background-color: #f8f8f8;}
	.btn-section .first-logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;}
	.btn-section .second-logo {position: absolute;top: calc(50% + 30px);left: 50%;transform: translate(-50%, -50%);opacity: 0;}

	.btn-section .btn_div:hover div{color:#1E68F2;}
	.btn-section .btn_div:hover button .first-logo {position: absolute;top: -30px;opacity: 0;}
	.btn-section .btn_div:hover button .second-logo {top: 50%;opacity: 1;}
	.btn-section .btn_div:hover button{box-shadow:1px 1px 7px #999;}
	.btn-section .btn_div:active button {background-color: #ffffff;}
	/*메인 아이콘*/
 .youtubeIcon{display :block}	
/* 피시버전 가로 1200, 세로 470 */
@media all and (max-width: 1200px) { 
	.main_title{padding:100px 0 20px;font-size:30px;}
	.main_height{height:30px}
	.main_dotted{border-top:1px dotted rgba(100,100,100,0.5)}
	
	.mov_sl_box{height:200px}
	.mov_sl_box .mov_sl_ment{font-size:15px}
	
	
	.main_box{padding:100px 0 0}
	.board_box{width:96%;padding:0 2%}
	.board .title{padding:7px 0;font-size:13px;}
	.ellipsis_3.main_f16{font-size:14px}
	.lh_sw{height:20px}
	
	.swiper-slide div>.ment{padding-left:13%;width:95%;font-size:1.5em}
	.swiper-slide div>.ment .ment-top{padding-top:70px}
	
	.mov_box .mov_t_pic{float:left;width:30%;height:190px;}
	.mov_sw{float:left;width:68%;padding-right:0%;padding-left:0%;font-size:14px;}
	
	.box_pic .main_thumnail_box{height:180px;}
	.btn-section {display: flex;padding: 20px;}
	.btn-section .btn_div {position: relative;width: 200px;height: 130px;margin: 0 10px;cursor: pointer;}
	.youtubeIcon{display :block}
}

/* 피시버전 가로 800px,  */
@media all and (max-width: 800px) { 
	.main_title{padding:60px 0 10px;font-size:20px;}
	.main_height{height:10px}
	
	.main_box{padding:80px 0 0}
	.magin_box_title{padding:15px;font-size:30px;}
	.board .title{padding:7px 0;font-size:13px;}
	.ellipsis_3.main_f16{font-size:12px}
	.lh_sw{height:15px}
	
	.swiper_box{position: relative;height: 500px ;overflow:hidden;padding: 0;} /*height:100% no*/
	.swiper_box_s{position: relative;height:110px;overflow:hidden;padding: 0;} 
	.swiper-slide div>.ment{padding-left:5%;left: 50%; transform:translateX(-50%);width:95%;font-size:1.5em}
	.swiper-slide div>.ment span{font-size:20px;font-weight:400;}
	.swiper-slide div>.ment .ment-top{padding-top:0px}
	.swiper-slide div>.ment_s{padding-left:5%;font-size:14px;width:95%;}
	.swiper-slide div>.ment_s span{font-size:18px;}
	.swiper-slide div .main_benner_img{height:90px;margin-top:0;margin-right:2%}
	.swiper-pagination-bullet {width: 8px;height: 8px;}
	.swiper-pagination-bullet-active {width: 30px;height:8px;background: #007aff;;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;transform:scale(1,0.7)}
	.swiper .main_btn_prev, .swiper .main_btn_next{width:35px;padding:5px 0;background:rgba(255,255,255,0.2);box-shadow:0px 0px 0px;transform: scale(0.7);}
	.s_btn_n, .s_btn_p{padding:10px;background:rgba(255,255,255,0.8);-moz-border-radius:50px;border-radius:50px;-webkit-border-radius: 50px; width:45px;box-shadow:1px 1px 1px #000;transform: scale(0.65);}
	.swiper-progress-bar {display:none}
	
	.mov_box_title{font-size:16px;font-weight:900}
	.mov_box_subtitle{font-size:14px;}
	.mov_box{height:140px;}
	.mov_box .mov_t_pic{float:left;width:25%;height:100%}
	.mov_sw{float:left;width:75%;padding-right:0%;padding-left:0%;font-size:14px;}
	.mov_box .mov_no{display:inline-block}

	.service_ctg{padding:8px 0;font-size:16px;}
	.service_ment{display:block;font-size:10px}
	
	.mov_sl_box{height:120px}
	.mov_sl_box .mov_sl_ment{font-size:12px}
	
	.h_sw{height:140px}
	.with_box{height:180px;}
	.with_sw .swiper-slide .pic_with div {font-size:13px;}
	.h_with{height:180px}
	
	.teacher_box{height:180px;}
	.teacher_sw .swiper-slide .pic_div img{height:170px}
	.teacher_sw .swiper-slide .pic_div{font-size:16px;}
	.teacher_sw .swiper-slide .pic_div .pic_ment{font-size:16px;}
	.main_banner_mark{display:none;}
	.box_pic .box_pic_title{font-size:20px;}
	.box_pic .main_thumnail_box{height:160px;}
	
	
	.btn-section .btn_div div{text-align:center	;padding: 10px 10px;font-size:14px;font-weight:600}
	.btn-section button {position: relative;width: 100px;height: 80px;}
	.youtubeIcon{display :none}
}

/* 피시버전 가로 600px, 세로 470 */
@media all and (max-width: 600px) { 
	.main_title{padding:40px 0 10px;font-size:20px;}
	.main_height{height:5px}
	.slide_video{position:relative;height:100%;margin-top:10%;object-fit:cover;z-index:-1;object-position: 50% 100%;} /*margin-top:10% 높이조절*/
	
	.main_box{padding:40px 0 0}
	.lh_sw{height:15px}
	.magin_box_title{padding:10px;font-size:24px;}
	.swiper_box{position: relative;height: 400px ;overflow:hidden;padding: 0;} /*height:100% no*/
	.swiper_box_s{position: relative;height:100px;overflow:hidden;padding: 0;} 
	.swiper-slide div>.ment{padding-top:20%;font-size:16px;font-weight:400;} /*padding-top:10% 높이조절*/
	.swiper_box .swiper-slide .btn_box_ssss{font-size:15px}
	.swiper-slide div>.ment_s{padding-left:5%;font-size:12px;width:95%;}
	.swiper-slide div>.ment_s span{font-size:14px;}
	.swiper-slide div .main_benner_img{height:60px;margin-top:10px;margin-right:1%}
	
	.mov_box_title{font-size:16px;font-weight:700}
	.mov_box_subtitle{font-size:12px;}
	.mov_box{background:#FFF;height:115px;border:1px solid #ddd;padding:0;box-sizing:border-box}
	.mov_box .mov_t_pic{float:left;width:45%;height:115px}
	.mov_box .mov_t_ment{display:none}
	.mov_box .mov_no{display:none}
	.service_ctg{padding:20px 0 10px;font-size:16px;}
	.service_ment{display:block;font-size:10px}
	.mov_sw{float:left;width:53%;padding-right:0%;padding-left:0%;font-size:12px;}
	.h_sw{height:140px}
	.with_box{height:180px;}
	.with_sw .swiper-slide .pic_with div {font-size:12px;}
	
	.h_with{height:180px}
	
	.teacher_box{height:180px;}
	.teacher_sw .swiper-slide .pic_div{font-size:16px;}
	.teacher_sw .swiper-slide .pic_div .pic_ment{font-size:14px;}
	.teacher_sw .swiper-slide .pic_div img{height:170px}
	
	.main_banner_mark{display:none;}
	.box_pic .box_pic_title{font-size:18px;}
	.box_pic .box_pic_ment{font-size:16px}
	.box_pic .box_pic_date{font-size:14px}
	.box_pic .main_thumnail_box{height:150px;}
	
	.btn-section {display: relative;padding: 5px 2%;width:95%;overflow-x: auto; overflow-y:hidden}
	.btn-section .btn_div {position: relative;width: 100px;height: 100px;margin:0 8px;cursor: pointer;}
	.btn-section .btn_div div{text-align:center	;padding: 10px 0px;font-size:13px;font-weight:600}
	.btn-section button {position: relative;width: 75px;height: 60px;}
	.btn-section button img{width:110%}
	
	.board .title{padding:4px 0;font-size:12px;}
}

@media all and (max-width: 350px) { /* 피시버전 가로 1400, 세로 470 */
	.main_box{padding:40px 0 0}
	.lh_sw{height:15px}
	.swiper_box{position: relative;height: 400px ;overflow:hidden;padding: 0;} /*height:100% no*/
	.swiper-slide div>.ment span{font-size:16px;font-weight:400;}
	.mov_box{background:#FFF;height:140px;border:1px solid #ddd;padding:0;box-sizing:border-box}
	.swiper_box .swiper-slide .btn_box_ssss{font-size:15px}
	
	.mov_box_title{font-size:15px;font-weight:700}
	.mov_box_subtitle{font-size:12px;}
	.mov_box {height:110px;}
	.mov_box .mov_t_pic{float:left;width:50%;height:100%}
	.mov_box .mov_no{display:none}
	.service_ment{display:block;font-size:9px}
	.mov_sw{float:left;width:44%;padding-right:0%;padding-left:0%;font-size:14px;}
	.h_sw{height:140px}
	
	.with_box{height:180px;}
	
	.teacher_box{height:180px;}
	.teacher_sw .swiper-slide .pic_div{font-size:16px;}
	.teacher_sw .swiper-slide .pic_div .pic_ment{font-size:14px;}
	.teacher_sw .swiper-slide .pic_div img{height:170px}
	
	.h_with{height:180px}
	.main_banner_mark{display:none;}
	.box_pic .box_pic_title{font-size:16px;}
	.box_pic .box_pic_ment{font-size:12px}
	.box_pic .box_pic_date{font-size:12px}
	.box_pic .main_thumnail_box{height:140px;}
	
	.btn-section {display: relative;padding: 5px 2%;width:95%;overflow-x: auto; overflow-y:hidden}
	.btn-section .btn_div {position: relative;width: 100px;height: 80px;margin: 0 10px;cursor: pointer;}
	.btn-section button {	position: relative;width: 100px;height: 80px;}
	
	.board .title{padding:3px 0;font-size:11px;}
	.ellipsis_1 {	display: inline-block; width: 100%; font-size:11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}