@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 300;
  src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.eot);
  src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.eot?#iefix) format('embedded-opentype'),
       url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.woff) format('woff'),
       url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.ttf) format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{ margin:0; padding:0; border:0; font-size:100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /** Disable orange highlight */}
body { font-size:17px; -webkit-text-size-adjust:none; font-family:'Noto Sans KR', ​dotum, sans-serif; font-weight:300; letter-spacing:-.7px; width:640px; margin:0 auto; overflow-x: hidden;}
img { border:0; margin:0; padding:0;}
* { padding:0; margin:0; border:0; }

input.bhak_input { background-color:#f6f6f6; height:51px; border:1px solid #d7d7d7; border-radius:3px; font-size:19px; font-weight:500; color:#959595; padding:0 0 0 15px; -webkit-appearance: none;-moz-appearance: none;appearance: none; }
select.bhak_select { border-radius:3px; font-size:19px; font-weight:500; color:#959595; border:1px solid #d7d7d7; padding:0 0 0 15px; background:#f6f6f6 url('../images/sub/bg_select.jpg') no-repeat right; height:51px; }
textarea.bhak_textarea {  background-color:#f6f6f6; border:1px solid #d7d7d7; border-radius:3px; font-size:19px; font-weight:500; color:#959595; padding:5px 0 5px 15px; -webkit-appearance: none;-moz-appearance: none;appearance: none;  }

::-webkit-input-placeholder { /* WebKit browsers */color: #959595; font-weight:500; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #959595;  font-weight:500;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #959595; font-weight:500; }
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #959595; font-weight:500; }

#container {position:relative; width:640px; margin:0 auto; overflow-x: hidden;}
#header_main { z-index:10; width:640px; position:relative; height:68px; overflow:hidden;}
#header_main .btn_side { float:left; margin:22px 0 0 30px; }
#header_main h1 { text-align:center; padding-top:17px;}

#header { position:relative; overflow:hidden; font-weight:300; }
#header .top { background-color:#c01024; height:68px;  }
#header .top .btn_side { float:left; margin:22px 0 0 18px; }
#header .top ul { overflow:hidden; padding:19px 10px 0 0; float:right; }
#header .top ul li { list-style:none;float:left; background:url(../images/sub/line_header.jpg) no-repeat right; padding:0 15px;}
#header .top ul li:last-child { background:none; }
#header .top ul li a { display:block; color:#fff; font-size:20px; text-decoration:none; }
#header h1 { text-align:center; padding:20px 0; }
#header h1 a { text-decoration:none; }
#header h1 a span { color:#494646; font-size:21px; display:inline-block; vertical-align:top; padding:7px 0 0 10px; }
#header h1 span a { color:#494646; font-size:21px; display:inline-block; vertical-align:top; padding:7px 0 0 10px; }

#contents_main h2 { font-size:21px; font-weight:bold; color:#535259; margin:46px 0 16px 0;}
#contents .bhak_tit { background-color:#342f2f; height:60px; color:#fff; font-size:30px; font-weight:300;padding:15px 0 0 20px; }

.bhak_main { padding:0 21px; }
.bhak_main ul.license_category { overflow:hidden; }
.bhak_main ul.license_category li { float:left; list-style:none; margin-bottom:11px; }
.bhak_main ul.license_category li:nth-child(2n-2) { margin-right:11px; }
.bhak_main ul.license_category li a { display:block; }

.bhak_side_nav { background-color:#303345;  width:400px; position:fixed; left:-400px; top:0; z-index:60;overflow:hidden; overflow-y:scroll; height:100%;}
.bhak_side_nav .top { height:120px; padding:40px 0 0 0;  overflow:hidden; text-align:center; border-bottom:1px solid #232635; }
.bhak_side_nav .top .btn_side{ position:absolute; top:0; right:0; padding:23px 28px; }
.bhak_side_nav .top .tit { color:#a7abc2; margin-top:20px; font-size:16px; letter-spacing:-.5px;}
.bhak_side_nav .top_sub { height:130px; padding:30px 0 0 0;  overflow:hidden; text-align:center; border-bottom:1px solid #474c66; background-color:#373b4f;}
.bhak_side_nav .top_sub .btn_side{ position:absolute; top:0; right:0; padding:23px 28px;  }
.bhak_side_nav .top_sub .side_sub_logo { text-align:left; padding-left:44px; color:#9d9fa8; font-size:20px; font-weight:400; margin-bottom:10px;}
.bhak_side_nav .top_sub .login_txt { text-align:left; padding:16px 0 0 84px; overflow:hidden;}
.bhak_side_nav .top_sub .login_txt p { font-size:17px; color:#a7abc2; font-weight:400; float:left; letter-spacing:-1.5px; }
.bhak_side_nav .top_sub .login_txt strong { font-size:21px; color:#dcdfef; font-weight:400; }
.bhak_side_nav .top_sub .login_txt a.btn_side_login { float:right; padding-right:28px;}
.bhak_side_nav .login_info { text-align:center; }
.bhak_side_nav .login_info img { margin:30px auto; }
.bhak_side_nav .login_info ul { border-top:1px solid #098de2; border-bottom:1px solid #098de2; overflow:hidden;  padding:0;}
.bhak_side_nav .login_info ul li { float:left; width:49.5%; text-align:center; margin:0; line-height:62px; height:62px; color:#098de2; font-size:22px; letter-spacing:-.5px;}
.bhak_side_nav .login_info ul li:first-child { border-right:1px solid #098de2; }
.bhak_side_nav .login_info ul li a {display:block; height:62px; color:#098de2; font-size:22px;}
.bhak_side_nav ul.bhak_category { background-color:#373b4f; padding:10px 0; border-top:1px solid #323548; border-bottom:1px solid #474c66; }
.bhak_side_nav ul.bhak_category li { list-style:none; background:url(../images/ico_side_dot.jpg) no-repeat 50px center; }
.bhak_side_nav ul.bhak_category li a { display:block; font-size:21px; color:#c1c5db; text-decoration:none; padding:18px 30px 18px 68px; background:url(../images/ico_side_arrow.jpg) no-repeat 330px center;}
.bhak_side_nav ul.mini { overflow:hidden; padding-left:20px; }
.bhak_side_nav ul.mini li { float:left; }
.bhak_side_nav ul.mini li:nth-child(odd) { margin-right:5px; }
.bhak_side_nav .tel { text-align:center; display:block; margin:22px 0; }
.bhak_side_nav .talk a { float:left; display:block;}
.modal_side {position:fixed; width:100%; height:100%; opacity:0; background:#fff; z-index:40;}
#bhak_side_nav_bg {position:fixed; width:100%; height:100%; opacity:0.6; top:0; background:#fff; z-index:40; }

.bhak_category_slide { border-top:1px solid #242736;}
.bhak_category_slide > li { width:100%; font-size:23px; border-bottom:1px solid #232635; color:#fff; font-weight:400;}
.bhak_category_slide > li > a { color:#fff; text-decoration:none; display:block; padding:13px 0 15px 50px;  }
.bhak_category_slide .panel { cursor:pointer; position:relative; }
.bhak_category_slide .open_q { background-color:#212331; padding:18px 0 18px 70px; display:none; overflow:hidden; list-style:none; }
.bhak_category_slide .open_q li a { font-size:19px; text-decoration:none; color:#85899f; display:block; padding:8px 0; }
.bhak_category_slide .slide_down{ height:49px; background:url(../images/ico_side_up.jpg) no-repeat 328px 24px; padding:11px 0 0 50px; color:#fff; }
.bhak_category_slide .slide_up{ height:49px; background:url(../images/ico_side_down.jpg) no-repeat 328px 24px; padding:11px 0 0 50px; color:#fff; }
.bhak_category_slide .slide_right{ height:49px; background:url(../images/ico_side_right.jpg) no-repeat 333px 24px; padding:11px 0 0 50px;  }
.bhak_category_slide .slide_right > a{color:#fff;}

/* 메인 비쥬얼 슬라이드 */
.bhak_visual .slide_banner { height:277px; margin:0 0 10px 0; padding: 0; position:relative; }
.bhak_visual .slide_banner .slides {zoom: 1;margin: 0; padding: 0; overflow:hidden; }
.bhak_visual .slide_banner .slides > li {position:relative; display: none; -webkit-backface-visibility: hidden; }
.bhak_visual .slide_banner .slides > li a {display:block; }
.bhak_visual .slide_banner .slides img { display: block; text-align:center; }
.bhak_visual .slide_banner .flex-direction-nav { margin: 0; padding: 0; list-style: none; display:none; }
.bhak_visual .slide_banner .flex-direction-nav a { margin: 0 6px;  width: 30px; height: 30px; margin: -20px 0 0; display: block; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.bhak_visual .slide_banner .flex-direction-nav .flex-next { background-position: 100% 0; right: 5px; }
.bhak_visual .slide_banner .flex-direction-nav .flex-prev { left: 5px; }
.bhak_visual .slide_banner .flex-control-nav { position: absolute; right:20px; top:20px; text-align: right; margin: 0 0 0 0; padding: 0; list-style: none; font-size:0;}
.bhak_visual .slide_banner .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; }
.bhak_visual .slide_banner .flex-control-paging li a { width:8px; height:8px; margin-right:7px; display:block; cursor:pointer; text-indent:9999px; border-radius:10px; border:1px solid #fff;}
.bhak_visual .slide_banner .flex-control-paging li a:hover {background-color:#fff; border:1px solid #fff; }
.bhak_visual .slide_banner .flex-control-paging li a.flex-active { background-color:#fff; border:1px solid #fff; cursor: default; }

/* 메인 비디오 슬라이드 */
.video_slide {overflow:hidden; position:relative;}
.video_slide > h2 { padding-left:22px; }
.video_slide > h2 strong { color:#dc0e1c; }
.video_slide .list_box {overflow:hidden; position:relative; position:relative; padding:30px 0; background-color:#eaeaea; }
.video_slide #slide { width:472px; margin:0 auto; position:relative; overflow:hidden; }
.video_slide #slide p { font-size:13px; text-align:center; margin-top:10px; color:#5a5a5a; }
.video_slide a#prev {position:absolute; left:26px; top:78px; z-index:10;}
.video_slide a#next {position:absolute; right:26px; top:78px; z-index:10;}

#footer { background-color:#272727; font-family:'Noto Sans KR', ​dotum, sans-serif; font-weight:400; padding:13px 0 30px 0;}
#footer ul { overflow:hidden; width:483px; margin:0 auto; padding:0 0 26px 0; }
#footer ul li { float:left; border-radius:5px; overflow:hidden; border:1px solid #6b6b6b; margin:0 4px;}
#footer ul li a { display:block; padding:8px 24px 8px 22px; background-color:#353535; font-size:25px; color:#6b6b6b; text-decoration:none; }
#footer p { text-align:center; color:#868686; }
#footer p.tel { margin-bottom:10px; }
#footer p.tel a{ color:#868686;text-decoration:none; }

/* 전기기사 메인 */
.electrician_main { padding:0 21px 80px 21px; }
.electrician_main h2 { font-size:26px; color:#535259; font-weight:bold; padding:40px 0  12px 0; border-bottom:1px solid #b3b3b3; margin-bottom:13px;}
.electrician_main a { display:block; margin-bottom:13px; }
.bhak_electrician_visual .slide_banner { height:409px; margin:0 0 10px 0; padding: 0; position:relative; }
.bhak_electrician_visual .slide_banner .slides {zoom: 1;margin: 0; padding: 0; overflow:hidden; }
.bhak_electrician_visual .slide_banner .slides > li {position:relative; display: none; -webkit-backface-visibility: hidden; }
.bhak_electrician_visual .slide_banner .slides > li a {display:block; }
.bhak_electrician_visual .slide_banner .slides img { display: block; text-align:center; }
.bhak_electrician_visual .slide_banner .flex-direction-nav { margin: 0; padding: 0; list-style: none; display:none; }
.bhak_electrician_visual .slide_banner .flex-direction-nav a { margin: 0 6px;  width: 30px; height: 30px; margin: -20px 0 0; display: block; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.bhak_electrician_visual .slide_banner .flex-direction-nav .flex-next { background-position: 100% 0; right: 5px; }
.bhak_electrician_visual .slide_banner .flex-direction-nav .flex-prev { left: 5px; }
.bhak_electrician_visual .slide_banner .flex-control-nav { position: absolute; right:0; top:-45px; text-align: right; margin: 0 0 0 0; padding: 0; list-style: none; font-size:0;}
.bhak_electrician_visual .slide_banner .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; }
.bhak_electrician_visual .slide_banner .flex-control-paging li a { background-color:#ebebeb; width:10px; height:10px; margin-right:10px; display:block; cursor:pointer; text-indent:9999px; border-radius:10px;}
.bhak_electrician_visual .slide_banner .flex-control-paging li a:hover {background-color:#ed1c24;}
.bhak_electrician_visual .slide_banner .flex-control-paging li a.flex-active { background-color:#ed1c24; cursor: default; }

/* 로그인 */
.bhak_login { background-color:#f7f7f7; text-align:center; padding:70px 0 60px 0; min-height:800px;}
.bhak_login .tit_login { padding:0 0 50px 0; }
.bhak_login .inp_name {width:450px; background:#fff url('../images/sub/ico_login_id.jpg') no-repeat 40px 20px; border:1px solid #dadada; border-radius:8px; height:66px; padding:0 0 0 80px; margin-bottom:12px; font-size:24px; color:#a6a6a6; }
.bhak_login .inp_pw {width:450px; background:#fff url('../images/sub/ico_login_pw.jpg') no-repeat 40px 14px; border:1px solid #dadada; border-radius:8px; height:66px; padding:0 0 0 80px; margin-bottom:24px; font-size:24px; color:#a6a6a6; }
.bhak_login .check_wrap { overflow:hidden; width:430px; margin:30px auto 10px; }
.bhak_login .check_wrap li { float:left; list-style:none; font-weight:bold; }
.bhak_login .check_wrap li:first-child { margin-right:130px; }
.bhak_login .check_wrap .custom_check {width:150px; }
.bhak_login .btns a:last-child { margin-left:46px;}

/* 회원가입 */
.bhak_join_step { background-color:#f7f7f7; min-height:1050px; padding-bottom:30px;}
.bhak_join_step .join_wrap { width:534px; margin:0 auto; font-family: 'KoPub Dotum'; }
.bhak_join_step .join_wrap .tit { text-align:center; padding:64px 0; } 
.bhak_join_step .join_wrap .chek_all { border-bottom:1px solid #bebebe; color:#474747; margin-bottom:15px; padding-bottom:15px; text-align:left; font-weight:bold; }
.bhak_join_step .join_wrap .inner .chek {  }
.bhak_join_step .join_wrap .inner label { color:#474747; font-size:20px; font-weight:bold; letter-spacing:-1.5px;}
.bhak_join_step .join_wrap .inner label span { color:#c01024; }
.bhak_join_step .join_wrap .inner iframe { background-color:#fff; width:532px; border:1px solid #dadada; border-radius:5px; color:#474747; overflow-x:hidden; overflow-y:scroll; height:140px; margin:15px 0; }
.bhak_join_step .join_wrap .btn { text-align:center; margin:40px 0;}
.bhak_join_step .join_wrap .btn a { display:inline-block; }
.bhak_join_step .join_wrap .btn a:first-child { margin-right:50px; }

.bhak_join_info .join_wrap { width:530px; margin:60px auto;}
.bhak_join_info .join_wrap form div { margin-bottom:10px; overflow:hidden; }
.bhak_join_info .join_wrap form select { height:58px; padding:0 15px; margin-bottom:7px; font-size:20px; color:#959595; display:inline-block; }
.bhak_join_info .join_wrap form input[type="text"], input[type="password"] { width:498px; background:#f6f6f6; border:1px solid #e7e7e7; border-radius:3px; height:58px; padding:0 15px; margin-bottom:7px; font-size:20px; color:#959595; display:inline-block;}
.bhak_join_info .join_wrap form input.other { width:350px; margin-right:6px; }
.bhak_join_info .join_wrap form div a { display:inline-block; vertical-align:top; }
.bhak_join_info .join_wrap form .inp_name { overflow:hidden; margin-top:54px; }
.bhak_join_info .join_wrap form .inp_name input[type="text"] { width:200px; float:left; }
.bhak_join_info .join_wrap form .inp_birth { margin:0 0 50px 0; }
.bhak_join_info .join_wrap form .radio_wrap { overflow:hidden; font-size:0; }
.bhak_join_info .join_wrap form .radio_wrap li { float:left;  list-style-type:none;}
.bhak_join_info .join_wrap form .radio_wrap li:first-child { margin:0 10px; }
.bhak_join_info .join_wrap form .radio_wrap input[type=radio]{ display:none; }
.bhak_join_info .join_wrap form .radio_wrap label span{display:block;width:134px;background-color:#fff; border:1px solid #c01024; color:#c01024; font-size:20px; padding:14px 0; text-align:center; border-radius:8px; font-weight:500}
.bhak_join_info .join_wrap form .radio_wrap label input:checked + span{ border:1px solid #c01024; background:#c01024;color:#fff;}

.bhak_join_info .join_wrap form .inp_birth select { width:173px; }
.bhak_join_info .join_wrap form .inp_address { margin:50px 0 0 0;  }

.bhak_join_info .join_wrap p.txt_new {font-size:18px; color:#474747; letter-spacing:-2px; line-height:150%; padding-left:5px;}
.bhak_join_info .join_wrap .btn { text-align:center; margin:50px 0;}
.bhak_join_info .join_wrap .btn a { display:inline-block; }

.bhak_join_info .join_wrap .check_wrap { overflow:hidden; width:430px; margin:70px auto 30px; }
.bhak_join_info .join_wrap .check_wrap li { float:left; list-style:none; font-weight:bold; }
.bhak_join_info .join_wrap .check_wrap li:first-child { margin-right:70px; }
.bhak_join_info .join_wrap .check_wrap .custom_check {width:180px; }
.custom_check  {position:relative; font-size:20px;text-align:center; height:60px; font-family:'Noto Sans KR', ​dotum, sans-serif; }
.custom_check label {z-index: 8;position:absolute; left:0; top:0; height:30px; vertical-align:top; padding:0px 0 0 40px; background:url('../images/sub/custom_checkbox.png') no-repeat 0 0px; letter-spacing:-1.5px; color:#474747; }
.custom_check input[type="checkbox"]:checked + label {background-position:0 -40px; background:url('../images/sub/custom_checkbox_on.png') no-repeat 0 0px;}
.custom_check input {display:none;}
.custom_check_r  {position:relative; font-size:20px;text-align:center; height:60px; font-family:'Noto Sans KR', ​dotum, sans-serif; }
.custom_check_r label {position:absolute; right:0; top:0; height:30px; vertical-align:top; padding:0px 40px 0 0; background:url('../images/sub/custom_checkbox.png') no-repeat top right; letter-spacing:-1.5px; color:#474747; }
.custom_check_r input[type="checkbox"]:checked + label {background-position:0 -40px; background:url('../images/sub/custom_checkbox_on.png') no-repeat top right; }
.custom_check_r input {display:none;}

.bhak_join_step .join_wrap .txt_join_name { font-size:33px; font-weight:bold; color:#453f40; text-align:center; margin:0 0 45px 0; }
.bhak_join_step .join_wrap .txt_join_welcome { font-size:23px; color:#393939; text-align:center; letter-spacing:-1.5px; }

/* 아이디 비밀번호 찾기 */
.bhak_find .bhak_tab li a { width:297.5px;  }
.bhak_find #bhak_tab_con { padding:65px 30px 38px 30px;; text-align:center;}
.bhak_find #bhak_tab_con form h3 { margin-bottom:35px; }
.bhak_find #bhak_tab_con .inp_name input { width:518px; }
.bhak_find #bhak_tab_con .inp_birth { margin:14px 0 6px 0; }
.bhak_find #bhak_tab_con .inp_birth select { width:146px; } 
.bhak_find #bhak_tab_con .inp_birth .birth_yy { width:220px;  }
.bhak_find #bhak_tab_con .inp_birth .birth_mm { margin:0 8px; }
.bhak_find #bhak_tab_con .inp_email input { width:152px; }
.bhak_find #bhak_tab_con .inp_email select { width:175px; } 
.bhak_find #bhak_tab_con .inp_email .email_se { margin:0 8px; }
.bhak_find .btn_find { display:block; margin-top:44px; }

/* 교채구매 */
.bhak_inner { width:598px; margin:30px auto; }
.bhak_tab { overflow:hidden; border-bottom:1px solid #d3d0cc; border-top:1px solid #d3d0cc; border-left:1px solid #d3d0cc;}
.bhak_tab li { float:left;text-align:center; list-style:none; border-right:1px solid #d3d0cc; background:#ebebeb; }
.bhak_tab li.active { background-color:#827565;}
.bhak_tab li.active a { color:#fff;  }
.bhak_tab li a { display:block; width:198px; height:65px; line-height:65px; text-decoration:none; color:#8c8985; font-size:23px;}
#bhak_tab_con { border:1px solid #d2ceca; padding:23px 0;  }
.bhak_inner ul.book_list li { overflow:hidden; width:564px; margin:0 auto; border-bottom:1px solid #dddbd7; border-top:1px solid #d1cdc8}
.bhak_inner ul.book_list li .book_con { float:left; width:404px; overflow:hidden; padding:20px 0 18px 0;}
.bhak_inner ul.book_list li .book_con .b_img { float:left; margin:0 15px 0 5px;width:134px;height:188px;background-position:center center;background-repeat:no-repeat;background-color:white;background-size:cover;}
.bhak_inner ul.book_list li .book_con div.book_info { float:left;width:250px; }
.bhak_inner ul.book_list li .book_con div.book_info > h3 { font-size:18px; color:#67635e; font-weight:bold; margin:8px 0 16px 0; }
.bhak_inner ul.book_list li .book_con .b_price { overflow:hidden; margin-bottom:14px; }
.bhak_inner ul.book_list li .book_con .b_price p { float:left; font-size:17px; color:#67635e; letter-spacing:-.5px; }
.bhak_inner ul.book_list li .book_con .b_price p.price { background:url(../images/sub/ico_book_price.png) no-repeat left center; width:102px; }
.bhak_inner ul.book_list li .book_con .b_price p.discount { color:#de1f00; font-weight:400;} 
.bhak_inner ul.book_list li .book_con .b_price p.discount span { font-size:13px; color:#67635e; }
.bhak_inner ul.book_list li .book_con div.book_info > dl { font-size:16px; color:#7c7a78; }
.bhak_inner ul.book_list li .book_con div.book_info > dl dt { color:#11255f; }
.bhak_inner ul.book_list li .book_con div.book_info > dl dd { width:234px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bhak_inner ul.book_list li .book_btn { float:right; width:160px; background-color:#f7f5f2; height:156px; text-align:center; padding-top:73px; }
.bhak_inner ul.book_list li .book_con div.book_info > dl dd a { color:#7c7a78;  }

.bhak_inner ul.book_list li .book_btn a:first-child { margin-bottom:8px; display:block; }

/* 무료강의 */
.bhak_inner ul.lecture_list { width:564px; margin:0 auto;  border-top:2px solid #d9cbb9; }
.bhak_inner ul.lecture_list li { overflow:hidden; border-bottom:2px solid #d1cdc8; list-style:none; position:relative; }
.bhak_inner ul.lecture_list li a { text-decoration:none; display:block; padding:8px 3px; overflow:hidden;}
.bhak_inner ul.lecture_list li p { float:left; width:143px; height:95px; }
.bhak_inner ul.lecture_list li dl { float:left;max-width: 280px; }
.bhak_inner ul.lecture_list li dl dt { color:#67635e; font-weight:bold; font-size:18px; margin:4px 0 8px 0; }
.bhak_inner ul.lecture_list li dl dd { font-size:15px; color:#7c7a78; font-weight:400; }
.bhak_inner ul.lecture_list li dl dd span { font-size:16px; color:#11255f; margin-left:5px; }
.bhak_inner ul.lecture_list li a.btn_lecture { position:absolute; top:30px; right:20px; }

/* 기초강의*/
.bhak_college { border:2px solid #e6e4e1; width:600px; margin:28px auto; } 
.bhak_college form { padding:14px; border-bottom:2px solid #e6e4e1; }
.bhak_college form .select_college { width:572px; height:51px; margin:0 auto; border:1px solid #959595; background-color:#fafafa; font-size:22px; color:#433e3e; padding-left:20px;  }
.bhak_college h3 { color:#9f7d50; font-size:23px; font-weight:bold; width:544px; border-bottom:2px solid #9f7d50; margin:0 auto; padding:30px 0 10px 22px; background:url(../images/sub/ico_tit_college.jpg) no-repeat 3px 43px;}
.bhak_college ul { margin-bottom:50px; }
.bhak_college ul li { list-style:none; width:564px; margin:0 auto; overflow:hidden; height:160px; border-bottom:1px solid #d1cdc8;} 
.bhak_college ul li:last-child { border-bottom:2px solid #9f7d50; }
.bhak_college ul li .tit { float:left; width:228px; padding-left:8px; position:relative; height:160px;}
.bhak_college ul li .tit > p { font-size:25px; color:#67635e; margin:18px 0 18px 0; letter-spacing:-.5px; font-weight:400; line-height:100%; }
.bhak_college ul li .tit > p span { font-size:20px; display:inline-block; vertical-align:top; padding:0px 2px 0 0;  }
.bhak_college ul li .tit > a { position:absolute; bottom:20px; left:8px; }
.bhak_college ul li dl { float:left; width:130px; text-align:right; padding:22px 34px 0 0; font-weight:400;}
.bhak_college ul li dl dt { font-size:18px:; color:#11255f; }
.bhak_college ul li dl dd { font-size:18px; color:#989694; }
.bhak_college ul li dl dd.price { font-size:24px; color:#67635e; letter-spacing:-1.3px; }
.bhak_college ul li dl dd.price span { font-size:33px; margin-right:2px; }
.bhak_college ul li .btn { float:left; width:164px; background-color:#f7f5f2; text-align:center; height:130px; padding-top:30px;}
.bhak_college ul li .btn a { display:block; margin-bottom:8px; }

.tit_pay_step { height:66px; }
.bhak_pay_wrap { background-color:#f7f7f7; padding:10px 21px 70px 21px; margin:0; color:#474747; font-size:16px;}
.bhak_pay_wrap h3.tit_pay { font-size:23px; color:#535259; font-weight:bold; padding:40px 0 16px 2px; border-bottom:1px solid #acacac; margin-bottom:18px;}
.bhak_pay_wrap .inner_basket { font-family: 'KoPub Dotum'; font-weight:400; letter-spacing:-3px; background-color:#fff; padding:28px 12px 24px 12px; height:154px; margin-bottom:16px; border:2px solid #e6e6e6; position:relative;}
.bhak_pay_wrap .inner_basket a.basket_close { position:absolute; top:10px; right:10px; }
.bhak_pay_wrap .inner_basket .category { color:#757575; font-size:23px; padding-left:12px; }
.bhak_pay_wrap .inner_basket .title { color:#474747; font-size:28px; font-weight:bold; padding:20px 0 22px 10px; border-bottom:1px solid #c5c5c5;}
.bhak_pay_wrap .inner_basket .basket_pay { overflow:hidden; margin-top:8px;}
.bhak_pay_wrap .inner_basket .basket_pay p { float:left;  letter-spacing:-.5px;}
.bhak_pay_wrap .inner_basket .basket_pay p.num { font-size:27px; color:#989898; margin:5px 180px 0 20px; }
.bhak_pay_wrap .inner_basket .basket_pay p.price { font-size:27px; color:#8c8c8c; width:122px; padding:5px 0 0 10px; font-family:'Noto Sans KR', ​dotum, sans-serif; background:url(../images/sub/ico_basket_price.png) no-repeat left 60%; } 
.bhak_pay_wrap .inner_basket .basket_pay p.discount { float:right; font-size:32px; color:#535353; font-weight:bold; font-family:'Noto Sans KR', ​dotum, sans-serif; margin-right:5px;}
.bhak_pay_wrap .inner_basket .basket_pay p.discount span.won { font-size:22px; font-weight:normal; margin-left:3px; }
.bhak_pay_wrap .basket_delete { overflow:hidden; }
.bhak_pay_wrap .basket_delete p { float:left; }
.bhak_pay_wrap .basket_delete a { float:right; }
.bhak_pay_wrap .inner_pay { background-color:#fff; padding:10px 12px 10px 12px; border:2px solid #e6e6e6; margin-bottom:16px; }
.bhak_pay_wrap .inner_pay table.tbl_info_pay { width:100%; font-family:'Noto Sans KR', ​dotum, sans-serif; letter-spacing:-.5px;}
.bhak_pay_wrap .inner_pay table.tbl_info_pay th { font-size:23px; color:#757575; font-weight:normal; text-align:left; padding-left:16px; padding:12px 0 12px 10px;}
.bhak_pay_wrap .inner_pay table.tbl_info_pay td { font-size:27px; color:#000; font-weight:400; text-align:right; padding-right:10px; position:relative; }
.bhak_pay_wrap .inner_pay table.tbl_info_pay td img { position:absolute; top:17px; left:30%; }
.bhak_pay_wrap .inner_pay table.tbl_info_pay td span { font-size:22px; color:#9f9f9f; margin-left:5px; }
.bhak_pay_wrap .inner_pay table.tbl_info_pay tr.total th { font-size:25px; color:#535353; font-weight:bold; border-top:1px solid #d2d2d2; padding-top:14px; }
.bhak_pay_wrap .inner_pay table.tbl_info_pay tr.total td { font-size:31px; font-weight:bold; color:#c01024; border-top:1px solid #d2d2d2; }
.bhak_pay_wrap .border_r { border:2px solid #c01024 }
a.btn_basket_order { display:block; margin:64px 0 0 0; }
.bhak_pay_wrap .inner_coupon { background-color:#fff; }
.bhak_pay_wrap .inner_coupon .bhak_tab { border-bottom:none; }
.bhak_pay_wrap .inner_coupon .bhak_tab li a { width:297.5px; }
.bhak_pay_wrap .inner_coupon #bhak_tab_con { padding:34px 21px 26px 21px; position:relative;}
.bhak_pay_wrap .inner_coupon .bhak_tab00 select { width:550px; border:1px solid #d7d7d7; background:#f6f6f6 url('../images/sub/bg_select.jpg') no-repeat right; height:51px; border-radius:5px; padding-left:20px; color:#787878; font-size:18px; }
.bhak_pay_wrap .inner_coupon .bhak_tab00 p { margin:24px 0 5px 0; }
.bhak_pay_wrap .inner_coupon .btn_coupon { text-align:right; }
.bhak_pay_wrap .inner_coupon .cyber_money { overflow:hidden; }
.bhak_pay_wrap .inner_coupon .cyber_money input { float:left; width:370px; background-color:#f6f6f6; height:51px; border:1px solid #d7d7d7; border-radius:5px; font-size:29px; color:#535353; text-align:right; padding-right:10px; }
.bhak_pay_wrap .inner_coupon .cyber_money .custom_check {float:left; margin:10px 0 0 60px;}
.bhak_pay_wrap .inner_coupon .cyber_money .custom_check label { width:40px; color:#474747; font-size:22px; font-weight:500; }
.bhak_pay_wrap .inner_coupon p { color:#16px; color:#474747; letter-spacing:-1px; }
.bhak_pay_wrap .inner_coupon p.txt_cyber { margin-bottom:10px; }
.bhak_pay_wrap .inner_coupon p span.ini { width:130px; display:inline-block; }
.bhak_pay_wrap .inner_coupon p span.lat { padding-left:20px; width:110px; }
.bhak_pay_wrap .inner_coupon p strong { display:inline-block;color:#c01024;margin-left:8px; }
.bhak_pay_wrap .inner_coupon .btn_cyber { position:absolute; bottom:20px; right:21px; }
.bhak_pay_wrap .inner_address { background-color:#fff; border:2px solid #e6e6e6; padding:30px 21px; }
.bhak_pay_wrap .inner_address .radio_area { border-bottom:1px solid #d2d2d2; padding-bottom:40px; }
.bhak_pay_wrap .inner_address table.tbl_address { width:100%; }
.bhak_pay_wrap .inner_address table.tbl_address th { width:120px; font-size:20px; color:#6a6a6a; font-weight:400;}
.bhak_pay_wrap .inner_address table.tbl_address td { padding:3px 0;  }
.bhak_pay_wrap .inner_address table.tbl_address td input[type="text"] { width:420px;overflow:hidden; }
.bhak_pay_wrap .inner_address table.tbl_address td select { width:420px; font-size:18px;  } 
.bhak_pay_wrap .inner_address table.tbl_address td input.other { width:286px; float:left; margin-right:10px;}
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_name th { vertical-align:top; padding-top:16px;}
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_name td { padding-bottom:26px; }
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_area th { vertical-align:top; padding-top:16px;}
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_area td { padding-bottom:26px; }
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_area select { width:106px; margin-right:5px;}
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_area input { width:140px; font-size:15px; }
.bhak_pay_wrap .inner_address table.tbl_address tr.mobile_area input.input_mobile { margin-right:5px; }
.bhak_pay_wrap .inner_address table.tbl_address td input.input_address { margin-bottom:4px; }
.bhak_pay_wrap .inner_recomm { background-color:#fff; padding:46px 21px; position:relative; }
.bhak_pay_wrap .inner_recomm .txt_recomm { font-size:19px; color:#757575; margin:3px 0; font-weight:400;}
.bhak_pay_wrap .inner_recomm .recomm_search { overflow:hidden; margin:44px 0; }
.bhak_pay_wrap .inner_recomm .recomm_search input { float:left; width:376px; font-size:20px; color:#535353; margin-right:10px;}
.bhak_pay_wrap .inner_recomm .recomm_search a { float:left; }
.bhak_pay_wrap table.tbl_info { width:100%; border:1px solid #d2d2d2; border-collapse:collapse; table-layout:fixed;}
.bhak_pay_wrap table.tbl_info th { background-color:#e5e5e5; border:1px solid #d2d2d2; width:150px; color:#5e5e5e; font-size:20px; font-weight:600; letter-spacing:-.5px}
.bhak_pay_wrap table.tbl_info td { padding:20px 0 20px 14px; border:1px solid #d2d2d2; color:#5f5f5f; font-size:20px; font-weight:400;  letter-spacing:-1px}
.bhak_pay_wrap table.tbl_info td strong.total_pay_chek { font-weight:bold; color:#323232; font-size:28px; display:inline-block; }
.bhak_pay_wrap .inner_recomm .txt_bank { font-size:16px; color:#474747; margin-top:30px; }
.bhak_pay_wrap .inner_recomm .txt_bank > span { margin-left:20px; }
.bhak_pay_wrap .inner_recomm .btn_pay_bank { position:absolute; bottom:40px; right:21px; }
.bhak_pay_wrap .inner_payment .radio_wrap { overflow:hidden; font-size:0; margin:50px 0 70px 0;}
.bhak_pay_wrap .inner_payment .radio_wrap li { float:left;  list-style-type:none;}
.bhak_pay_wrap .inner_payment .radio_wrap input[type=radio]{ display:none; }
.bhak_pay_wrap .inner_payment .radio_wrap label span{display:block;width:134px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.card { margin:0 170px 0 115px; }
.bhak_pay_wrap .inner_payment .radio_wrap li.bank { margin:0 104px 0 0; }
.bhak_pay_wrap .inner_payment .radio_wrap li.vbank { margin:50px 100px 0 115px; }
.bhak_pay_wrap .inner_payment .radio_wrap li.vau { margin:80px 104px 0 0; }

.bhak_pay_wrap .inner_payment .radio_wrap li.card > label > span{ background:url('../images/sub/pay_radio_01.jpg') no-repeat; width:89px; height:197px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.card label input:checked + span{ background:url('../images/sub/pay_radio_01_on.jpg') no-repeat; width:89px; height:197px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.bank label span{ background:url('../images/sub/pay_radio_02.jpg') no-repeat; width:104px; height:197px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.bank label input:checked + span{ background:url('../images/sub/pay_radio_02_on.jpg') no-repeat; width:104px; height:197px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.vbank label span{ background:url('../images/sub/pay_radio_03.jpg') no-repeat; width:95px; height:197px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.vbank label input:checked + span{ background:url('../images/sub/pay_radio_03_on.jpg') no-repeat; width:95px; height:197px;}

.bhak_pay_wrap .inner_payment .radio_wrap li.vau label span{ background:url('../images/sub/pay_radio_041.png') no-repeat; width:176px; height:171px;}
.bhak_pay_wrap .inner_payment .radio_wrap li.vau label input:checked + span{ background:url('../images/sub/pay_radio_041_on.png') no-repeat; width:176px; height:171px;}

.bhak_pay_wrap .personal_info_area { margin-bottom:40px; }
.bhak_pay_wrap .personal_info_area .tit_pay { position:relative;}
.bhak_pay_wrap .personal_info_area .tit_pay .custom_check_r {  position:absolute; top:38px; left:598px;  }
.bhak_pay_wrap .personal_info_area .tit_pay .custom_check_r label { width:80px; color:#6a6a6a; }
.bhak_pay_wrap .personal_info_area .inner_info .custom_check_r { position:absolute; top:0; left:600px; }
.bhak_pay_wrap .personal_info_area .inner_info .custom_check_r label { width:40px; color:#6a6a6a}
.bhak_pay_wrap .personal_info_area .inner_info li { font-size:21px; color:#6a6a6a; font-weight:400; letter-spacing:-1px; position:relative; list-style-type:none;}
.bhak_pay_wrap .personal_info_area .inner_info li p { height:50px; }

#pop_recommend { }
#pop_recommend .inner_pop { width:456px; margin:0 auto; background-color:#fff; padding:45px 52px 55px 52px; }
#pop_recommend .inner_pop > h4 { text-align:center; margin-bottom:32px; }
#pop_recommend .inner_pop input { width:440px; margin-bottom:15px; }
#pop_recommend .inner_pop p { font-weight:400; font-size:17px; color:#777; margin:0 0 8px 3px; }
#pop_recommend .inner_pop > h5 { font-size:23px; color:#393939; font-weight:500; margin:44px 0 22px 0; }
#pop_recommend .inner_pop .agree_area { padding:15px; font-size:15px; color:#929292; border:1px solid #d7d7d7; border-radius:3px; background-color:#f8f8f8;white-space:pre-wrap; word-wrap: break-word; }
#pop_recommend .inner_pop .custom_check {margin:24px 0 0 375px;}

/* 팝업 레이어 */
.modal { position:absolute; top:0px; left:0; width:100%; height:100%; z-index:9999; }
.modal .modal_bg { position:fixed; left:0; top:0; width:100%; height:100%; -moz-opacity:0.65; background:#000; opacity:.65; filter:Alpha(Opacity=65); -ms-filter: alpha(opacity=65); }
.modal .modal_wrap { position:absolute; left:50%; margin-left:-280px; top:0px;}
.modal .modal_wrap .btn_close { position:absolute; top:-34px; right:-34px; }

.radio_area {position: relative; font-size:20px;color:#757575; width:100%; margin:10px 0;}
.radio_area span { margin:0 60px 0 5px; font-weight:bold; font-size:25px; color:#535353;}
.radio_area label { margin-right:45px;}
.radio_area input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio_area input[type="radio"] + label { display: inline-block; position: relative; padding-left:35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radio_area input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top:3px; width:23px; height:23px; text-align: center; background:#eaeaea; border:1px solid #959595; border-radius: 100%; }
.radio_area input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { }
.radio_area input[type="radio"]:checked + label:before { background:#eaeaea; border-color:none; }
.radio_area input[type="radio"]:checked + label:after { content: ''; position: absolute; top:9px; left:6px; width:10px; height:10px; border: 1px solid #ff0000; background: #ff0000; border-radius: 100%;  }
.radio_area select { padding:0 0 0 10px; width:218px; height:40px; }

/* 나의강의실 */
.mylecture_wrap { /*padding-bottom:40px;*/ }
.mylecture_wrap .mylecture_nav { overflow:hidden; list-style:none; border-bottom:1px solid #dbdbdb; }
.mylecture_wrap .mylecture_nav li { float:left; width:calc(25% - 1px); border-left:1px solid #eee; }
.mylecture_wrap .mylecture_nav li a { display:block; height:64px; line-height:64px; text-align:center; text-decoration:none; font-size:24px; color:#62627a; }
.mylecture_wrap .mylecture_nav li.on { background-color:#b9000e; border-left:1px solid #b9000e; }
.mylecture_wrap .mylecture_nav li.on a { color:#fff; }
.mylecture_wrap .inner_nav { overflow:hidden; list-style:none; border-bottom:1px solid #cdc9c4; margin:25px 0; }
.mylecture_wrap .inner_nav li { float:left; width:212.3px; border-left:1px solid #d2cfcb; background-color:#ebebeb;}
.mylecture_wrap .inner_nav li.on { background-color:#827565; }
.mylecture_wrap .inner_nav li.on a { color:#fff;  }
.mylecture_wrap .inner_nav li a { display:block; height:64px; line-height:64px; text-align:center; text-decoration:none; font-size:22px; color:#8c8985;}
.mylecture_wrap table.tbl_mylecture { width:598px; margin:32px auto; border-top:2px solid #9f7d50; border-bottom:2px solid #9f7d50; border-collapse:collapse; table-layout:fixed;}
.mylecture_wrap table.tbl_mylecture th { color:#8c8985; font-size:21px; font-weight:400; background:url('../images/sub/line_mylecture_th.jpg') no-repeat right; border-bottom:1px solid #a39c92;}
.mylecture_wrap table.tbl_mylecture th:last-child { background:none; padding:10px 0; }
.mylecture_wrap table.tbl_mylecture td { padding:16px 0; font-size:21px; color:#8c8985; border-bottom:1px solid #a39c92; text-align:center; }
.mylecture_wrap table.tbl_mylecture tr.notice { background-color:#fffbf4; font-weight:bold; }
.mylecture_wrap table.tbl_mylecture th.tit { width:380px; }
.mylecture_wrap table.tbl_mylecture th.date { width:125px; }
.mylecture_wrap table.tbl_mylecture td.tit_con a { display:block; text-decoration:none; text-align:left; padding-left:20px; color:#8c8985; width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mylecture_wrap table.tbl_mylecture th.prof { width:100px; }
.mylecture_wrap table.tbl_mylecture th.tit_prof { width:290px; }
.mylecture_wrap table.tbl_mylecture td.tit_con_prof a { display:block; text-decoration:none; text-align:left; padding-left:15px; color:#8c8985; width:275px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.mylecture_wrap table.tbl_view { width:598px; margin:32px auto 24px; border-top:2px solid #9f7d50; border-bottom:2px solid #9f7d50; border-collapse:collapse; table-layout:fixed; }
.mylecture_wrap table.tbl_view th { width:100px; font-size:21px; color:#8c8985; font-weight:normal;  border-bottom:1px solid #a39c92; padding: 0 0 0 13px; }
.mylecture_wrap table span.txt_space_l { margin-left:36px; display:inline-block;}
.mylecture_wrap table span.txt_space { margin:0 9px; display:inline-block; }
.mylecture_wrap table.tbl_view td { font-size:18px; color:#3f3c38; font-weight:400;  padding:10px 0; border-bottom:1px solid #a39c92; }
.mylecture_wrap table.tbl_view td.tit { width:380px; }
.mylecture_wrap table.tbl_view td.date { color:#8c8985; }
.mylecture_wrap table.tbl_view td.file a { text-decoration:none; color:#3f3c38; background:url('../images/sub/ico_file.jpg') no-repeat left; padding-left:28px;  }
.mylecture_wrap table.tbl_view td.con  { background-color:#f5f5f5; padding:40px 20px; color:#979797; font-size:17px;}
.mylecture_wrap table.tbl_view td.prof { overflow:hidden; }
.mylecture_wrap table.tbl_view td.sec_area p.prof { float:left; width:190px; border-right:1px solid #b9b3ac; }
.mylecture_wrap table.tbl_view td.sec_area p.subjet { float:left; color:#8c8985; padding:0 5px 0 20px; font-size:21px; }
.mylecture_wrap table.tbl_view td.sec_area p.subjet .sub_tit { color:#3f3c38; font-size:18px; }

.mylecture_wrap table.tbl_write { width:598px; margin:32px auto 24px; border-top:2px solid #9f7d50; border-bottom:2px solid #9f7d50; border-collapse:collapse; table-layout:fixed; }
.mylecture_wrap table.tbl_write th { width:125px; font-size:21px; color:#8c8985; font-weight:normal;  border-bottom:1px solid #a39c92;  }
.mylecture_wrap table.tbl_write td { font-size:18px; color:#3f3c38; font-weight:400;  padding:10px 0; border-bottom:1px solid #a39c92; }
.mylecture_wrap table.tbl_write input { width:430px; }
.mylecture_wrap table.tbl_write select { width:446px; }
.mylecture_wrap table.tbl_write textarea { width:430px; height:340px; }
.mylecture_wrap table.tbl_write .inputFile {position: relative; overflow: hidden; padding-right:96px;} /* input file */
.mylecture_wrap table.tbl_write .inputFile input { width:330px !important;  }
.mylecture_wrap table.tbl_write .inputFile a {position:absolute; top: 0; right:27px;} 
.mylecture_wrap table.tbl_write .inputFile .fileUpload .btnUpload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.mylecture_wrap .bhak_comment { border-top:1px solid #ccc8c3; padding-top:12px; margin:34px 0 0 0; font-size:17px; color:#656565; font-weight:400;  }
.mylecture_wrap .bhak_comment p.info { border:1px solid #dcdbd9; background-color:#efeeec; padding:12px 16px; overflow:hidden;}
.mylecture_wrap .bhak_comment p.info span { float:right; display:inline-block;}
.mylecture_wrap .inner_comment { background-color:#fff; border:1px solid #dcdbd9; border-top:none; padding:20px 16px; position:relative;}
.mylecture_wrap .inner_comment > .con { padding-bottom:30px; }
.mylecture_wrap .inner_comment > .file { /*position:absolute;*/ bottom:30px; left:14px; color:#324585; font-size:15px;  background:url('../images/sub/ico_file.jpg') no-repeat left; padding-left:28px; letter-spacing:-1px; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mylecture_wrap .btns_area { list-style-type:none; overflow:hidden; }
.mylecture_wrap .btns_area li { float:right; margin-right:7px; }
.mylecture_wrap .btn_inquiry_veiw { width:550px; margin:0 auto 40px; }
.mylecture_wrap .btn_view { text-align:center; margin:26px 0; }
.mylecture_wrap .bhak_file {border:1px solid #d7d7d7; width:569px; margin:24px auto;}
.mylecture_wrap .file_top { height:150px;  background-color:#fcfcfc;  }
.mylecture_wrap .bhak_file .file_list { list-style-type:none; overflow:hidden; padding:20px 16px; background-color:#f3f3f3;}
.mylecture_wrap .bhak_file .file_list > li { float:left; width:85px; position:relative; margin:0 11px;}
.mylecture_wrap .bhak_file .file_list > li a { position:absolute; right:0px; top:0px; padding:3px; }
.mylecture_wrap .bhak_file .file_list > li > p { font-size:15px; color:#b2b2b2; letter-spacing:-1px;}
.mylecture_wrap .bhak_file .file_list > li > p span { width:52px; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:bottom; }

#paging { overflow:hidden; text-align:center; margin:40px auto; }
#paging a { display:inline-block; width:29px;  margin:0 3px; line-height:29px; color:#8f8f8f; text-decoration:none; vertical-align:top; font-size:20px; }
#paging a.on { font-weight:bold; }


.bhak_btn1 {
    background: #b9000e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    font-size: 0.86em;
    font-weight: 700;
    margin: 20px auto 0;
    padding: 12px 0;
    width: 100%;
	font-family: "Noto Sans KR",​dotum,sans-serif;
	font-size: 26px;
	border-radius: 10px;
	text-align:center;
}
.mylecture_wrap .inner_nav2 { overflow:hidden; list-style:none; border-bottom:1px solid #cdc9c4; margin:25px 0; }
.mylecture_wrap .inner_nav2 li { float:left; width:calc(50% - 1px); border-left:1px solid #d2cfcb; background-color:#ebebeb;}
.mylecture_wrap .inner_nav2 li.on { background-color:#827565; }
.mylecture_wrap .inner_nav2 li.on a { color:#fff;  }
.mylecture_wrap .inner_nav2 li a { display:block; height:64px; line-height:64px; text-align:center; text-decoration:none; font-size:22px; color:#8c8985;}

.mylecture_wrap .inner_nav3 { overflow:hidden; list-style:none; border-bottom:1px solid #cdc9c4; margin:25px 0; }
.mylecture_wrap .inner_nav3 li { float:left; width:calc(25% - 1px); border-left:1px solid #d2cfcb; background-color:#ebebeb;}
.mylecture_wrap .inner_nav3 li.on { background-color:#827565; }
.mylecture_wrap .inner_nav3 li.on a { color:#fff;  }
.mylecture_wrap .inner_nav3 li a { display:block; height:64px; line-height:64px; text-align:center; text-decoration:none; font-size:22px; color:#8c8985;}