@charset "utf-8";
@import url('font.css');
@import url('plugin.css');

#wrap{position:relative; width:100%}
#header{position:relative; width:100%; z-index:200}
#container{position:relative}
#footer{position:relative}
#contents{position:relative; min-height:450px}
.site_grid{position:relative; width:1100px; margin:0 auto}
.grid1{position:relative; padding:0 }
.grid2{position:relative; width:calc(100% - 132px); margin:0 auto}
.dsp, .t_dsp, .m_dsp, .p_dsp{display:none}

/* ==========================================================================
   HEADER & FOOTER
   ========================================================================== */
/*HEADER*/
#header .inner_header{position:relative; width:100%; padding:0 ; box-sizing:border-box;}
#header .inner_header .top_bar{position:relative; height:48px; background-color:#f5f5f5;}
#header .inner_header .top_bar > div{line-height:48px; box-sizing:border-box;}
#header .inner_header .top_bar .sc_left{float:left}
#header .inner_header .top_bar .sc_left li{float:left; margin-right:9px}
#header .inner_header .top_bar .sc_left li a{display:inline-block; font-size:12px; color:#777; letter-spacing:-0.5px;}
#header .inner_header .top_bar .sc_left .favorite{padding-left:19px; background:url('../images/common/ico_star1.png') no-repeat 0 center; background-size:14px auto}
#header .inner_header .top_bar .sc_left li:after{content:""; display:inline-block; width:1px; height:12px; background-color:#e0e0e0; vertical-align:middle; margin-left:5px}
#header .inner_header .top_bar .sc_left li:last-child:after{display:none; }
#header .inner_header .top_bar .sc_right{float:right;}
#header .inner_header .top_bar .sc_right li{position:relative; float:left; }
#header .inner_header .top_bar .sc_right li a{display:block; font-size:14px; color:#777; background-color:#fff}
#header .inner_header .top_bar .sc_right li span{display:inline-block; line-height:16px}
#header .inner_header .top_bar .sc_right li.btn1 a{padding:0 14px 0 28px}
#header .inner_header .top_bar .sc_right li.btn1:after{content:""; display:block; position:absolute; right:0; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#e0e0e0}
#header .inner_header .top_bar .sc_right li.btn1 span{padding-left:20px; background:url('../images/common/topbar_ico1.png') no-repeat 0 center; background-size:14px auto}
#header .inner_header .top_bar .sc_right li.btn2 a{padding:0 21px 0 14px}
#header .inner_header .top_bar .sc_right li.btn2 span{padding-left:20px; background:url('../images/common/topbar_ico2.png') no-repeat 0 center; background-size:14px auto}
#header .inner_header .top_bar .sc_right li.btn3 a{width:137px; text-align:center; background:url('../images/common/topbar_gra.jpg') no-repeat center; background-size:auto 48px}
#header .inner_header .top_bar .sc_right li.btn3 span{font-size:14px; font-weight:bold; color:#fff; letter-spacing:0; padding-left:23px; background:url('../images/common/topbar_ico3.png') no-repeat 0 center; background-size:16px auto}

#header .inner_header .row_header{position:relative; width:100%; background-color:#fff}
#header .inner_header.fixed{padding:0}
#header .inner_header.fixed .row_header{position:fixed; top:0; border-bottom:1px solid #eaeaea}
#header .inner_header .row_header h1{padding:20px 0 20px}
#header .inner_header .row_header h1 img{}
#header .inner_header .row_header .navgation{position:absolute; top:16px; right:0; z-index:501}


#gnb > ul > li{float:left; width:142px; margin-left:1px; text-align:center;}
#gnb > ul > li:first-child{margin-left:0}
#gnb > ul > li > a{display:block; position:relative; font-size:16px; font-weight:500; color:#aaa; line-height:35px; padding:5px; transition:ease-in-out .3s}
#gnb > ul > li > a.selected{color:#1687cf}
#gnb > ul > li:hover > a{color:#1687cf}
/*#gnb > ul > li.selected > a:after{content:""; position:absolute; top:0; left:50%; width:7px; height:7px; margin-left:-3px; background-color:#1687cf; border-radius:50%}*/


#gnb .dp2{height:0; margin-top:20px; padding-top:18px; overflow:hidden; box-sizing:border-box; transition:height ease-in-out .4s}
.bg_allmenu{position:absolute; width:100%; height:0; background-color:#fff; overflow:hidden; transition:height ease-in-out .4s}
.bg_allmenu .inner_bg_allmenu{position:relative; border-top:1px solid #f0f0f0; }
.bg_allmenu .inner_bg_allmenu .obj{position:absolute; left:-32px; top:-5px; width:329px; height:178px;  /*background:url('../images/common/obj1.png') no-repeat 0 0; opacity:0; transition:all ease-in-out .4s*/}
#gnb .dp2 li a{font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; color:#666; line-height:32px; letter-spacing:-0.5px; transition:all ease-in-out .2s}
#gnb .dp2 li a:hover{color:#1687cf}
#gnb .dp2 li a.selected{color:#1687cf; padding-bottom:1px; border-bottom:1px solid #1687cf}
.row_header.on #gnb .dp2{height:200px;}
.row_header.on .bg_allmenu{height:200px; overflow:visible; border-bottom:1px solid #f0f0f0;}   /*메인메뉴 높이*/
.row_header.on .bg_allmenu .inner_bg_allmenu .obj{top:-11px; opacity:1}


/*CS CENTER WIDE BANNER*/
.cs_center{position:relative; width:100%; height:208px;}
.cs_center .bg{position:absolute; bottom:0; height:193px;}
.cs_center .bgl{left:0; width:50%; background-color:#c3e7ff}
.cs_center .bgr{right:0; width:50%; background-color:#dc71ff}
.cs_center .bgc{position:absolute; top:0; width:100%; height:208px; background:url('../images/common/cs_bg.png') no-repeat center top; background-size:1920px auto}
.cs_center .txt_set{padding:57px 0 0}
.cs_center .txt_set .title{font-size:17px; font-weight:bold; color:#fff; letter-spacing:0.75px; text-transform:uppercase;}
.cs_center .txt_set .call_number{margin-top:8px; font-size:50px; font-weight:bold; color:#222}
.cs_center .txt_set .info_cs{margin-top:21px}
.cs_center .txt_set .info_cs span{font-size:14px; color:#666; letter-spacing:0.25px}
.cs_center .txt_set .info_cs span strong{color:#333}
.cs_center .txt_set .info_cs .sep{color:#a9d3ea; margin:0 10px}

/*FOOTER*/
#footer .inner_footer{padding-top:25px; padding-bottom:90px; background-color:#575858}
#footer .inner_footer .footer_menu li{position:relative; float:left; left:240px; padding-bottom:10px;  }
#footer .inner_footer .footer_menu li:after{content:""; display:inline-block; width:1px; height:12px; background-color:#aaa9a9; margin:0 12px}
#footer .inner_footer .footer_menu li:last-child:after{display:none;}
#footer .inner_footer .footer_menu li a{color:#aaa9a9;font-size:13px; font-weight:400}
#footer .inner_footer .sc_address0{padding-left:10px; margin-top:32px;}
#footer .inner_footer .sc_address1{margin-top:35px; position:absolute; top:0; right:40px;}
#footer .inner_footer .sc_address{margin-top:35px; position:absolute; top:0; left:240px; }
#footer .inner_footer .sc_address span,
#footer .inner_footer .sc_address strong{display:inline-block; font-size:13px; line-height:24px;}
#footer .inner_footer .sc_address span{color:#aaa9a9; line-height:24px; margin:0 8px}
#footer .inner_footer .sc_address strong{color:#fff; margin-right:8px}
#footer .inner_footer .sc_address span.ml0{margin-left:0}
#footer .inner_footer .sc_address2{margin-top:35px; position:absolute; top:0; right:220px;}
#footer .inner_footer .sc_address2 span,
#footer .inner_footer .sc_address2 strong{display:inline-block; font-size:13px; line-height:24px;}
#footer .inner_footer .sc_address2 span{color:#aaa9a9; line-height:24px; margin:0 8px}
#footer .inner_footer .sc_address2 strong{color:#fff; margin-right:8px}
#footer .inner_footer .sc_address2 span.ml0{margin-left:0}

.m_sc7{padding:15px 0 20px; background-color:#f0f2f2}
.m_sc7 .txt_set{text-align:center}
.m_sc7 .txt_set .stit{font-size:12px; font-weight:bold; color:#dc71ff; text-transform:uppercase; letter-spacing:0.75px; padding-top:64px; background:url('../images/common/symbol1.png') no-repeat center 0;}
.m_sc7 .txt_set .main_text{margin-top:22px; font-size:40px; font-weight:bold; color:#222; line-height:1.2;}
.m_sc7 .txt_set .sub_text{margin-top:12px; font-size:20px; font-weight:bold; color:#1687cf}
.m_sc7 .btn1{margin-top:33px; text-align:center}


/* ==========================================================================
   SUB VISUAL & SUB MENU & PAGE TOP
   ========================================================================== */
#sub_visual.bg1 .inner_sc{height:350px; background:url('../images/sub/svis5.jpg') no-repeat center 0}
#sub_visual.bg2 .inner_sc{height:350px; background:url('../images/sub/svis2.jpg') no-repeat center 0}
#sub_visual.bg3 .inner_sc{height:350px; background:url('../images/sub/svis3.jpg') no-repeat center 0}
#sub_visual.bg4 .inner_sc{height:350px; background:url('../images/sub/svis1.jpg') no-repeat center 0}
#sub_visual.bg5 .inner_sc{height:350px; background:url('../images/sub/svis4.jpg') no-repeat center 0}
#sub_visual .sub_title{position:relative; width:1100px; margin:0 auto; padding-top:75px}
#sub_visual .sub_title .stit{font-size:16px; font-weight:600;  color:#fff; letter-spacing:0.5px; text-transform:uppercase;}
#sub_visual .sub_title .title{margin-top:19px; font-size:40px; font-weight:bold; color:#fff; letter-spacing::-0.5px}
#sub_visual .sub_title .subtit{margin-top:29px; font-size:17px; font-weight:400; line-height:26px; color:#fff; letter-spacing:0.5px; text-transform:uppercase;}

#sub_nav{position:absolute; left:0; bottom:0; width:100%}
#sub_nav .navigaion li{position:relative; float:left; text-align:center; border:1px solid #efefef; border-top:0; border-right:0; background-color:#fff; box-sizing:border-box;}
#sub_nav .navigaion.dv2 li{width:50%}
#sub_nav .navigaion.dv3 li{width:33.333333333333%}
#sub_nav .navigaion.dv4 li{width:25%}
#sub_nav .navigaion.dv5 li{width:20%}
#sub_nav .navigaion.dv6 li{width:16.666666666666%}
#sub_nav .navigaion.dv7 li{width:14.2857142857%}
#sub_nav .navigaion li:first-child{border-left:0}
#sub_nav .navigaion li.selected{border-color:#1687cf; background-color:#1687cf}
#sub_nav .navigaion li:hover a{color:#555}
#sub_nav .navigaion li.selected a{font-weight:400; color:#fff}
#sub_nav .navigaion li.selected a:after{content:""; position:absolute; left:50%; bottom:-1px; width:1px; height:12px; background-color:#fff}
#sub_nav .navigaion li a{display:block; font-size:16px; font-weight:400; color:#999; line-height:63px; letter-spacing:-0.25px}

.pg_top{padding-top:57px; border-bottom:1px solid #eaeaea; padding-bottom:15px; transition:.3s ease-in-out}

.pg_top .pg_title{float:left; font-size:24px; font-weight:bold; color:#333; letter-spacing:-0.25px; }
.pg_top .path{float:right; padding-top:4px; }
.pg_top .path img{position:relative; top:2px}
.pg_top .path span,
.pg_top .path strong{display:inline-block; font-size:13px; font-weight:400; margin-left:6px; padding-left:14px; background:url('../images/common/arw3.png') no-repeat 0 center}
.pg_top .path span{color:#888;}
.pg_top .path strong{color:#1687cf}

.my_lecture{padding-top:40px; }
/* ==========================================================================
   요소
   ========================================================================== */
.sc_left, .sc_right{box-sizing:border-box;}
.main_image{text-align:center}
.main_image .main_center_img{display:inline;}
.sc_title1{text-align:center}
.sc_title1 .title{font-size:40px; font-weight:bold; color:#000; letter-spacing:-0.5px; }
.sc_title1 p{margin-top:15px; font-weight:300; color:#555; letter-spacing:-0.5px}
.sc_title1 span{color:#1687cf}
.sc_title2{text-align:center}
.sc_title2 .title{font-family: 'Roboto Condensed', sans-serif; font-size:48px; font-weight:bold; color:#3d8fff; letter-spacing:0.25px; text-transform:uppercase;}
.sc_title2 .title2{font-family: 'Roboto Condensed', sans-serif; font-size:34px; font-weight:500; color:#2bc61a; letter-spacing:0.25px; text-transform:uppercase;}
.sc_title2 p{margin-top:18px; font-size:20px; font-weight:300; color:#fff; letter-spacing:-0.5px}
.sc_title2 span{color:#fff;}

/* ==========================================================================
   MEMBER
   ========================================================================== */
#member .cs_center{display:none;}
#member .dot1:before{content:""; display:inline-block; width:6px; height:6px; background-color:#1687cf; border-radius:3px; margin-right:6px; vertical-align:middle; }
#member .hm_ipset1 > div{box-sizing:border-box; }
#member .hm_ipset1 .ip_left{float:left; width:247px}
#member .hm_ipset1 .ip_right{float:right; width:101px}
#member .hm_ipset1 .hm_btn1{display:block; width:100%; line-height:47px; font-size:14px; font-weight:bold; color:#fff; background-color:#1687cf; text-align:center; border-radius:6px; overflow:hidden; cursor:pointer}

/*로그인*/
.login .wrap_ct{padding:73px 0 100px;}
.login .inner_grid{position:relative; width:520px; margin:0 auto}
.login .sc_title{text-align:center; line-height:1.1; letter-spacing:0.25px; }
.login .sc_title .main_text{font-size:50px; font-weight:bold; color:#1687cf}
.login .sc_title .stext{margin-top:1px; font-size:16px; font-weight:bold; color:#222; text-transform:uppercase;}
.login_box{margin-top:29px; padding-top:22px; border-top:5px solid #333}
.login_box .txt1{font-size:15px; text-align:center; line-height:24px; letter-spacing:-0.5px}
.login_box .member_form{margin-top:19px; padding-bottom:26px; border-bottom:1px solid #dedede}
.login_box .member_form .member_ip input.type1{padding-left:56px}
.login_box .member_form .member_ip input.type1_1{text-align:center}
.login_box .member_form .member_ip input.ip1{border-radius:8px 8px 8px 8px; background:#fff url('../images/common/ico_ip1.png') no-repeat 20px center;}
.login_box .member_form .member_ip input.ip2{margin-top:12px; margin-bottom:12px; border-radius:8px 8px 8px 8px; width:31%; display:inline-block; background:#fff url('../images/common/ico_ip3.png') no-repeat 13px center;}}
.login_box .member_form .member_sb{margin-top:12px}
.member_form .member_ag{margin-top:23px}
.member_form .member_ag .member_agree{float:left;}
.member_form .member_ag .btn_set{float:right;}
.member_form .member_ag .btn_set a{display:inline-block; position:relative;  font-size:15px; font-weight:bold; letter-spacing:-0.25px; margin-left:10px; padding-left:14px}
.member_form .member_ag .btn_set a:before{content:""; display:block; position:absolute; top:2px; left:0; width:1px; height:14px; background-color:#d1d1d1;}
.member_form .member_ag .btn_set a:first-child{color:#1687cf; margin-left:0; padding-left:0}
.member_form .member_ag .btn_set a:first-child:before{display:none; }
.sns_login{margin-top:26px}
.sns_login li{position:relative; border:1px solid #ebebeb; margin-bottom:12px; background-color:#fff; border-radius:10px}
.sns_login li a:before{content:""; display:block; position:absolute; left:25px; top:18px; width:46px; height:42px; border-right:1px solid #e7e7e7;}
.sns_login li a{display:block; line-height:77px; text-align:center}
.sns_login li span{display:inline-block; font-size:18px; font-weight:bold; margin-left:70px}
.sns_login li.naver span{color:#03cf5d}
.sns_login li.naver a:before{background:url('../images/common/naver1.png') no-repeat 1px center}
.sns_login li.facebook span{color:#4267b2}
.sns_login li.facebook a:before{background:url('../images/common/facebook1.png') no-repeat 5px center}
.sns_login li.kakao span{color:#381e1f}
.sns_login li.kakao a:before{background:url('../images/common/kakao1.png') no-repeat 0 center}
/*회원가입*/
.join .wrap_ct{padding:81px 0 100px; }
.join .inner_grid{position:relative; width:607px; margin:0 auto}
.join .sc_title{text-align:center;}
.join .sc_title .title{font-size:28px; font-weight:bold; color:#323232; line-height:1.3}
.join .sc_title .title span{color:#ef1600}
.join .sc_title p{margin-top:7px; font-size:15px; font-weight:300; color:#333; line-height:22px; letter-spacing:-0.5px}
.join .member_sb{margin-top:20px}
.join .member_sb input.button3{font-size:20px; letter-spacing:0}
.join_box{margin-top:36px; border:1px solid #ebebeb; border-top:0; background-color:#fff}
.join_box .member_form{padding:56px 59px 48px; border-top:5px solid #333;}
.join_box .member_form .s_title{padding-bottom:17px; border-bottom:1px solid #eaeaea}
.join_box .member_form .s_title .title{float:left; font-size:16px; font-weight:bold; color:#ef1600; line-height:20px; letter-spacing:-0.25px; padding-left:19px; background:url('../images/common/ico_pen1.png') no-repeat 0 4px}
.join_box .member_form .s_title .refer1{position:relative; float:right; padding-top:4px; font-size:13px; color:#666}
.join_box .member_form .member_ip{padding:30px 0 10px 10px}
.join_box .member_form .member_ip > div{margin-bottom:13px}
.join_box .member_form .member_ip > div:before,
.join_box .member_form .member_ip > div:after {content:" "; display: table;}
.join_box .member_form .member_ip > div:after {clear: both;}
.join_box .member_form .member_ip .ip_item{float:left; font-size:14px; font-weight:300; color:#222; line-height:30px}
.join_box .member_form .member_ip .hm_ip{float:right; width:354px}
.join_box .member_form .member_ip .hm_ip input.type2:disabled{font-size:15px; font-weight:bold; color:#222; background-color:#f9f9f9}
.join_box .member_form .member_ip .hm_ip.dv1 input.type2{width:77px}
.join_box .member_form .member_ip .hm_ip.dv1 select.type1{width:77px}
.join_box .member_form .member_ip .hm_ip.dv1 span{display:inline-block; width:24px; font-size:14px; font-weight:300; color:#222; text-align:center}
.join_box .member_form .member_ip .hm_ip.dv2 input.type2{width:95px}
.join_box .member_form .member_ip .hm_ip.dv2 span{display:inline-block; width:16px; font-size:14px; font-weight:300; color:#222; text-align:center}
.join_box .member_form .member_terms{padding-top:26px}
.join_box .member_form .member_terms > div{position:relative; padding:9px 0}
.join_box .member_form .member_terms input[type="checkbox"].hm-cb2 + label span{font-weight:bold; color:#ef1600}
.join_box .member_form .member_terms .cb_all{padding-bottom:13px; border-bottom:1px solid #eaeaea; margin-bottom:15px}
.join_box .member_form .member_terms .cb_all input[type="checkbox"].hm-cb2 + label{font-size:16px; font-weight:bold; color:#ef1600}
.join_box .member_form .member_terms .btn_view{display:inline-block; position:absolute; right:0; top:15px; font-size:13px; font-weight:300; color:#222; padding-bottom:6px; border-bottom:1px solid #717171; cursor:pointer}
/*약관보기*/
.view_terms{width:1100px; height:682px; padding:38px 40px; background-color:#fff; box-sizing:border-box;} /*너비 등 커스텀*/
.view_terms .top_terms{position:relative; padding-bottom:18px; border-bottom:5px solid #333}
.view_terms .top_terms .title{font-size:20px; font-weight:bold; color:#222; letter-spacing:-0.25px}
.view_terms .btn-r{position:absolute; top:-1px; right:0;}
.view_terms .btn-r a{display:block; padding:5px 0 5px 5px}
.view_terms .sc_ct{margin-top:28px}
.view_terms .terms_box{height:530px; padding:0 16px; overflow-y:auto}
.view_terms .terms_box p{font-size:13px; font-weight:300; color:#222; line-height:24px; letter-spacing:-0.25px}
/*회원가입완료*/
.complete .wrap_ct{padding:97px 0 130px; background-color:#f7f3f9}
.complete .main_text{text-align:center; padding-top:242px; background:url('../images/common/symbol_c.png') no-repeat center 0}
.complete .main_text .title{margin-left:12px; font-size:32px; font-weight:bold; color:#222; line-height:1.3}
.complete .main_text .title span{color:#ef1600}
.complete .main_text p{margin-left:12px; margin-top:9px; font-size:15px; font-weight:300; color:#333; line-height:24px; letter-spacing:-0.5px}
.complete .btn_set{text-align:center; margin-top:54px}
.complete .btn_set a{margin:0 3px}
/*아이디,비번찾기*/
.join.find_info .inner_grid{width:566px}
.join.find_info .wrap_ct{padding:80px 0 70px}
.join.find_info .member_sb{margin-top:20px;}
.join .member_sb input.button3{font-size:16px; line-height:63px; letter-spacing:0; border-radius:0}
.find_info .join_box{margin-top:26px; }
.find_info .join_box .member_form{padding:1px 49px 15px 39px}
.find_info .join_box .member_form .member_ip{padding:30px 0 10px}
.find_info .result_box{margin-top:20px; text-align:center; padding:45px 0 51px; border:1px solid #ebebeb; border-bottom:1px solid #ef1600; background-color:#fff}
.find_info .result_box .title{font-size:15px; font-weight:300; color:#222}
.find_info .result_box .result_info{margin-top:11px; font-size:20px; font-weight:bold; color:#ef1600}


/* ==========================================================================
   게시판
   ========================================================================== */
.board1 .paging{margin-top:40px; margin-bottom:70px}
.board1 .btn_set{text-align:center; margin-top:40px; margin-bottom:50px}
.board1 .btn_set + .paging{margin-top:0}
.board1 .btn_set a{display:inline-block; width:98px; line-height:38px; font-size:14px; letter-spacing:0; text-align:center; margin:0 2px; border:1px solid #e4e4e4; box-sizing:border-box; border-radius:3px}
.board1 .btn_set a.btn1{width:120px; color:#fff; border-color:#1687cf; background:#1687cf}
.board1 .btn_set a.btn2{color:#999; background:#fff}
.board1 .btn_set a.btn3{width:120px; color:#fff; border-color:#f8052d; background:#f8052d}
.board1 .btn_set.a_right{text-align:right}
.board1 .btn_set.a_right a{margin-right:0}
.board_info1{padding:22px 0 18px}
.board_info1 span{display:inline-block; height:16px; font-size:14px; color:#666; line-height:16px; padding-left:23px; background:url('../images/common/ico_note2.png') no-repeat 0 center}
.board_list1{border-top:1px solid #222}
.board_list1 > table{width:100%; text-align:center}
.board_list1 th,
.board_list1 td{height:53px; font-size:15px; border-bottom:1px solid #f0f0f0}
.board_list1 th{color:#333; font-weight:400; background:#fcfcfc}
.board_list1 td{font-size:14px; color:#888}
.board_list1 td a:hover{opacity:0.8}
.board_list1 .tag{display:inline-block; width:38px; height:38px; font-size:11px; color:#fff; line-height:38px; background:#1687cf; border-radius:19px; overflow:hidden}
.board_list1 td.title{text-align:left; padding:0 14px}
.board_list1 td.title a{display:block; width:700px; font-size:15px; font-weight:400; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list2 > table{width:100%; text-align:center}
.board_list2 th,
.board_list2 td{height:23px; font-size:15px; }
.board_list2 th{color:#333; font-weight:400; background:#fcfcfc}
.board_list2 td{font-size:14px; color:#888}
.board_list2 td a:hover{opacity:0.8}
.board_list2 .tag{display:inline-block; width:38px; height:38px; font-size:11px; color:#fff; line-height:38px; background:#1687cf; border-radius:19px; overflow:hidden}
.board_list2 td.title{text-align:left; padding:0 14px}
.board_list2 td.title a{display:block; width:700px; font-size:15px; font-weight:400; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.empty_data td{height:260px; padding-top:90px; font-size:13px; color:#646466; text-align:center; background:url('../images/common/empty_data1.png') no-repeat center 83px; background-size:69px 69px; box-sizing:border-box}

.board_view1{border-top:1px solid #222}
.board_view1 .board_view_top{padding:18px 0; border-bottom:1px solid #f0f0f0}
.board_view1 h2{font-size:20px; font-weight:bold; color:#222; line-height:28px}
.board_view1 .board_info{margin-top:12px; font-size:14px}
.board_view1 .board_info .sep1{color:#d9dada; margin:0 10px}
.board_view1 .board_view{padding:31px 0; border-bottom:1px solid #eee}
.board_view1 .board_view p{font-size:15px; font-weight:400; color:#222; line-height:26px}
.board_view1 .board_view img{max-width:100%}
.board_view1 .board_pager{margin-top:22px; padding:0 23px; border:1px solid #eee; background-color:#fdfdfd}
.board_view1 .board_pager > div{float:left; width:50%; font-size:15px; line-height:80px; box-sizing:border-box}
.board_view1 .board_pager > div > div{display:inline-block}
.board_view1 .board_pager > div .item{color:#222}
.board_view1 .board_pager > div .title{width:80%; color:#555}
.board_view1 .board_pager > .prev{text-align:left; border-right:1px solid #ddd}
.board_view1 .board_pager > .prev .item{margin-right:12px; padding-left:16px; background:url('../images/common/arw7_1.png') no-repeat 0 center}
.board_view1 .board_pager > .next{text-align:right}
.board_view1 .board_pager > .next .title{text-align:right}
.board_view1 .board_pager > .next .item{margin-left:12px; padding-right:16px; background:url('../images/common/arw7_2.png') no-repeat right center}

.write_comment1 textarea{width:calc(100% - 130px); height:68px; border-right:none; padding:11px; font-size:14px; color:#999; background:#fbfbfb; vertical-align:top}
.write_comment1 input[type='submit']{display:inline-block; width:130px; height:68px; line-height:68px; font-size:14px; color:#892fea; border:1px solid #892fea; text-align:center; background:#fff; box-sizing:border-box}
.write_comment2 textarea{width:724px; height:68px; border-right:none; padding:11px; font-size:14px; color:#999; background:#fbfbfb; vertical-align:top}
.write_comment2 input[type='submit']{display:inline-block; width:100px; height:68px; line-height:68px; font-size:14px; color:#666; border:1px solid #999; text-align:center; background:#fff; box-sizing:border-box}

.comment_list .write_cmt p{font-size:13px; color:#777}   
.comment_list .write_cmt p span{color:#892fea}
.comment_list .write_cmt .input_cmt{padding:25px 0 30px; border-bottom:1px solid #e9e8e8}
.comment_list .write_cmt .input_cmt:before,
.comment_list .write_cmt .input_cmt:after {content:" "; display: table;}
.comment_list .write_cmt .input_cmt:after {clear: both;}
.comment_list .write_cmt .input_cmt .left{float:left; width:53px; margin-right:26px;}
.comment_list .write_cmt .input_cmt .left .img_profile{width:53px; height:53px; border-radius:27px; overflow:hidden}
.comment_list .write_cmt .input_cmt .left .img_profile img{width:100%}
.comment_list .write_cmt .input_cmt .right{float:left; width:calc(100% - 79px)}
.comment_list li{padding:30px 0 30px; border-bottom:1px solid #e9e8e8}
.comment_list li .inner_cmt:before,
.comment_list li .inner_cmt:after {content:" "; display: table;}
.comment_list li .inner_cmt:after {clear: both;}
.comment_list li .left{float:left; width:53px; margin-right:26px;}
.comment_list li .left .img_profile{width:53px; height:53px; border-radius:27px; overflow:hidden}
.comment_list li .left .img_profile img{width:100%}
.comment_list li .right{float:left; width:100%; overflow:hidden}
.comment_list li .right .cmt_txt{margin-top:15px; font-size:14px; color:#666; line-height:22px}
.comment_list li .right .cmt_txt span{color:#333}
.comment_list li .f_name{float:left; margin-top:3px; font-size:15px; color:#333; border-bottom:1px solid #e9e8e8; padding:0 0 15px; }
.comment_list li .f_name .sep{margin:0 6px; font-size:15px; color:#c6c6c6}
.comment_list li .f_name .date{font-size:15px; color:#777}
.comment_list li .f_adm{float:right}
.comment_list li .f_adm a{font-size:13px; color:#e35555}
.comment_list li .f_adm .rpl{color:#892fea}
.comment_list li .f_adm .mode{display:inline-block; vertical-align:top; }
.comment_list li .f_adm .sep{margin:0 4px; font-size:13px; color:#c6c6c6}
.comment_list li .write_comment2{margin:20px 0 30px}
.comment_list li .write_comment2 textarea{width:calc(100% - 100px)}
.comment_list li .re_comment{padding-left:79px;}   /*댓글의 댓글*/
.comment_list li .comment{margin-top:16px}
.comment_list li .comment:before,
.comment_list li .comment:after {content:" "; display: table;}
.comment_list li .comment:after {clear: both;}
.comment_list li .inner2:before,
.comment_list li .inner2:after {content:" "; display: table;}
.comment_list li .inner2:after {clear: both;}
.comment_list li .cmt_left{float:left; width:53px; margin-right:26px;}
.comment_list li .cmt_left .img_profile{width:53px; height:53px; border-radius:27px; overflow:hidden}
.comment_list li .cmt_left .img_profile img{width:100%}
.comment_list li .cmt_right{float:left; width:calc(100% - 79px)}
.comment_list li .cmt_right .f_name{margin-top:3px; font-size:15px; color:#333}
.comment_list li .cmt_right .f_name .sep{margin:0 6px; font-size:12px; color:#c6c6c6}
.comment_list li .cmt_right .f_name .date{font-size:12px; color:#777}
.comment_list li .cmt_right .cmt_txt{margin-top:12px; font-size:14px; color:#666; line-height:22px}
.comment_list li .cmt_right .cmt_txt span{color:#333}

.board_write1{border-top:1px solid #222}
.board_write1.brt1{border-top:1px solid #f0f0f0}
.board_write1 ul{display:table; width:100%}
.board_write1 li{display:table-row}
.board_write1 li > div{display:table-cell; border-bottom:1px solid #f0f0f0}
.board_write1 .board_item{width:15%; font-size:14px; font-weight:300; color:#222; text-align:center; background:#fafafa; box-sizing:border-box}
.board_write1 .board_form{width:85%; padding:10px 14px 10px 17px; box-sizing:border-box}
.board_write1 .board_form textarea{height:400px;width:99%;}
.board_write1 .board_form .refer{margin-top:10px; font-size:13px; color:#888}
.board_write1 .board_form .refer1{margin-left:13px; font-size:13px; color:#999}
.board_write1 .board_form .refer1 strong{color:#a62e08}
.board_write1 .board_form .file_input label{width:47px; height:47px; line-height:47px; margin-left:5px; border:1px solid #1687cf; border-radius:2px; background:#fff url('../images/common/ico_file1.png') no-repeat center; border-radius:6px}
.board_write1 .board_form .file_input input[type="text"]{width:calc(100% - 52px)}
.board_write1 .req{color:#e10000}
.board_write1 .sep1{display:inline-block; width:22px; text-align:center; font-size:14px; color:#333}
.board_write1 .sep2{display:inline-block; width:0px}
.board_write1.type1 .board_item{text-align:left; padding-left:40px}
.spam_num img{width:100px; height:47px}
.spam_num + input[type="text"] {display:inline-block; width: calc(100% - 100px); border-radius:0 6px 6px 0}

/*자주묻는 질문들*/
.tap_list1{border-top:1px solid #333}
.tap_list1 [data-control], .tap_list1 [data-content] > * {padding:17px 30px 17px 0; background:#fff}
.tap_list1 [data-control]{display:block; width:100%; text-align:left; border-bottom:1px solid #eee; outline:none}
.tap_list1 button{font-size:16px; font-weight:400; color:#333; line-height:24px; cursor:pointer}
.tap_list1 [data-content] p{font-size:15px; font-weight:300; color:#888; line-height:24px}
.tap_list1 [data-accordion] > [data-control]:after{top:50%; margin-top:-3px; background:url('../images/common/arw8_1.png') right center no-repeat; background-size:11px auto}
.tap_list1 [data-accordion].open > [data-control]:after{background:url('../images/common/arw8_2.png') right center no-repeat; background-size:11px auto}

/*문의폼*/
.inquiry{margin-top:25px; border-top:1px solid #333; padding-bottom:50px}
.inquiry .sc_ip{padding:20px 0 10px}
.inquiry .sc_ip li{padding:10px 0}
.inquiry .sc_ip li .lo_dv2{float:left; width:50%; padding:0 5px; box-sizing:border-box}
.inquiry .sc_ip li .lo_dv2:first-child{padding-left:0}
.inquiry .sc_ip li .lo_dv2:last-child{padding-right:0}
.inquiry .sc_ip li .lo_dv3{float:left; width:33.333333%; padding:0 6px; box-sizing:border-box}
.inquiry .sc_ip li .lo_dv3.cspan{width:66.666666%}
.inquiry .sc_ip li .lo_dv3:first-child{padding-left:0}
.inquiry .sc_ip li .lo_dv3:last-child{padding-right:0}
.inquiry .sc_ip li .lo_dv3.center{padding:0 4px}
.inquiry .sc_ip .ip_item{font-size:13px; font-weight:300; color:#222}
.inquiry .sc_ip .ip_item .req{color:#e85a57}
.inquiry .sc_ip .hm_ip{margin-top:11px}
.inquiry .sc_ip .hm_ip textarea{height:120px}
.inquiry .sc_ip .hm_ip .file_input label{width:47px; height:47px; line-height:47px; margin-left:5px; border:1px solid #1687cf; border-radius:2px; background:#fff url('../images/common/ico_file1.png') no-repeat center; border-radius:6px}
.inquiry .sc_ip .hm_ip .file_input input[type="text"]{width:calc(100% - 52px); border-radius:6px}
.inquiry .refer1{margin-top:10px; font-size:12px; color: #999;}
.inquiry .refer1 span{color:#e60013;}
.inquiry .terms{padding:0 0 26px; border-bottom:1px solid #e5e5e5}
.inquiry .terms textarea{height:120px; font-size:13px; color:#777}
.inquiry .ip_cb1{margin-top:10px}
.inquiry .ip_cb1 label{font-size:13px; color:#333; user-select:none}
.inquiry .btn_set{margin-top:50px; text-align:center}


.btn_sub_slide02{position:absolute;top:341px;width:1090px}
.btn_sub_slide02:after{content:"";display:block;clear:both}
.btn_sub_slide02 .slide_prev{float:left;margin-left:50px}
.btn_sub_slide02 .slide_next{float:right;margin-right:50px}
.btn_sub_status02{position:absolute;left:50%;bottom:23px;margin-left:-38px} /*네비게이터 중앙정렬*/
.btn_sub_status02:after{content:""; display:block; clear:both;}
.btn_sub_status02 li{float:left;width:11px;height:11px;margin:0 5px;background:url(/images/sub_current01.png) no-repeat}
.btn_sub_status02 li a{display:block;width:11px;height:11px;background:url(/images/sub_current01.png) no-repeat}
.btn_sub_status02 li a:hover{background:url(/images/sub_current01_on.png) no-repeat}  /* status */
.btn_sub_status02 li a.usl-current{background:url(/images/sub_current01_on.png) no-repeat}  /* status */

/*컨텐츠*/
.con_wrap {margin-bottom:30px; width:1070px;min-width:1070px;}
.con_wrap > p{color:#555; margin: 5px 0 5px 20px; line-height:24px;}

.con_wrap2 {width:1070px;min-width:1070px;}
.con_wrap2 > p{color:#555; margin: 5px 0 5px 0; line-height:24px;}
.con_wrap2 h3{font-size:20px; color:#005aef; }
.con_wrap2 h3:before { content: ''; display: inline-block; width:15px;  height: 2px;    margin-right:5px ; background: #005aef;}

/*컨텐츠-박스*/
.con_box {width:1050px;min-width:1050px; border:1px dotted #ccc; background:#f7f7f7; padding:20px;}
.con_box h2 { font-size:24px; color:#363989;}
.con_box > p {color:#555;  margin: 5px 0 5px 0; }

.con_wrap h1{font-size:22px; color:#1687cf; padding-left:20px;}
.con_wrap h2{font-size:24px; color:#363989;}
.con_wrap h3{font-size:20px; color:#005aef; padding-left:20px;}
.con_wrap h3:before { content: ''; display: inline-block; width:15px;  height: 2px;    margin-right:5px ; background: #005aef;}
.con_wrap h4{font-size:20px; color:#005aef; padding-left:20px;}
.con_wrap ul li {color:#555; margin: 5px 0 5px 0; line-height:22px;padding-left:10px;}
.con_wrap ul li:before { content: ''; display: inline-block; width:5px;  height: 1px;    margin:0 10px 5px -15px; background: #555;}
.con_wrap ul.no_line li {color:#555; margin: 5px 0; line-height:26px;}
.con_wrap ul.no_line li:before { display:none;}


/*컨텐츠-버튼*/
.con_wrap .con_btn {text-align:center; margin:20px 0;}
.con_wrap .con_btn button{ border:0; margin:0 5px;padding:15px 25px;}
.con_wrap .con_link{ margin:0 5px;padding:15px 25px;}

/*컨텐츠-테이블*/
.con_wrap .con_table1 {margin:20px;border-top:1px solid #e41e31;}
.con_wrap .con_table1  {width:100%;table-layout:fixed;border-collapse:collapse;    border: 1px solid #ddd;    border-top: 2px solid #d4d4d4;}
.con_wrap .con_table1  th {padding:12px 17px;font-weight:normal;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.con_wrap .con_table1  td {padding:12px 0;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center; line-height:30px;}
.con_wrap .con_table1  thead th {border-bottom:1px solid #ddd;}
.con_th_bg0{background:#ededed;}
.con_th_bg1{background:#fe9060;color:#fff;}
.con_th_bg2{background:#fe60cf;color:#fff;}
.con_th_bg3{background:#607dfe;color:#fff;}
.con_th_bg4{background:#c460fe;color:#fff;}
.con_th_bg5{background:#f5693b;color:#fff;}
.con_wrap .con_table1  tbody th {background:#f8f8f8;}
.con_wrap .con_table1  tbody td .bulDot {margin:0;font-size:14px;}
.con_wrap .con_table1  tbody td .bulDotList {margin:0;}
.con_wrap .con_table1  tbody td .bulDotList li {font-size:14px;}


.con_wrap .con_table2 {margin:20px;border-top:1px solid #e41e31;}
.con_wrap .con_table2  {width:100%;table-layout:fixed;border-collapse:collapse;    border: 1px solid #ddd;    border-top: 2px solid #d4d4d4;}
.con_wrap .con_table2  th {padding:12px 10px;font-weight:normal;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.con_wrap .con_table2  td {padding:12px 10px 12px 20px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:30px;vertical-align:middle;}
.con_wrap .con_table2  thead th {border-bottom:1px solid #ddd;}
.con_wrap .con_table2  tbody th {background:#f8f8f8;}
.con_wrap .con_table2  tbody td .bulDot {margin:0;font-size:14px;}
.con_wrap .con_table2  tbody td .bulDotList {margin:0;}
.con_wrap .con_table2  tbody td .bulDotList li {font-size:14px;}
.te_center{text-align:center;}
.te_left{text-align:left;}

/*강좌보기*/
.view_lecture{position:relative; width:720px;padding:30px 30px 0}
.view_lecture .line_view_lecture{position:relative; height:20px;}
.view_lecture .line_view_lecture:after{content:""; display:block; width:calc(100% - 26px); height:1px; background-color:#222}
.view_lecture .line_view_lecture .btn_x{position:absolute; top:-13px; right:-5px}
.view_lecture .line_view_lecture .btn_x a{display:block; padding:5px}
.view_lecture .top_view_lecture{display:table; width:100%}
.view_lecture .top_view_lecture > div{display:table-cell; vertical-align:middle; }
.view_lecture .top_view_lecture .sc_title{padding-left:22px; font-family: 'Open Sans', sans-serif; font-weight:bold; color:#222; letter-spacing:-0.25px}
.view_lecture .top_view_lecture .sc_title .txt_day{font-size:16px;}
.view_lecture .top_view_lecture .sc_title .txt_day strong{color:#892fea}
.view_lecture .top_view_lecture .sc_title .title{font-size:24px; line-height:30px; margin-top:12px;}
.view_lecture .ct_view_lecture{padding-top:20px}



#lecture #footer{border-top:1px solid #efefef}
#lecture .tag1{width:84px; font-size:14px; font-weight:bold; text-align:center; letter-spacing:-0.25px; padding:9px 10px 12px; border:1px solid #222; background-color:#fff; box-sizing:border-box; }
#lecture .tag1 .txt1{font-family: 'Open Sans', sans-serif; color:#222; padding-bottom:7px; border-bottom:1px solid #cecece}
#lecture .tag1 .txt2{color:#aaa; padding-top:9px}

/*나의 학습*/
.status_bar{position:relative; text-align:center; padding:8px 39px; margin-top:67px; margin-bottom:20px; background-color:#f3f3f3; border-radius:36px; overflow:hidden; box-sizing:border-box; }
.status_bar .swiper-container{padding:2px 0px}
.status_bar .item_month{display:inline-block; width:224px; margin:0 3px; color:#fff; border:1px solid #d6d6d6; background-color:#d6d6d6; border-radius:26px}
.status_bar .item_month.complete{color:#892fea; border-color:#892fea; background-color:#fff}
.status_bar .item_month.on{border-color:#892fea; background-color:#892fea}
.status_bar .item_month a{display:block; line-height:51px; font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:bold; letter-spacing:-0.25px}
.status_bar .swiper-button-prev,
.status_bar .swiper-button-next{width:54px; height:54px; top:9px; margin-top:0; border:1px solid #e2e2e2; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:11px auto; border-radius:50%; outline:none}
.status_bar .swiper-button-prev{left:9px; background-image:url('../images/common/arw_pgr1_1.png')}
.status_bar .swiper-button-next{right:9px; background-image:url('../images/common/arw_pgr1_2.png')}

.my_lecture{position:relative; padding-bottom:37px}

.my_lecture li{position:relative; padding:20px 0 5px;/*padding:40px 0 43px;*/ border-bottom:1px solid #efefef}
.my_lecture li:before,
.my_lecture li:after {content:" "; display: table;}
.my_lecture li:after {clear: both;}
.my_lecture li:last-child{border-bottom:0}
.my_lecture .sc_movie{position:relative; float:left;}
.my_lecture .sc_movie .thumb{position:relative; width:470px; height:282px}
.my_lecture .sc_movie .overlay{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3) url('../images/common/ico_play1_2.png') no-repeat center}
.my_lecture .sc_movie .tag1{position:absolute; left:14px; top:-12px}
.my_lecture .sc_lecture{position:relative; float:right; width:590px}
.my_lecture .sc_lecture .sc_title{width:490px; font-family: 'Open Sans', sans-serif; font-weight:bold; color:#222; letter-spacing:-0.25px}
.my_lecture .sc_lecture .sc_title .txt_day{font-size:20px; line-height:28px}
.my_lecture .sc_lecture .sc_title .title{font-size:24px; line-height:47px; padding-top:13px; margin-top:11px; border-top:1px solid #272727}
.my_lecture .sc_lecture .btn_set1{margin-top:15px}
.my_lecture .sc_lecture .btn_set1 > div{float:left; width:100%; border:1px solid #d6d6d6; background-color:#fff; box-sizing:border-box;}
.my_lecture .sc_lecture .btn_set1 > div > a{display:block; line-height:57px; text-align:center}
.my_lecture .sc_lecture .btn_set1 > div > a > span{display:inline-block; font-size:16px; font-weight:500; letter-spacing:-0.25px}
.my_lecture .sc_lecture .btn_set1 > .btn1{background-color:#d6d6d6}
.my_lecture .sc_lecture .btn_set1 .btn1 span{color:#fff; padding-left:24px; background:url('../images/common/ico_pc1.png') no-repeat 0 22px}
.my_lecture .sc_lecture .btn_set1 .btn2 span{color:#d6d6d6; padding-left:22px; background:url('../images/common/ico_note1_1.png') no-repeat 0 22px}
.my_lecture .sc_lecture .btn_set2{margin-top:14px}
.my_lecture .sc_lecture .btn_set2 > div{position:relative; float:left; width:192px; margin-right:7px; border:1px solid #d6d6d6; background-color:#d6d6d6; border-radius:27px; box-sizing:border-box;}
.my_lecture .sc_lecture .btn_set2 > div:last-child{margin-right:0}
.my_lecture .sc_lecture .btn_set2 > div > a{display:block; line-height:52px}
.my_lecture .sc_lecture .btn_set2 > div > a:before{content:""; position:absolute; top:22px; right:19px; width:15px; height:10px; background:url('../images/common/arw4_1.png') no-repeat 0 0}
.my_lecture .sc_lecture .btn_set2 > div > a > span{display:inline-block; padding-left:25px; font-size:15px; font-weight:bold; color:#fff; letter-spacing:-0.25px}
.my_lecture .sc_lecture .btn_set2 > div.cpl{border-color:#222; background-color:#fff}
.my_lecture .sc_lecture .btn_set2 > div.cpl > a:before{content:"합격"; display:inline-block; position:absolute; top:21px; right:18px; width:auto; font-size:15px; font-weight:bold; color:#ef0000; letter-spacing:-0.25px; height:20px; line-height:12px; padding-left:18px; background:url('../images/common/ico_check1.png') no-repeat 0 0}
.my_lecture .sc_lecture .btn_set2 > div.cpl > a > span{color:#222;}
.my_lecture .sc_lecture .btn_set2 > div.ing{background-color:#fff}
.my_lecture .sc_lecture .btn_set2 > div.ing > a:before{background:url('../images/common/arw4_2.png') no-repeat 0 0}
.my_lecture .sc_lecture .btn_set2 > div.ing > a > span{color:#222;}

.my_lecture .sc_lecture .btn_set3{margin-top:30px; border-top:1px solid #211f22}
.my_lecture .sc_lecture .btn_set3 > div{position:relative; border-bottom:1px solid #d9d0e0; background-color:transparent; box-sizing:border-box;}
.my_lecture .sc_lecture .btn_set3 > div:last-child{margin-right:0}
.my_lecture .sc_lecture .btn_set3 > div > a{display:block; line-height:49px}
.my_lecture .sc_lecture .btn_set3 > div > a:before{content:""; position:absolute; top:22px; right:24px; width:15px; height:10px; background:url('../images/common/arw4_3.png') no-repeat 0 0}
.my_lecture .sc_lecture .btn_set3 > div > a > span{display:inline-block; padding-left:24px; font-size:15px; font-weight:bold; color:#b6a8c2; letter-spacing:-0.25px}
.my_lecture .sc_lecture .btn_set3 > div.cpl > a:before{content:"합격"; display:inline-block; position:absolute; top:21px; right:12px; width:auto; font-size:15px; font-weight:bold; color:#ef0000; letter-spacing:-0.25px; height:20px; line-height:12px; padding-left:18px; background:url('../images/common/ico_check1.png') no-repeat 0 0}
.my_lecture .sc_lecture .btn_set3 > div.cpl > a > span{color:#f01719;}
.my_lecture .sc_lecture .btn_set3 > div.ing{background-color:#fff}
.my_lecture .sc_lecture .btn_set3 > div.ing > a:before{content:"Start"; display:inline-block; position:absolute; top:21px; right:24px; width:auto; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:bold; color:#222; letter-spacing:-0.25px; height:20px; line-height:12px; padding-right:21px; background:url('../images/common/arw4_2.png') no-repeat right 0}
.my_lecture .sc_lecture .btn_set3 > div.ing > a > span{color:#222;}

.my_lecture .sc_lecture .all_pro_txt {overflow:hidden; padding-top:15px; }
.my_lecture .sc_lecture .all_pro_txt .all_line {height:70px; border-bottom:1px solid #ddd; }
.my_lecture .sc_lecture .all_pro_txt .all_line span{ float:left; width:15%; min-width:80px; margin:10px; font-size:17px; color:#e41e31;font-weight:500;}
.my_lecture .sc_lecture .all_pro_txt .all_line p {float:left; width:80%; line-height:30px; }
.my_lecture .sc_lecture .all_pro_txt .all_line2 {height:60px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#555;}
.my_lecture .sc_lecture .all_pro_txt .all_line2 span{ float:left; width:15%; min-width:80px; margin:10px; padding-top:10px; font-size:17px; color:#e41e31;font-weight:500;}
.my_lecture .sc_lecture .all_pro_txt .all_line2 p {float:left; width:80%; line-height:36px; padding-top:10px;}
.my_lecture .sc_lecture .all_pro_txt .all_line3 {height:40px; }
.my_lecture .sc_lecture .all_pro_txt .all_line3 span{ float:left; width:15%; min-width:80px; margin:10px; font-size:17px; color:#e41e31;font-weight:500;}
.my_lecture .sc_lecture .all_pro_txt .all_line3 p {float:left; width:80%; line-height:28px; }
.my_lecture .sc_lecture .all_pro_btn {float:right;margin-top:20px;}
.my_lecture .sc_lecture .all_pro_btn ul li {float:left;margin-left:10px;}

#lecture .complete .tag1{border-color:#b81111; background-color:#f11919}
#lecture .complete .tag1 .txt1{color:#fff; border-bottom:1px solid #f55e5e}
#lecture .complete .tag1 .txt2{color:#fff}
#lecture .on .tag1 .txt2{color:#892fea}

.my_lecture .sc_lecture .tag2_on{position:absolute; right:0; top:-12px; width:74px; line-height:74px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.25px; text-align:center; border:1px solid #fa051c; background-color:#fa051c; border-radius:50%}
.my_lecture .sc_lecture .tag2_off{position:absolute; right:0; top:-12px; width:74px; line-height:74px; font-size:16px; font-weight:bold; color:#a6a3a4; letter-spacing:-0.25px; text-align:center; border:1px solid #6f6f6f; background-color:#fff; border-radius:50%}
.my_lecture .complete .sc_movie .overlay,
.my_lecture .on .sc_movie .overlay{background-image:url('../images/common/ico_play1_1.png')}
.my_lecture .complete .sc_lecture .btn_set1 > div,
.my_lecture .on .sc_lecture .btn_set1 > div{border-color:#892fea}
.my_lecture .complete .sc_lecture .btn_set1 > .btn1,
.my_lecture .on .sc_lecture .btn_set1 > .btn1{border-color:#892fea; background-color:#892fea}
.my_lecture .complete .sc_lecture .btn_set1 .btn2 span,
.my_lecture .on .sc_lecture .btn_set1 .btn2 span{color:#892fea; background-image:url('../images/common/ico_note1_2.png')}
.my_lecture .on .sc_lecture .sc_title .txt_day{padding-left:25px; background:url('../images/common/tag1.png') no-repeat 0 7px}


.my_lecture.today_class{padding:68px 0 49px; background-color:#f5ebfd}
.my_lecture.today_class .today_title{padding-bottom:23px; border-bottom:5px solid #222; font-size:22px; font-weight:bold; color:#222; line-height:25px; letter-spacing:-0.25px}
.my_lecture.today_class .today_title .title{float:left; padding-left:25px; background:url('../images/common/tag1.png') no-repeat 0 0}
.my_lecture.today_class .today_title .title strong{color:#f01719}
.my_lecture.today_class .today_title .date{float:right; }
.my_lecture.today_class .today_title .date strong{color:#9800ef}
.my_lecture.today_class .row_lecture{position:relative; padding:33px 0}
.my_lecture.today_class .sc_movie{float:left;}
.my_lecture.today_class .sc_movie .thumb{width:590px; height:352px}
.my_lecture.today_class .sc_lecture{width:450px}
.my_lecture.today_class .sc_lecture .sc_title{width:100%;}
.my_lecture.today_class .sc_lecture .sc_title .title{padding-top:0; margin-top:0; border-top:0}