@charset "utf-8";

/* 반응형 js 관련 */
#media-width {max-width:980px;}

/* 컨텐츠 상단배너 위치 */
.study_zone .imgarea  {position:absolute;bottom:-20px;right:70px;text-align:left;}
.edu_info {width:100%; min-height: 630px; border-top: 1px solid #dadada; margin-top:20px; padding-top:30px;}
.edu_info h3 {font-size: 26px; color:#222; font-weight: 600; line-height: 1;}
.edu_info h4 {font-size:20px; color:#444; font-weight: 600; line-height: 35px; margin:25px auto 10px;}
.edu_info .edu_txt {margin-top:14px;}	
.edu_info .edu_txt:before {content:''; display: inline-block;width: 6px; height: 6px; background: #909090;}
.edu_info .edu_txt p {line-height: 1.5; font-size: 18px; color:#666; font-weight: 100; letter-spacing: -0.5px; word-spacing: 1.5px; padding-left:15px; margin-top:-20px;}
.edu_info .edu_txt p span {color: #00929c; font-weight: 400;}
.edu_info .edu_txt p span a {color:#00929c;}	
.edu_info .edu_txt p span.edu_txt_box {font-size:14px; font-weight: bold;}
.edu_info .edu_txt p strong {padding:7px 15px; background:#f4f4f4; margin-top:10px; display: inline-block;}
.edu_info .edu_txt .edu_detail { margin-top:20px; padding-left:20px;}
.edu_info .edu_txt .edu_detail h5 {font-size:18px;color:#7a48b2;padding:10px 0; font-weight: 400;}	
.edu_info .edu_txt .edu_detail p {padding-left:0;}
.edu_info .edu_txt .edu_detail table {width:100%;text-align:center;border-top:1px solid #7a48b2;margin:20px auto 30px;}
.edu_info .edu_txt .edu_detail table tr {border-bottom:1px solid #dadada;}
.edu_info .edu_txt .edu_detail table tr th {font-size: 18px; font-weight: 100; line-height: 2.3; background: #f2edf6;}
.edu_info .edu_txt .edu_detail table tr td {font-size:18px;font-weight:100;line-height:2.3;}
.edu_info .edu_txt .edu_detail table .txt_co {background:#f2edf6; color:#7a48b2; font-weight:bold;}
.edu_info .edu_txt .edu_detail table tr .bor_left {border-left:1px solid #dadada;}
.edu_info .edu_txt .edu_detail table tr .bold_f {font-weight: bold;}

/* e-스쿨 사업안내 */
.content_introduce{position:relative; width:100%;}
.content_introduce h3{display:inline-block;font-size: 28px;font-weight: bold;color:#333;position: relative;}
.content_introduce h3:after {position:absolute;bottom:1px;left:0;z-index:-1;content:'';display:inline-block;width:100%;height:18px;background:#dff0ff;}
.content_introduce p{font-size: 18px;color:#333;margin-top: 30px;line-height: 30px;}
.content_introduce p u{text-decoration: none; color:#1D97E4}
.content_introduce p.point{font-size:18px;}

/* 멘토링 질문방 */
.mentoqna_wrap{}
.mentoqna_wrap .list{}

/*01. 학습인정평가*/
.ac_certi {margin-top:30px;}
.ac_certi ul {overflow:hidden;}
.ac_certi ul li {float: left; width: 210px; margin:0 23px; position: relative;}
.ac_certi ul li:after {content: ''; position: absolute; width:20px; height: 30px; top:95px; left:222px; background:url('../../images/educerti/sub/ac_arrow.png')no-repeat center;}
.ac_certi ul li:nth-child(1){margin-left: 0;}
.ac_certi ul li:nth-child(5){margin-right: 0;}
.ac_certi ul li:nth-child(5):after{display: none;}
.ac_certi ul li .ac_circle {width:180px; height:180px; color:#fff; text-align: center; border-radius: 180px; font-size: 20px; box-sizing: border-box; padding:65px 0; margin:15px auto;}
.ac_certi ul li:nth-child(1) .ac_circle {background: #cb76da;}
.ac_certi ul li:nth-child(2) .ac_circle {background: #b552c6;}
.ac_certi ul li:nth-child(3) .ac_circle {background: #9832b5; padding:0; line-height: 180px;}
.ac_certi ul li:nth-child(4) .ac_circle {background: #861aae;}
.ac_certi ul li:nth-child(5) .ac_circle {background: #711fa6;}
.ac_certi ul li .ac_circle p {font-size: 20px; font-weight: 400;}
.ac_certi ul li p {font-weight: 100; font-size: 18px; text-align: center;}
.ac_certi ul li p.ac_co {color:#711fa6;}
.ac_certi ul li p span {font-size: 14px;}

.title_lect_detail {min-height:50px;position:relative;}
.title_lect_detail h2 {line-height:1.4em;}
.title_lect_detail h2 strong{font-size:28px;color:#222;}
.title_lect_detail h2 .cate{margin:0 0 0 15px;font-weight:500;font-size:18px;color:#777;}
.title_lect_detail .mob_detail_top{display:none;}
.title_lect_detail .ico_type04{display:none;margin-left:3px;}
.title_lect_detail .share{position:absolute;top:5px;right:0;overflow:hidden;}
.title_lect_detail .share a{float:left;display:inline;margin:0 0 0 6px;}
.title_lect_detail .sns_share_new{position:absolute;top:0;right:0;}
.title_lect_detail .sns_share_new .btn_wrap{top:31px;}
.title_lect_detail .sns_share_new .wrap{top:0;}

.lect_top{padding:0 0 75px;*zoom:1;}
.lect_top:after{content:"";display:block;clear:both;}
.lect_top .main_area{float:left;width:578px;}
.lect_top .play_area{width:576px;height:324px;background:#c9c9c9;position:relative; border:1px solid #dfdfdf;}
.lect_top .img_link{display:block;height:324px;position:relative;}
.lect_top .img_link .thumb{width:576px;height:324px;vertical-align:top;}
.lect_top .img_link .play{display:block;margin:-43px 0 0 -43px;position:absolute;top:50%;left:50%;}

.lect_top .info_area{float:right;width:595px; padding-top:15px; position: relative; height: 310px;}

.lect_top .info_table{position:relative;width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.lect_top .info_table th{width:77px; font-size:18px;color:#222;height:51px;text-align:left;border-top:1px solid #e8e8e8;font-weight:400;padding-left:25px;}
.lect_top .info_table th:first-child{padding-left:2px;}
.lect_top .info_table th span{position:relative;}
.lect_top .info_table th span:after{display:block;content:"";clear:both;width:1px;height:13px;background:#ddd;position:absolute;top:50%;margin-top:-6px;left:-10px;}
.lect_top .info_table th:first-child span:after{display:none;}
.lect_top .info_table td {height:51px;font-size:18px;border-top:1px solid #e8e8e8; color:#666;}
.lect_top .info_table.noMapping th {height:51px;}
.lect_top .info_table.noMapping td {height:51px;}
.lect_top .info_table tr:first-child th,
.lect_top .info_table tr:first-child td{border:0 none;}
.lect_top .info_table td .nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.lect_top .info_area .action{margin:46px 0 0;position: absolute; width: 100%; bottom:0;}
.lect_top .info_area .action .main {overflow:hidden;}
.lect_top .info_table.noMapping + .action{margin-top:16px;}

.lect_top .info_area .action .sub{margin:10px 0 0;overflow:hidden;}
.lect_top .info_area .action .sub a{float:right;display:inline-block;height:57px;line-height:57px;color:#fff;text-align:center;text-decoration:none;background:#fb6e38;width:49%;border-radius:2px;font-size:18px;font-weight:500;}
.lect_top .info_area .action .sub a:first-child{float:left;background:#44c7f3;width:49%;}
.lect_top .info_area .action .sub_one{margin:10px 0 0;overflow:hidden;}
.lect_top .info_area .action .sub_one a{float:right;display:inline-block; width:100%; height:57px;line-height:57px;color:#fff;text-align:center;text-decoration:none;border-radius:2px;font-size:18px;font-weight:500;}
.lect_top .info_area .action .sub_one a.btn_lect_action_6 {background:#44c7f3;}
.lect_top .info_area .action .sub_one a.btn_lect_action_7 {background:#fb6e38;}
.lect_top .info_area .btn01 a {float:right; display:inline-block;width:49%;height:57px;line-height:57px;text-align:center;text-decoration:none;border-radius:2px;font-weight:500;background:#f9f9f9;font-size:18px;border:1px solid #d8d8d8;box-sizing:border-box}
.lect_top .info_area .btn01 a:first-child {float:left;}
.lect_top .info_area .btn01 .btn_lect_action_1{background:#2fa3aa;color:#fff;border:0;}
.lect_top .info_area .btn01 .btn_lect_action_5{background:#fe7c49;color:#fff;border:0;}
.lect_top .select_top,
.lect_top .btn_lect_area{display:none;}
.lect_top .btn_lect_area_one{display:none;}

.lect_tab_wrap {width:100%; overflow:hidden; margin-bottom:40px;}
.lect_tab_wrap li {float:left; width:50%; height:50px; line-height:50px; border:1px solid #cfcfd5; text-align:center; box-sizing:border-box;}
.lect_tab_wrap li:first-child {border-right:0;}
.lect_tab_wrap li a {display:block; width:100%; height:100%; font-size:16px; color:#666;}
.lect_tab_wrap li a.on {background:#69748a; color:#fff;}

.lect_border_wrap {width:100%;}
.lect_border_wrap table {width:100%; border-top:2px solid #474646; table-layout: fixed; }
.lect_border_wrap table thead th {text-align:center; font-size:17px; color:#000; background:#f5f5f5; padding:10px 5px; border-bottom:1px solid #dadada;}
.lect_border_wrap table thead th .mo_view {display:none;}
.lect_border_wrap table tbody td {text-align:center; font-size:16px; color:#333; font-weight:300; padding:10px 10px; border-bottom:1px solid #dadada;}
.lect_border_wrap table tbody td.td_tit {text-align:left; padding:10px 20px; color:#333; font-weight:400;}
.lect_border_wrap table tbody td.td_tit a {color:#333; font-weight:400;}
.lect_border_wrap table tbody td.left {text-align:left;}
.lect_border_wrap table tbody td a {font-size:16px; color:#333;}
.lect_border_wrap table tbody td .titOne {width:100%; overflow: hidden; display: inline-block; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;text-align: left;}
.lect_border_wrap table tbody td .ico_play {display:block; width:35px; height:34px; line-height:34px; text-align:center; border:1px solid #34a5ac; border-radius:50%; background:#fff; margin:0 auto; box-sizing:border-box;}
.lect_border_wrap table tbody td .ico_play span {display:inline-block; font-size:0; width:19px; height:17px; background:url('../../images/educerti/sub/icon_tv.png') no-repeat -41px 0; vertical-align: top; margin-top:7px;}	
.lect_border_wrap table tbody td .ico_play.on {background:#2fa3aa;}
.lect_border_wrap table tbody td .ico_play.on span {background:url('../../images/educerti/sub/icon_tv.png') no-repeat 0 0;}
.lect_border_wrap table tbody td .block {display:block;}

.lecture_info_new {width:100%;}
.lecture_info_new .lecture_st01 {font-size:18px; line-height:1.4em; margin-bottom:60px; padding:0 15px; box-sizing:border-box;}
.lecture_info_new .lecture_total {width:100%; overflow:hidden; margin-top:35px;}	
.lecture_info_new .lecture_total .total_teacherlist_wrap {float:left; width:50%; padding-left:15px; box-sizing:border-box;}
.lecture_info_new .lecture_total .lecture_stbook_wrap {float:right; width:50%; padding:0 15px 0 40px; box-sizing:border-box;}
.total_teacherlist {width:100%;}
.total_teacherlist li {overflow:hidden; position:relative; padding:0 0 35px 0;}
.total_teacherlist li .teacher_img {display:block; float:left; width:288px; height:162px;}
.total_teacherlist li .teacher_img > img {width:100%; height:100%;}
.total_teacherlist li .teacher_history {display:block; float:right; width:285px;}
.total_teacherlist li .teacher_history strong {display:block; padding:0 0 0 10px; margin-bottom:10px; font-size:20px; font-weight:bold; color:#333;}
.total_teacherlist li .teacher_history span {display:block; position:relative; padding:0 0 0 10px; margin-top:5px; font-size:15px;}
.total_teacherlist li .teacher_history span:after {display:block; content:''; position:absolute; top:11px; left:0; width:5px; height:1px; background:#434343;}
.total_teacherlist li .teacher_history span:first-child {margin-top:0;}
.lecture_stbook {width:100%; overflow:hidden; position:relative;}
.lecture_stbook .textbook {float:left; display:block; width:131px; height:163px;}
.lecture_stbook .textbook > img {width:100%; height:100%;}
.lecture_stbook .txt_inforbox {float:right; width:395px;}
.lecture_stbook .txt_inforbox .tit {display:block; margin-bottom:10px; font-size:20px; font-weight:bold; color:#333;}
.lecture_stbook .txt_inforbox .ul_st{overflow:hidden;width:100%;}
.lecture_stbook .txt_inforbox .ul_st li{min-width:290px; margin-top:5px; font-size:15px; color:#666;}	
.lecture_stbook .txt_inforbox .ul_st li:first-child {margin-top:0;}
.lecture_stbook .txt_inforbox .ul_st li span{font-size:15px;color:#222;font-weight:500;}
.lecture_stbook .txt_inforbox .ul_st li span.txt_left{display:inline-block;width:65px;}
.lecture_stbook .txt_inforbox .ul_st li span.txt_right{display:inline-block;width:65px;}
.lecture_stbook .txt_inforbox .ul_st li strong {color:#ff0000;}	
.lecture_stbook .txt_inforbox .ul_st li .price{color:#fb6e37;font-weight:700;}

/* // 03.배움터 */


/******* 03.배움터_강좌플레이어 2020-07-30 *******/
#learn_header { background:#2fa3aa; padding:15px 20px; box-sizing: border-box; box-shadow: 0px 3px 5px 0px rgba(164, 164, 164, 0.4); position:fixed; left:0; right:0; top:0; width:100%; z-index:99; min-width:1200px; }	
#learn_header .menu_open { display:none; margin-right:10px }
#learn_header .menu_open i { font-size:25px; color:#fff; line-height:1.15em }
#learn_header .tit { color:#fff; font-size:18px; font-weight:500 !important; line-height:1.6em }
#learn_header .btn_group {float: right;}
#learn_header .btn_group li { float:left; margin-left:10px }
#learn_header .btn_group li a { border:1px solid #fff; color:#fff; font-weight:500; border-radius:17px; display:block; padding:7px 20px }
#learn_header .btn_group li a i { color:#fff; margin-right:8px; width:18px;}

.learningpage { background-color:#f7f7f7;}

/* (학습종료)*/
.finish_btn {position: absolute; right:330px;}
.finish_btn:after {content: ''; display: inline-block; height:20px; width: 1px; background:#58cad1; vertical-align: middle; margin-left: 10px;}
.finish_btn p {display: inline-block; color:#fdff5b; font-size: 14px;}
.finish_btn a {display:inline-block; font-size: 12px; background:#58cad1; color:#fff; padding:8px 19px; margin-left: 10px; border-radius: 16px; }

.navigation { position:absolute; left:0; top:0; display:block; margin-top:65px; padding-bottom:90px; overflow-x:hidden; overflow-y:auto; background:#fff; width:286px;height:100%; min-height:100%; border-right:1px solid #ddd; left:0; transition:0.3s; -webkit-transition:0.3s; z-index:90}
.navigation.on {left:-286px;}	/*2020.08.26*/
.navigation .ordlst { border-bottom:1px solid #e6e6e6 }
.navigation .ordlst a {color:#2f868c; font-size:16px; font-weight: bold;}
.navigation a { display:block; background:#fff; color:#676767; padding:18px 20px; font-weight:500 }
.navigation ul li a, .navigation ul li .chapter { border-bottom:1px solid #e6e6e6; padding:10px 20px; transition:background 0.3s; -webkit-transition:background 0.3s; display:table; vertical-align:middle; width:100%; box-sizing: border-box; }
.navigation ul li a:hover,
.navigation ul li a:focus,
.navigation ul li a.active { background:#d3f8fa; }
.navigation ul li a.on  { background:#d3f8fa; }
.navigation ul li a .ico, .navigation ul li .chapter .ico { display:inline-block; vertical-align:middle; font-size:12px;color:#7232d8;text-align:center; width:32px; height:32px; background-image:none;border:1px solid #2fa3aa; border-radius:50%; margin-right:8px; transition:background 0.3s; -webkit-transition:background 0.3s; overflow: hidden;}
.navigation ul li a .ico i, .navigation ul li .chapter .ico i { font-size:20px; color:#7232d8; transition:color 0.3s; -webkit-transition:color 0.3s; line-height: 1.5;} 
.navigation ul li a .txt { vertical-align:middle; width:calc(100% - 45px); display:inline-block; line-height:20px;  }
.navigation ul li a .on {color:#2fa3aa; font-weight: bold;}	
.contentWrap { transition: margin-left 0.3s ease-out; -webkit-transition: margin-left 0.3s ease-out; margin-left:286px; position:relative; background:#f7f7f7; padding:0px 40px }

.navigation ul li a.on .ico,
.navigation ul li a.on .ico,
.navigation ul li a.on .ico,
.navigation ul li .chapter.on .ico{ background:#2fa3aa;color:#fff} 
.navigation ul li a.on .ico i,
.navigation ul li a.on .ico i,
.navigation ul li a.on .ico i,
.navigation ul li .chapter.on .ico i{ color:#fff; line-height: 1.5;}	

/*2020.08.27*/
.material-icons {text-indent: -99999px; display: inline-block;}
#learn_header .btn_group li:nth-child(1) a i {background: url('../../images/educerti/sub/help_icon.png')no-repeat 0 0; background-size: contain;}
#learn_header .btn_group li:nth-child(2) a i {background: url('../../images/educerti/sub/priority_icon.png')no-repeat 0 0; background-size: contain;}
.navigation ul li a .ico i {background: url('../../images/educerti/sub/icon_tv.png') no-repeat -34px 6px; width:32px;}	
.navigation ul li a.on .ico i {background: url('../../images/educerti/sub/icon_tv.png') no-repeat 7px 7px;}	
.ordlst a i {background: url('../../images/educerti/sub/chevron-left.png') no-repeat 0 0; width:30px;}
.header_inner .menu_open i {background:url('../../images/educerti/sub/menu.png') no-repeat center; width:18px;}
/*	//2020.08.27*/

#cntntsEvlDiv {margin-top:80px;}
#cntntsDiv .tit_top { padding-bottom:15px; border-bottom:1px solid #e6e6e6; margin-bottom:15px }
#cntntsDiv .tit_top .content_tit { font-size:22px; color:#191919 }
.obj { position:relative }
.obj .label { display:block; margin-bottom:10px; font-size:16px; font-weight:500 }
.round_input { border:1px solid #d2d2d2; border-radius:4px; background:#fff; box-shadow:inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1); color:#363636; padding:8px 10px; width:100% }
.video_wrap {width: 100%; position: relative;}

/* 04.커뮤니티 */
.men_comm .menu_border {width: 100%; height: 1px; background-color: #dadada; margin:20px auto 30px;}
.com_tab_wrap {width:100%; overflow:hidden; margin-bottom:40px;}
.com_tab_wrap li {float:left; width:20%; height:50px; line-height:50px; border:1px solid #cfcfd5; border-left:0; text-align:center; box-sizing:border-box;}
.com_tab_wrap li:first-child {border-left:1px solid #cfcfd5;}
.com_tab_wrap li a {display:block; width:100%; height:100%; font-size:16px; color:#666;}
.com_tab_wrap li a.on {background:#69748a; color:#fff;}

.faq_border { width:100%; }
.faq_border *{box-sizing:border-box}
.faq_border ul{width:100%; border-top:2px solid #444; }
.faq_border ul li {border-bottom:1px solid #dadada; }
.faq_border a{ cursor:inherit;}
.faq_border a:hover{color:#222!important;}
.faq_border .q{border-bottom:1px solid #dadada}
.faq_border .q a.trigger {display:block; padding:18px 20px 14px 75px; background-color:#fff; font-size:16px; color:#222;text-align:left; position:relative;min-height: 60px;font-weight: bold }
.faq_border .q a.trigger:after {display:block; content:'Q'; width:52px; height:30px; line-height:30px; border-radius:70px; text-align:center; background:#28CA9B; font-size:15px; color:#fff; position:absolute; top:15px; left:10px;}

.faq_border ul li:nth-child(1) .q a.trigger:after {content:'Q1';}
.faq_border ul li:nth-child(2) .q a.trigger:after {content:'Q2';}
.faq_border ul li:nth-child(3) .q a.trigger:after {content:'Q3';}
.faq_border ul li:nth-child(4) .q a.trigger:after {content:'Q4';}
.faq_border ul li:nth-child(5) .q a.trigger:after {content:'Q5';}
.faq_border ul li:nth-child(6) .q a.trigger:after {content:'Q6';}
.faq_border ul li:nth-child(7) .q a.trigger:after {content:'Q7';}
.faq_border ul li:nth-child(8) .q a.trigger:after {content:'Q8';}

.faq_border .q a.trigger:hover,
.faq_border .q a.trigger:active,
.faq_border .q a.trigger:focus{color:#4f2088;}
.faq_border li.on .q a.trigger {color:#4f2088;}
.faq_border li.on .q a.trigger:after {background:#4f2088;}
.faq_border .a {padding:20px 20px 20px 75px; color:#333; font-size:16px; background:#f5f5f5; display:none; position:relative;font-weight: 400 }
.faq_border .a:after {display:block; content:'A'; width:52px; height:30px; line-height:30px; border-radius:70px; text-align:center; background:#1D97E4; font-size:15px; color:#fff; position:absolute; top:17px; left:10px;} 
.faq_border .a.sel {padding:0;background:#fff;} 
.faq_border .a.on {display:block;}

.faq_border thead, .faq_border tbody {text-align: center; line-height: 30px;}	/*2020.08.20*/

/* 이용문의 */
.edu_info .info_table {margin:65px auto 0;} /*2020.08.07*/
.info_table ul {overflow:hidden;}
.info_table ul li {position:relative; float: left; margin: 0 175px;}
.info_table ul li:before {content: ''; position:absolute; width:288px; height:25px; background: url('../../images/educerti/sub/long_arrow.png')no-repeat center; background-size: contain; right: 210px; top:80px;}
.info_table ul li:nth-child(1) {margin-left: 0;}
.info_table ul li:nth-child(3) {margin-right: 0;}
.info_table ul li:nth-child(1):before {display:none;}
.info_table ul li .inf_txt {display: inline-block; width:180px; height:180px; border-radius: 180px; text-align: center; font-size: 20px; color:#fff; padding:62px 0; box-sizing: border-box;}
.info_table ul li:nth-child(1) .inf_txt {background: #cb76da;}
.info_table ul li:nth-child(2) .inf_txt {background: #9832b5;}
.info_table ul li:nth-child(3) .inf_txt {background: #711fa6;}
.info_table ul li .inf_exp {font-size: 18px; text-align: center; color: #999; padding-top:20px;}
.btm_banner {position: relative; background: url('../../images/educerti/sub/inquiry_use.png')no-repeat 50px bottom; width: calc(100% - 28px); height:180px; /*border:1px solid #ccc;*/ margin:50px auto 0; background-color: #eae6e1;}	/*2020.08.24*/
.btm_banner .btm_txt {position: absolute; font-size:20px; top:40px; right:60px;}
.btm_banner .btm_txt p {display: inline-block;}
.banner_btn {position: absolute; width:280px; height: 60px; background:#711fa6; top:95px; right:60px;}
.banner_btn a {color:#fff; font-size: 24px; text-align: center; line-height: 60px; display: block;}
.banner_btn a:after {content: ''; width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-left: 35px; background: url('../../images/educerti/sub/arrow_btn.png')no-repeat center; background-size: contain; margin-top:-3px;}	/*2020.08.24*/
.text_list{width:auto;margin-top: 40px;}
.text_list li{font-size: 14px;color:#333;line-height: 24px;text-indent:-4px;padding-left:12px;}
.text_list li::before{content: "-";display:inline-block;clear: both;margin-right: 4px;}

.learn_wrap .learn_btn {overflow:hidden;}
.learn_wrap .learn_btn li {float: left; width: 25%; border:1px solid #cfcfd5; border-left:0px; box-sizing: border-box; margin-bottom: 30px; text-align: center;}
.learn_wrap .learn_btn li:nth-child(1) {border-left:1px solid #cfcfd5; }
.learn_wrap .learn_btn li a  {font-size: 17px; line-height: 2.5; width: 100%; display: block;}
.learn_wrap .learn_btn li a.on {color: #fff; background: #69748a;}
.learn_area .learn {display: none;}
.learn_area .learn.on {display: block;}
.learn_area .learn form {}
.learn_area .learn form fieldset table {width: 100%;}
.learn_area .learn form fieldset table thead tr {border-top:2px solid #000; border-bottom:1px solid #ddd;}	/*2020.09.17*/
.learn_area .learn form fieldset table th {font-size: 17px; background: #f5f5f5; padding:10px 0;}	/*2020.10.07*/
.learn_area .learn form fieldset table tbody tr {border-bottom: 1px solid #ddd;}
.learn_area .learn form fieldset table td {text-align: center; font-size: 0.9rem;}
.learn_area .learn form fieldset table td ul {overflow:hidden;margin:40px 20px;}
.learn_area .learn form fieldset table td ul li {float: left;}
.learn_area .learn form fieldset table td ul li:nth-child(1) {width:280px;}
.learn_area .learn form fieldset table td ul li:nth-child(1) a {display: block; height: 160px; overflow: hidden;}
.learn_area .learn form fieldset table td ul li:nth-child(1) a img {width: 100%; height:100%;}

.learn_area .learn form fieldset table td ul li:nth-child(2) {margin-left:15px; text-align: left; width:339px;}
.learn_area .learn form fieldset table td ul li .title_txt {height: 120px;}
.learn_area .learn form fieldset table td ul li h2:nth-child(1) {font-size:16px; display: inline-block; padding:1px 15px; color:#fff; margin-bottom:11px; font-weight: bold; background:#37bec6;}	
.learn_area .learn form fieldset table td ul li h2:nth-child(2) a {font-size:20px; color:#222; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.learn_area .learn form fieldset table td ul li p {font-size:16px; color:#666;}
.learn_area .learn form fieldset table td ul li p:before {content: ''; width: 6px; height: 6px; background: #909090; display: inline-block; margin-right: 5px; margin-bottom:3px;}
.learn_area .learn form fieldset table td .learn_p1 {font-size:20px; color:#ff1100; font-weight: bold;}	/*2020.09.18*/
.learn_area .learn form fieldset table td .learn_p2 {font-size:16px; color:#999;}

/* 05. 나의 강의실 - 이수증 출력*/
.inner_cert {padding-bottom:130px;}	
.pc .certi_wrap .paging {display: none;}
.mob .paging {/*display:block;*/ margin-top:60px;}
.mob .certi_info {position: absolute; bottom:40px;}
.cert_wrap {position: relative;}
.certi table {width:100%; border-top:2px solid #474646; table-layout: fixed;}
.certi table th {text-align: center; font-size: 17px; color: #000; background: #f5f5f5; padding: 10px 5px; border-bottom: 1px solid #dadada;}
.certi table th label {margin-top:-8px;}
.certi table td {text-align: center; padding: 15px 5px; color:#333; font-weight: 400; border-bottom:1px solid #dadada;}
.certi table td p {content: ''; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;}
.cert_wrap .action {width:300px; height:60px; background:#217378; margin-top: 30px; border-radius: 5px; position: absolute; right: 0;}
.cert_wrap .action span a {width: 100%; display: inline-block; /*height: 63px;*/ line-height: 60px; text-align: center; font-size: 18px; box-sizing: border-box; color:#fff;}
.cert_tab {overflow: hidden; margin-left:6px;}
.cert_tab li {float: left; width: 33.333%; border:1px solid #cfcfd5; border-left:0px; box-sizing: border-box; margin-bottom: 30px; text-align: center;}
.cert_tab li:nth-child(1) {border-left:1px solid #cfcfd5; }
.cert_tab li a {font-size: 17px; line-height: 2.5; width: 100%; display: block;}
.cert_tab li a.on {color: #fff; background: #69748a;}
.certi {position:relative;display:inline-block;vertical-align:middle; max-width:calc(100% - 6px); width:100%; margin-left:6px; display: none;}
.certi.on {display: block;}
.certi input[type='checkbox']{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} 
.certi input[type='checkbox'] + label{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.certi input[type="checkbox"] + label:before{content:'';display:inline-block;margin:0px 8px 0 0;width:18px;height:19px;line-height:19px;text-align:center;vertical-align:middle;background:url('../../images/educerti/sub/bg_check.png') 0 100%;} 
.certi input[type="checkbox"]:checked + label:before{background:url('../../images/educerti/sub/bg_check.png') 0 0;}
.certi_info_wrap {margin-top:10px; margin-left:10px;}
.certi_info_wrap .certi_info {}
.certi_info_wrap .certi_info:before {content:''; display: inline-block; width:6px; height:6px; background: #909090; /*border-radius: 3px;*/}
.certi_info_wrap .certi_info p {line-height: 1.8; display: inline-block; padding-left:5px; vertical-align: sub; font-size:15px;}
.modal_popup {opacity: 1; display: none; position:fixed; top: 50%;	margin-top:-150px; left: 50%; margin-left:-210px;}
.modal-body {overflow-y: auto; overflow-x: hidden; padding: 1% 0 3.5%; border-bottom: 1px solid #e8e8e8;}
.mob .certi table th:nth-child(1), .mob .certi table td:nth-child(1) {display: none;}
.mob .certi col:nth-child(1) {width:10%;}
.mob .certi col:nth-child(2) {width:35%;}
.mob .certi col:nth-child(3) {width:10%;}
.mob .certi col:nth-child(4) {width:25%;}
.mob .certi col:nth-child(5) {width:10%;}
.mob .certi col:nth-child(6) {width:10%;}
.mob .certi col:nth-child(7) {width: 0;}
.mob .cert_wrap .action {display: none;}

/* 05. 나의 강의실 -이수 확인서*/
.btnWrap_p {width: 100%; position: relative;}
.btnWrap_p > div {display: inline-block; width:200px; height: 40px; border: 1px solid #7a48b2; position: absolute; transition: all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.btnWrap_p .print_btn {right:205px;}
.btnWrap_p .list_btn {right:0;}
.btnWrap_p > div span a {width:100%; display: inline-block; height:31px; line-height: 2.1; text-align: center; font-size: 18px; box-sizing: border-box; color:#7a48b2;}
.btnWrap_p > div:hover {background: #7a48b2;}
.btnWrap_p > div:hover span a {color: #fff;}

.certCon {width:100%; margin:130px auto 50px; position: relative; padding:40px; box-sizing: border-box; border:3px solid #005083;}
.certCon .idNum {font:16px normal; color:#666;}
.certCon .cert_top img {padding:20px 0;}
.certCon .cert_top h2 {font-size: 55px; line-height: 1; letter-spacing: 5px; font-weight: bold; word-spacing: 5px;}
.certCon .cert_top ul {margin-top:20px;}
.certCon .cert_top ul li {padding: 5px 0; float: left;}
.certCon .cert_top ul li:nth-child(2) {clear:both; margin-right: 90px;} 
.certCon .cust_info li p {font-size: 18px; letter-spacing: 2px; color:#aaa;}
.certCon .cust_info li p span {color:#333;}
.certCon .cert_back {position: absolute; top:-70px; right: 80px;}

.back_ebs_logo {position: absolute; top:495px; left:50%; margin-left: -512px;}

.certCon .mid_txt {padding:170px 0 35px; font-size: 18px; letter-spacing: 3px; word-spacing: 5px; line-height: 1.8; color:#666;}

.certCon table {width:100%; table-layout: fixed; /*border:2px solid #f3f3f3;*/}
.certCon table th {text-align: center; font-size: 17px; color: #000; padding:10px 5px; border: 1px solid #dadada;}
.certCon table td {text-align: center; font-size: 17px; padding:10px 5px; color:#666; font-weight: 400; border: 1px solid #dadada;}

.certCon .toDate p {text-align: right; padding: 25px 0; font-size: 17px;}
.certCon h3 {text-align: center; font-size: 45px; font-weight: bold;}

.certCon_mo {display: none;}
.certCon_mo ul {overflow: hidden; width:277px; margin:0 auto;}
.certCon_mo ul li {float: left; background: #7a48b2; padding: 5px 50px; margin-left:10px;}
.certCon_mo ul li:nth-child(1) {margin-left:0;}
.certCon_mo ul > li span a {width:100%; display: inline-block; height:31px; line-height: 1.8; text-align: center; font-size: 18px; box-sizing: border-box; color:#fff; font-weight: 100;}
.certCon_mo .print_txt {text-align: center;}
.certCon_mo .print_txt p {font-size: 18px; padding-top:96px; line-height: 2;}

.mob .certCon_mo{display:block;margin-top:100px;}
.mob .certCon, 
.mob .btnWrap_p {display:none;}

/* 프린트용 CSS */
@media print{
	html, body{width:210mm;border:0;margin:0;padding:0;border:0;} 
	#Header, .my_class, .learn_top, .btnWrap_p, #Footer {display:none;}
	
	.certCon { margin:0 auto; padding:50px 0; border:0;}
	.certCon .certCon_in {padding:50px; border: 3px solid #005083;}
	.certCon .cert_back {top:-25px; right:0;}
	.back_ebs_logo {position:absolute; width:100%; left:50%; margin-left:0; text-align:center;}
	.back_ebs_logo > img {display:inline-block; width:60%; margin:50px auto 0;}
	.noIE .certCon {width:1024px; padding:50px 100px;}
	.noIE .certCon .cert_back {right: 110px;}
	.noIE .back_ebs_logo {width:100%; margin-left:-50%; top:500px;}
	.noIE .back_ebs_logo img {width:60%;} 
	@page{ 
		size:A4;
		margin:0;
		padding:0;
	}
}

/* layout 태블릿 가로 일부 */
@media all and (max-width:1023px){
	.edu_intro {background-position: bottom right, bottom left!important; background-size:auto!important;}

	.ac_certi {width:100%;}
	.ac_certi ul {width:100%;}
	.ac_certi ul li {width:80%; margin:100px auto!important; float: none;}
	.ac_certi ul li:nth-child(1) {margin-top:10px!important;}
	.ac_certi ul li:nth-child(5) {margin-bottom:10px!important;}
	.ac_certi ul li:after {background:url('../../images/educerti/sub/down_arrow.png')no-repeat center; width:18px; height: 70px; left:50%; margin-left:-9px; top:110px;}
	.ac_certi ul li .ac_circle {width:auto; height:auto; padding: 0; line-height: 2.5!important;}
	.ac_certi ul li .ac_circle p { display:inline; font-size: 22px;}
	.ac_certi ul li p { display:inline-block; width: 100%;}
	.ac_certi ul li p span {font-size: 18px;}

	.text_list{width:100%;float:none!important;}

	/* 반응형 js 관련 */
	#media-width {max-width:979px;}

	/* 03.배움터 */
	.learn_area .learn form fieldset table td ul li:nth-child(1), .sub_txt p:nth-child(2) {display: none;}

    .title_lect_detail{margin:0;padding: 0 20px 20px; min-height:auto;}
	.title_lect_detail h2{padding-bottom:10px;}
	.title_lect_detail h2 strong{font-size:28px;}
	.title_lect_detail .ico_type04{height:32px;line-height:32px;font-size:22px;margin-left:10px;}
	.title_lect_detail .info .cell{font-size:22px;position:relative;margin-right:25px;}
	.title_lect_detail .info .cell:after{display:block;content:"";width:1px;height:15px;background:#ccc;position:absolute; top:50%; margin-top:-7px;left:-13px;}
	.title_lect_detail .info .cell:first-child:after{display:none;}
	.title_lect_detail .btn_info{padding-top:20px;}
	.title_lect_detail .btn_info a{margin-right:5px;}
	.lect_top{padding-bottom:0; margin-bottom:60px;}
	.lect_top .main_area {float:none; width:100%; padding:0 20px; box-sizing:border-box;}
	.lect_top .play_area {width:100%; height:auto; box-sizing:border-box;}
	.lect_top .img_link {height:0; padding-top:56%; position:relative;}
	.lect_top #course_play_area {width:100% !important; height:100% !important; position:absolute !important; top:0; left:0;}
	.lect_top .img_link .thumb {width:100%; height:100%; position:absolute; top:0; left:0;}
	.lect_top .info_area {float:none; width:100%; padding:0 20px; box-sizing:border-box; position: static; height:auto;}
	.lect_top .info_table th {padding:14px 0; height:auto;}
	.lect_top .info_table td {padding:14px 10px; height:auto;}
	.lect_top .info_area .action {margin:20px 0 0; position:static;}
	.lect_top .info_area .btn01 a {float:none; width:100%;}
	.lect_tab_wrap {box-sizing:border-box; padding:0 20px; margin-bottom: 20px;}
	.lect_tab_wrap li {height:54px; line-height:54px;}
	.lect_tab_wrap li a {font-size:20px;}
	.lect_border_wrap {box-sizing:border-box; padding:0 20px;}
	.lect_border_wrap table thead th {padding:14px 10px;}
	.lecture_info_new {padding:0 20px; box-sizing:border-box;}
	.lecture_info_new .lecture_st01 {padding:0;}
	.lecture_info_new .lecture_total {width:100%; overflow:hidden; }
	.lecture_info_new .lecture_total .total_teacherlist_wrap {padding:0 10px 0 0;}
	.lecture_info_new .lecture_total .lecture_stbook_wrap {padding:0;}
	.total_teacherlist li .teacher_img {float:none;}
	.total_teacherlist li .teacher_history {float:none; width:100%; margin-top:20px;}
	.lecture_stbook .textbook {float:none;}
	.lecture_stbook .txt_inforbox {float:none; width:100%; margin-top:20px;}

	/*  03.배움터_강좌플레이어*/
	.main-header, .navigation {position: relative; width:100%;}
	#learn_header {position:static;padding:0; min-width:auto;}
	#learn_header .header_inner {padding: 15px 20px 50px;}
	.navigation{padding:0; margin-top:0; height:auto;}
	.navigation nav {margin-top:60px;}
	#cntntsEvlDiv {margin:0; position: static; width: 100%; top: 0; z-index: 98; padding-bottom:0;}
	#cntntsEvlDiv.act .contentWrap {position:absolute;top:0;width:100%;z-index:98;}
	#cntntsEvlDiv.act #cntntsDiv {position:absolute;top:0;}
	.video_wrap {position: fixed; top:0; left:0; width: 100%; z-index: 99;height:auto; transition: all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	.video_wrap .player_section {position:relative;top:0;left:0;width:100%;padding-top:56%;}
	.video_wrap .player_section .player_area {position:absolute;top:0;left:0;width:100%;height:100%;}
	.contentWrap {margin:0!important; padding:30px 0;}
	.contentWrap #cntntsDiv .tit_top {border:0; padding:15px 0 15px 15px; margin:0;}
	.contentWrap #cntntsDiv .tit_top .content_tit {font-size: 18px;}

	#nextLectureMsgDiv > div {top:55%!important;}	/*2020.08.21*/

	.finish_btn {position: fixed; right:330px; top:0; left:0; text-align:center; padding:10px 0; z-index: 99; background: #000; min-width: 100%; }
	.finish_btn:after {display: none;}

	.filebox { width:100%;}

	/* 04.커뮤니티 */
	.com_tab_wrap {box-sizing:border-box; padding:0 20px; margin-bottom:20px;}
	.com_tab_wrap li {height: 54px; line-height: 54px;}
	.com_tab_wrap li a {font-size:18px;}
	.faq_border { box-sizing:border-box; padding:0 20px;margin-top:40px; }
	.info_table {width:733px;}
	.info_table ul li {margin: 0 70px;}
	.info_table ul li .inf_txt {width:151px; height:151px; border-radius: 151px; padding:49px 0; font-size:18px;} 
	.info_table ul li:before {width:110px; top:65px; right:165px;}
	.info_table ul li .inf_exp {font-size:15px;}
	.btm_banner {background-size: 310px;}
	.btm_banner p {font-size:18px;}
	.banner_btn {width:240px; height:50px;}
	.banner_btn a {font-size: 21px; line-height: 50px;}

	/* 05.나의 강의실 - 나의 배움터*/
	.my_class {background-position: bottom right, bottom left!important; background-size:auto 80px !important;}
	.con_wrap {width:92%; margin:0 4%;}
	.mob .inner_cert {padding-bottom:40px;}

	.class_wrap .cnt_class .txt_box {width:100%; margin-top:40px; margin-left: 0;}
	.class_wrap .cnt_class .txt_box h3 {font-size: 21px;}
	.class_wrap .cnt_class .txt_box .action {margin: 15px auto 0;}
	.class_wrap .play_list p {padding:10px 2px;}
	.class_wrap .play_list p a.icon_play {width:33px; height: 32px;}
	.class_wrap .play_list p a.icon_play span {margin-top:6px;}
	/*  // 05.나의 강의실 - 나의 배움터*/

	/* 05. 나의 강의실 - 이수증 출력*/
	.learn_wrap .certi {margin-left:0!important; max-width:100%;}

	.certi table th:nth-child(4),
	.certi table th:nth-child(5),
	.certi table td:nth-child(4),
	.certi table td:nth-child(5) {display: none;}

	.certi col:nth-child(1) {width:5%;}
	.certi col:nth-child(2) {width:10%;}
	.certi col:nth-child(3) {width:45%;}
	.certi col:nth-child(4) {width:20%;}
	.certi col:nth-child(5) {width:20%;}
	.certi col:nth-child(6), .certi col:nth-child(7) {width:0;}

	.mob .certi col:nth-child(1) {width:15%;}
	.mob .certi col:nth-child(2) {width:55%;}
	.mob .certi col:nth-child(3) {width:15%;}
	.mob .certi col:nth-child(4) {width:15%;}
	.mob .certi col:nth-child(5), .mob .certi col:nth-child(6) {width: 0;}	
	/* // 05. 나의 강의실 - 이수증 출력*/	

	/*이수증출력_이수확인서 */
		.certCon .cert_back img, .back_ebs_logo img {width:100%;}
		.back_ebs_logo {top:55%; width: 80%; margin-left:-40%;} 
	/*	//이수증출력_이수확인서 */	

	.sub_infortop .inner_wrap {max-width:1240px;margin:0 auto 20px auto;text-align:center;min-height:140px;position:relative;background: #28CA9B;border-radius:0;}
	.sub_infortop .inner_wrap .tit {display:block; padding-top:80px; font-size:26px; line-height:1.4em; color:#fff; letter-spacing: -1.8px}
	
	.sub_infortop .inner_wrap .tit {padding-top:51px}
	.sub_infortop .inner_wrap .imgarea {width:170px;right: 2%;bottom: 0;}
	.sub_infortop .inner_wrap.study_banner .imgarea {width:140px;}
	.sub_infortop .inner_wrap.community_banner .imgarea {top:10px;}
	.sub_infortop .inner_wrap.ebs_cnt .imgarea {width:140px;}
	.sub_infortop .inner_wrap .imgarea img {width:100%;}
}

/* layout 모바일&태블릿 */
@media all and (max-width:767px){
	.content_introduce h3{font-size: 20px;}
	.content_introduce p{font-size: 14px;color:#444;line-height: 26px}
	.edu_intro {background-position: 115% bottom, left bottom!important; background-size: auto 90px!important;} /*2020.08.24_2*/
	/* 03.배움터 */
    .title_lect_detail{margin:0;padding:5px 10px 10px;}
	.title_lect_detail h2{padding-bottom:5px;}
	.title_lect_detail h2 strong{font-size:15px;}
	.title_lect_detail .info .cell{position:relative;margin-right:13px;}
	.title_lect_detail .info .cell:after{display:block;content:"";width:1px;height:10px;background:#ccc;position:absolute;top:50%;margin-top:-4px;left:-7px;}
	.title_lect_detail .info .cell:first-child:after{display:none;}
	.title_lect_detail .btn_info{padding-top:10px;}
	.title_lect_detail .btn_info a{margin-right:2px;}

	.text_list{width:100%;margin-top: 20px!important;}

	.lect_top {margin-bottom:35px;}
	.lect_top .main_area {padding:0 10px;}
	.lect_top .info_area {padding:0 10px;}
	.lect_top .info_table th {padding:10px 0; font-size:13px}
	.lect_top .info_table td {padding:10px 5px; font-size:13px}
	.lect_top .info_area .action {margin:0;}
	.lect_top .info_area .btn01 a {height:38px; line-height:38px; font-size:13px;}

	.lect_tab_wrap {padding:0 10px; margin-bottom:10px;}
	.lect_tab_wrap li {height:40px; line-height:40px; font-size:15px;}
	.lect_tab_wrap li a {font-size:15px;}

	.lect_border_wrap {padding:0 10px;}
	.lect_border_wrap table thead th {font-size:13px; padding:10px 0;}
	.lect_border_wrap table thead th .mo_view {display:block;}
	.lect_border_wrap table tbody td {font-size:13px; padding:10px 3px;}
	.lect_border_wrap table tbody td.td_tit {padding:10px 3px;}
	.lect_border_wrap table tbody td a {font-size:13px;}
	.lect_border_wrap table tbody td .ico_play {display:block; width:35px; height:34px; line-height:3px; text-align:center; border:1px solid #7c31ac; border-radius:50%; background:#fff; margin:0 auto; box-sizing:border-box;}/*2020.08.07*/
	.lect_border_wrap table tbody td .ico_play span {display:inline-block; font-size:0; width:19px; height:17px; background:url('../../images/educerti/sub/icon_tv.png') no-repeat -41px 0;}
	.lect_border_wrap table tbody td .ico_play.on span {background:url('../../images/educerti/sub/icon_tv.png') no-repeat 0 0;}
	
	.lecture_info_new {padding:0 10px;}
	.lecture_info_new .lecture_st01 {font-size:13px; margin-bottom:30px;}
	.lecture_info_new .lecture_total:before {content: ''; display: block; width: 100%; margin: 0 auto 20px; height: 1px; background: #ddd;}	/*2020.08.20*/
	.lecture_info_new .lecture_total .total_teacherlist_wrap {float:none; width:100%; padding:0; margin-bottom:30px;}
	.lecture_info_new .lecture_total .lecture_stbook_wrap {float:none; width:100%; padding:0;}
	.total_teacherlist li {box-sizing: border-box; padding-left:195px; min-height:98px;}
	.total_teacherlist li .teacher_img {position:absolute; top:0; left:0; width:174px; height:98px;}
	.total_teacherlist li .teacher_history {margin-top:0;}
	.total_teacherlist li .teacher_history strong {margin-bottom:5px; font-size:15px;}
	.total_teacherlist li .teacher_history span {margin-top:3px; font-size:13px;}
	.lecture_stbook {padding-left:120px; box-sizing:border-box; min-height: 122px;}
	.lecture_stbook .textbook {position: absolute; top:0; left:0; width:98px; height:122px;}
	.lecture_stbook .txt_inforbox {margin-top:0;}
	.lecture_stbook .txt_inforbox .tit {margin-bottom:5px; font-size:15px;}
	.lecture_stbook .txt_inforbox .ul_st li {min-width:100%; font-size:13px; margin-top:3px;}
	.lecture_stbook .txt_inforbox .ul_st li span {font-size:13px;}
	 /* // 03.배움터 */

	/*  03.배움터_강좌플레이어*/
	#learn_header .tit {width: calc(100% - 100px ); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#learn_header .btn_group li a {padding: 7px 8.5px;}	/*2020.09.15*/
	#learn_header .btn_group li a i {font-size: 15px; margin-right: 0; background-position: 0 2px!important;}
	.btn_group li .txt {font-size: 	0;}

	#nextLectureMsgDiv > div {top:60%!important;}	/*2020.08.21*/
	/*   //03.배움터_강좌플레이어*/

	.community_banner {/*background-size: 220px!important;*/ background-position: right center!important;}
	.community_banner .tit {width:24%; padding:23px 0; margin:0 auto;} 	

	/* 04.커뮤니티 2020-07-31*/
	.com_tab_wrap {padding:0 10px;}
	.com_tab_wrap li {height:auto; line-height:normal; word-break: normal;}
	.com_tab_wrap li a {font-size:15px; line-height:40px; padding:6px 3px; vertical-align: middle; box-sizing: border-box;}
	.com_tab_wrap li a span {display:inline-block; vertical-align:middle; line-height:1.3em}

	.faq_border { padding:0 }
	.faq_border .q a.trigger,.faq_border .a{font-size: 14px;padding:18px 12px 14px 65px}
	.faq_border .q a.trigger:after{width:44px;height:24px;font-size: 14px;line-height:24px;top:18px}
	.faq_border .a:after{width:44px;height:24px;font-size: 14px;line-height:24px;top:18px}

	/* 04.커뮤니티 이용문의 */
	.edu_info .info_table {margin:-50px auto -80px;}	/*2020.08.10_css겹침*/
	.info_table, .info_table ul {width:100%;}
	.info_table ul li {width:85%; margin: 100px auto!important; float: none;}
	.info_table ul li .inf_txt {width: 100%; height:auto; padding:0; line-height: 2.5;}
	.info_table ul li .inf_txt p {display: inline; font-weight: 400px;}
	.info_table ul li:before {width:18px; height:70px; left:50%; margin-left:-9px; top:-87px; background:url(../../images/educerti/sub/down_arrow.png)no-repeat center;}
	.edu_info .edu_txt p strong {display: block; text-align: center; width: 90%; font-size: 15px;}
	/* 	//04.커뮤니티 이용문의 */

	/* 05.나의 강의실 - 나의 배움터*/
	.learn_area .learn form fieldset table col:nth-child(1) {width:50%;}
	.learn_area .learn form fieldset table col:nth-child(2) {width:15%;}
	.learn_area .learn form fieldset table col:nth-child(3) {width:15%;}
	.learn_area .learn form fieldset table col:nth-child(4) {width:15%;}
	.learn_area .learn form fieldset table td ul li:nth-child(2) {width:auto; margin:0;}
	.learn_area .learn form fieldset table td ul li h2:nth-child(2) a {font-size: 16px;}
	.learn_area .learn form fieldset table th {font-size: 12px; padding:10px 0;}
	.learn_area .learn form fieldset table td ul {margin:20px 7px;}
	.learn_area .learn form fieldset table td ul li .title_txt {height:auto; margin-bottom:10px;}
	.learn_area .learn form fieldset table td ul li p {font-size: 13px;}
	.learn_area .learn form fieldset table td ul li p:before {margin-bottom:2px;}
	.learn_area .learn form fieldset table td .learn_p1 {font-size: 16px;}
	.learn_area .learn form fieldset table td .learn_p2 {font-size: 13px;}
	/*  // 05.나의 강의실 - 나의 배움터*/

	/*05.나의 강의실 - 이수증출력_이수확인서*/
	.certCon .cert_back {width:25%; right: 30px;}	
    /*이수증출력_이수확인서 */
	.certi col:nth-child(1) {width:10%;}
	.certi col:nth-child(2) {width:10%;}
	.certi col:nth-child(3) {width:50%;}
	.certi col:nth-child(4) {width:15%;}
	.certi col:nth-child(5) {width:15%;}
	/* //05.나의 강의실 - 이수증출력_이수확인서*/
	
	.sub_infortop {max-height: 140px;margin-bottom: 40px;}
	.sub_infortop .inner_wrap .tit {padding-top:50px;}
	.sub_infortop .inner_wrap .imgarea {width:95px;right:2%;bottom:0;}
}

@media all and (max-width:640px){
	/*01.학습지원소개_학습인정평가 */
	.edu_info .edu_txt p {font-size: 16px; padding-left:10px; margin-top:-19px;}	
	.edu_info .edu_txt .edu_detail {padding:0;}
	.edu_info .edu_txt .edu_detail table tr th {font-size: 15px;}
	.edu_info .edu_txt .edu_detail table tr td {font-size: 13px;}

	.ac_certi ul li {width:95%;}
	.ac_certi ul li p {height: 50px; font-size: 17px;}
	.ac_certi ul li .ac_circle p {font-size: 20px; }
	/* //01.학습지원소개_학습인정평가 */	


	/* 04.커뮤니티 이용문의 */
	.btm_banner {background-size: 230px; background-position: 15px bottom;}
	.btm_banner .btm_txt {right: 25px;}
	.btm_banner .btm_txt p {font-size: 15px;}
	.banner_btn {width:190px; height:45px; right: 30px;}
	.banner_btn a {line-height: 45px; font-size: 17px;}
	/* //04.커뮤니티 이용문의 */

	/*05.나의 강의실나의배움터*/
	.learn_wrap .area_search_lec {width: 315px;}
	.learn_wrap .header_srch {min-width: 300px;}
	.learn_wrap .form .select {width:27%;}
	.learn_wrap .form .input {width: 49%;}
	.learn_wrap .txt_type {width: 125px;}
	/* //05.나의 강의실나의배움터*/	
}

@media all and (max-width:520px){
	/*  03.배움터_강좌플레이어 */
	.navigation nav {margin-top:60px;}
	#cntntsEvlDiv {top:310px;}
	#learn_header .tit, .contentWrap #cntntsDiv .tit_top .content_tit {font-size: 13px; line-height: 2.8;}
	#learn_header .tit {width: calc(100% - 100px );}
	#cntntsEvlDiv {top:300px;}

	.skin_playerType3 .mpv_controller {height:74px!important;}
	.mpv_speed_down_button, .mpv_current_speed, .mpv_speed_up_button {top: 30px!important;}
	.mpv_speed_down_button {right: 200px!important;}
	.mpv_current_speed {right: 154px!important;}
	.mpv_speed_up_button {right: 127px!important;}
	.mpv_volume_button, .mpv_mute_button {position: absolute!important; top:30px; right: 0;}

	#nextLectureMsgDiv > div {top:67%!important;}
	/* //03.배움터_강좌플레이어 */	

	/* 05.나의 강의실*/
	.class_wrap .cnt_class .txt_box h3 {font-size: 23px;}	
	.class_wrap .cnt_class .txt_box ul li p {font-size: 14px;}
	.class_wrap .play_list p {padding:10px 0;}
	/*  // 05.나의 강의실*/

	/* 04.커뮤니티 이용문의 */
	.btm_banner {background-size: 150px; background-position: 0px bottom;}
	.btm_banner .btm_txt {width:inherit; right: 0; top:20px;}
	.btm_banner .btm_txt p {font-size: 15px; padding:4px 0;}
	.banner_btn {width:175px; height:45px; top:90px; right:15px;}
	.banner_btn a {line-height: 45px; font-size: 18px;}
	.banner_btn a:after {margin-left:15px;}
	/* 	//04.커뮤니티 이용문의 */	

	/* 05. 나의 강의실 - 이수증 출력*/
	.certi table th {font-size: 15px;}	
	.cert_wrap .action {width:100%;}	
	/* // 05. 나의 강의실 - 이수증 출력*/
	
	.sub_infortop .inner_wrap.required_banner .imgarea {top:15px;}
	.sub_infortop .inner_wrap.community_banner .imgarea {top:15px;}
	.sub_infortop .inner_wrap.ebs_cnt .imgarea {width:90px;}
}

@media all and (max-width:450px){
	.finish_btn p {padding-bottom:10px; font-size: 13px;}
	.finish_btn a {margin:0 auto;}
}

@media all and (max-width:391px){
	.certi_info_wrap > div:nth-child(1) p {/*padding-left:13px!important;*/ margin-top:-17px; vertical-align: none;}	/*2020.09.17*/
	.certi_info_wrap .certi_info p {font-size: 13px;}	/*2020.09.16*/
	.certi_info_wrap .certi_info:before {vertical-align: text-top;}	/*2020.09.16*/
}

@media all and (max-width:380px){
	/*01.학습지원소개_학습인정평가 */
	.ac_certi ul li .ac_circle p {width: 18px;}	
	/*2020-08-10*/
	.ac_certi ul li:after {top:110px;}
	.ac_certi ul li:nth-child(4):after {top:126px;}
	/*	//01.학습지원소개_학습인정평가 */
	
	.edu_info h3 {font-size: 18px;}
	.edu_info h4 {font-size:16px;}
	.edu_info .edu_txt p {font-size:13px; margin-top:-17px;}
	.edu_info .edu_txt p strong {font-size:13px; margin-left:-5px;}
	.edu_info .edu_txt p strong span {font-size: 13px;}

	#nextLectureMsgDiv > div {top:75%!important;}	/*2020.08.21*/

	.total_teacherlist li {padding-left:125px; min-height:75px;}
	.total_teacherlist li .teacher_img {width:115px; height:74px;}
	.lecture_stbook {padding-left:85px; min-height:93px;}
	.lecture_stbook .textbook {width:75px; height:92px;}

	/* 04.커뮤니티 2020-07-31*/
	.community_banner .tit {width:45%;} /*2020.08.24*/
	.com_tab_wrap li a {font-size:13px;}
	/* //04.커뮤니티 */

	/* 04.커뮤니티 이용문의 */
	.banner_btn {width:160px; height:35px; top:95px; right:15px;}
	.banner_btn a {line-height: 35px; font-size:13px;}
	.banner_btn a:after {width:17px; height:17px;}

	/* 05.나의 강의실*/
	.class_wrap .cnt_class .txt_box h3 {font-size: 21px;}	
	.class_wrap .cnt_class .txt_box ul li p {font-size: 13px;}
	.class_wrap .cnt_class .txt_box .action {width:100%;}	/*2020.08.07*/
	.class_wrap .play_list p a.icon_play {width: 29px; height: 29px; line-height: 29px; padding-top:0;}
	/*  // 05.나의 강의실*/

	/*05.나의강의실_이수증출력*/
	.certi table th:nth-child(1), .certi table td:nth-child(1) {display: none;}
	.certi col:nth-child(1) {width:10%;}
	.certi col:nth-child(2) {width:45%;}
	.certi col:nth-child(3) {width:25%;}
	.certi col:nth-child(4) {width:20%;}
	.certi col:nth-child(5) {width:0;}
	.certi col:nth-child(6) {width:0;}
	.cert_wrap .action {display: none;}
	.certi_info_wrap .certi_info:before {vertical-align: middle;}	/*2020.09.16*/
	/* /05.나의강의실_이수증출력*/
}

@media all and (max-width:361px){
	.mob .certi_info {bottom:33px!important;}

}

@media all and (max-width:345px){
	.ac_certi ul li:nth-child(2):after {top:126px;}
	.community_banner {background-position: 115%center!important;}	/*2020.08.24*/

}

@media all and (max-width:335px){
	.ac_certi ul li:nth-child(1):after {top:126px;}
	
	/*2020.08.24*/
	.certi_info_wrap .certi_info p {padding-left:13px!important;}
	.certi_info_wrap > div:nth-child(2) p {margin-top:-28px;}
	
}

@media all and (max-width:329px){
	.certi_info_wrap > div:nth-child(2) p {margin-top:-17px;}
	.certi_info_wrap .certi_info p {font-size: 12px;}	/*2020.09.16*/
	.learn_wrap .form .input {width:48%; margin-left:2px;}	/*2020.09.15*/
}