@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');

/*교육과정안내버튼 common*/
/*인쇄하기 버튼*/
.btn_print{font-size:14px;  background-color:#003e81; color:#ffffff; border: 1px solid #003772; padding:3px 10px;}
.btn_print:hover{background-color:#1158a4; border-color:#003e81; }
/*목록 버튼*/
.btn_list{border-radius:2px; background-color:#777777;   border: 1px solid #666666; color:#ffffff;}
.btn_list:hover{border-color:#333333; background-color:#555555;}


/*검색*/
.curriculum_search_wrap{font-size:0;}
.curriculum_search_wrap div{display:inline-block; vertical-align:top; font-size:16px;}
.curriculum_select{width:140px;} 
.curriculum_select select{width:100%; height:40px; padding:7px 10px; background:url("../images/sub/selest_triangle.png")no-repeat 95% 50%;
		-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #666666; font-size:16px;}
.curriculum_search{margin-left:3px; border:1px solid #666666; border-radius:2px; padding:6px 10px 6px; width:190px; overflow:hidden; height:40px;}
.sub_class_search{border:none; font-size:16px;  width:100%;}
.sub_btn_search{margin-left:3px; font-size:16px; padding:0 10px 0; border-radius:0; color:#ffffff; background-color:#1158a4; border:1px solid #1158a4; height:40px;	font-weight:500;}
.sub_btn_search:hover{background-color:#3b86d6; border:1px solid #3b86d6;}

/*교육과정*/
.curriculum_wrap{font-size:16px;} 
.curriculum_list>p{border:1px solid #bbbbbb; padding:8px 10px; margin-top:35px;}
.curriculum_list>p>span{color:#3b86d6; font-weight:500;}
.curriculum_list>ul{margin-top:20px;}
.curriculum_list>ul>li{text-align:center; font-size:0; padding:30px 0; position:relative;}
.curriculum_list>ul>li:before,.curriculum_list>ul>li:after{content:''; width:1px; height:100%; display:block; background-color:#e9e7e4; position:absolute;
		left:76%; top:0;}
.curriculum_list>ul>li:after{left:88%;}
.curriculum_list>ul>li:first-child{background-color:#666666; padding:10px 0; color:#ffffff; font-weight:500;}
.curriculum_list>ul>li+li{border-bottom:1px solid #e9e7e4;}
.curriculum_list>ul>li>*{display:inline-block; vertical-align:middle; padding:0 5px; font-size:16px;}
.curriculum_num{width:12%;}
.educational_expenditure{width:12%;}
.curriculum_list .curriculum_name{width:76%; font-size:0;} 
.curriculum_list>ul>li:first-child>*{font-size:16px;}
.curriculum_name>*{display:inline-block; vertical-align:middle; width:35%; font-size:16px;}
.curriculum_name>.brief_info{width:65%; text-align:left; padding-left:20px;}
.curriculum_img{position:relative;}
.curriculum_img *{display:block;}
.curriculum_img img{width:100%;}
.video_course_img{border:1px solid #e6e6e6;}
.curriculum_view{position:absolute; left:0; bottom:0; text-align:center; width:100%; background-color:rgba(0,0,0,0.4); color:#ffffff; padding:5px 0;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; font-weight:500;}
.curriculum_img>a:hover .curriculum_view{left:50%; bottom:50%; padding:15px; width:auto; border-radius:15px; background-color:rgba(59,134,214,0.7); 
		margin-left:-52px; margin-bottom:-27px;}
.curriculum_list .brief_info{vertical-align:top;}
.brief_info>div>span{display:inline-block; vertical-align:middle; color:#ffffff; padding:0 8px 1px; font-size:14px; border-radius:2px;}
.brief_info>div>span+span{margin-left:7px;}
.brief_info>div>span:nth-child(1){background-color:#3b86d6;}
.brief_info>div>span:nth-child(2){background-color:#ed2c2d;}
.brief_info>div>span:nth-child(3){background-color:#55c7d4;}
.brief_info>strong{display:block; color:#222222; margin-top:10px; line-height:1.4; font-size:17px; position:relative; padding-left:12px; }
.brief_info>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #3b86d6; position:absolute; left:0; top:8px;}
.brief_info>a{display:block;  padding:0 10px 0; border-radius:2px; border:2px solid #003e81; margin-top:25px; width:150px; font-weight:500;
		color:#003e81; background:url("../images/sub/view_player.png")no-repeat 95% center; }
.brief_info>a:hover{background-color:#003e81;  background-image:url("../images/sub/view_player_on.png"); color:#ffffff;}

/*curriculum_view_wrap 강좌 상세 페이지*/
.curriculum_view_wrap{font-size:16px; position:relative;}
.curriculum_view_wrap .btn_print{position:absolute; right:0; top:200px;}
.curriculum_view_title>*{float:left; width:47.5%;}
.curriculum_view_title>div{margin-left:5%; padding-top:15px;}
.curriculum_view_title>div>*{display:block; font-size:18px; color:#3b86d6; font-weight:500;}
.curriculum_view_title>div>strong{font-size:22px; color:#222222; letter-spacing:-1px; margin-top:5px; line-height:1.4;}
.video_course_img02{border:1px solid #999999; display:block; padding:15px;}
.video_course_img02 img{width:100%;}
.curriculum_info_wrap{margin-top:30px; padding-top:30px; border-top:1px dashed #003e81;}
.curriculum_basic_info table th{padding:7px 5px; border:1px solid #2170a1; background-color:#e7f4fa; color:#003e81;}  
.curriculum_basic_info table td{padding:7px 15px; border:1px solid #2170a1;} 
.curriculum_basic_info table b{color:#ed2c2d;}
.curriculum_detail_info{margin-top:30px; padding-top:20px; border-top:1px dashed #bbbbbb;}
.curriculum_detail_info ul{padding-bottom:20px; border-bottom:1px dotted #dddddd;}
.curriculum_detail_info em{display:block; font-weight:500; color:#1158a4; position:relative; padding-left:15px;  font-size:18px;}
.curriculum_detail_info em:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;}
.curriculum_detail_info li+li{margin-top:20px; padding-top:15px; border-top:1px dotted #dddddd;}
.curriculum_detail_info li p{margin-left:10px; margin-top:5px;}
.curriculum_detail_info table{font-size:15px; margin-top:10px;}
.curriculum_detail_info table th{padding:7px 3px; border:1px solid #dddddd; background-color:#f5f5f5; color:#333333; text-align:center;}   
.curriculum_detail_info table td{padding:7px 15px; border:1px solid #dddddd; }
.curriculum_detail_info table td.curriculum_num02{background-color:#f5f5f5; text-align:center; color:#333333; padding:7px 3px; }
.curriculum_detail_info table.valuation_criteria td{text-align:center; padding:7px 3px; }

/*강좌 상세 페이지 출력*/
.curriculum_print_wrap{max-width:960px; margin:0 auto;}
.btn_curriculum_wrap button{ width:100%; padding:10px 20px; background-color:#1158a4; color:#ffffff; font-size:19px; text-align:center;}
.curriculum_view_wrap.curriculum_view_print_wrap{padding:30px;}








/*1500이하 */
@media screen and (max-width:1500px){


}/*1500이하 끝*/



/*1200이하 */
@media screen and (max-width:1200px){




}/*1200이하 끝*/



/*1024이하 */
@media screen and (max-width:1024px){





}/*1024이하 끝*/



/*768이하 */
@media screen and (max-width:768px){


/*교육과정*/
.curriculum_list>ul>li{padding:30px 0 75px;}
.curriculum_list>ul>li:before,.curriculum_list>ul>li:after{display:none;}
.curriculum_list>ul>li:first-child{padding:8px 0; }
.curriculum_list>ul>li:first-child>div{width:auto; padding:0 10px; position:relative; display:inline-block;}
.curriculum_list>ul>li:first-child>div+div:before{content:''; width:1px; height:12px; display:block; background-color:#eeeeee; position:absolute; left:0; top:7px;}
.curriculum_list>ul>li>*{display:block; width:100%; padding:0;}
.curriculum_list .curriculum_name{width:100%;}
.curriculum_name>*{display:block; width:100%;}
.curriculum_name>.brief_info{width:100%; padding-left:0; margin-top:25px;}
.brief_info>strong{margin:15px 0;}
.brief_info>a{position:absolute; left:50%; bottom:30px; margin-top:0; margin-left:-75px;}
.curriculum_list .curriculum_num{text-align:left; padding-left:50px; position:relative;}
.curriculum_list .curriculum_num:before{content:'- 차시 : '; position:absolute; left:0; top:0; display:inline-block;}
.curriculum_list .educational_expenditure{text-align:left; padding-left:65px; position:relative;}
.curriculum_list .educational_expenditure:before{content:'- 교육비 : '; position:absolute; left:0; top:0; display:inline-block;}

/*curriculum_view_wrap 강좌 상세 페이지*/
.curriculum_view_wrap{padding-top:60px;}
.curriculum_view_wrap .btn_print{top:15px;}
.curriculum_view_title>*{float:none; width:100%;}
.curriculum_view_title>div{margin-left:0; padding-top:15px;}
.curriculum_view_title>div>strong{margin-top:0;}




}/*768이하 끝*/




/*420이하 */
@media screen and (max-width:420px){

/*검색*/
.curriculum_search_wrap div{font-size:15px;}
.curriculum_select{width:28%;} 
.curriculum_select select{padding:7px 5px; font-size:15px; height:38px; }
.curriculum_search{margin-left:1%; width:52%; height:38px;  padding:6px 5px 6px;}
.sub_class_search{font-size:15px;} 
.sub_btn_search{margin-left:1%; width:18%; padding:0 5px; font-size:15px; height:38px; }

/*curriculum_view_wrap 강좌 상세 페이지*/
.curriculum_view_title>div>*{font-size:17px;}
.curriculum_view_title>div>strong{font-size:20px;}
.curriculum_info_wrap{margin-top:20px;  padding-top:20px;}
.curriculum_basic_info table td{padding:7px 10px;}
.curriculum_detail_info{margin-top:20px; padding-top:15px;}
.curriculum_detail_info em{font-size:17px;}
.curriculum_detail_info li p{margin-left:0; margin-top:2px;}
.curriculum_detail_info li+li{margin-top:15px; padding-top:10px;}
.curriculum_detail_info table{font-size:14px; margin-top:7px}


}/*420이하 끝*/