/*header dday*/
.div_header .div_logo .div_dday {position: relative; float: left; display: inline-block; width: 140px; margin: 0 0 0 10px;}
.div_header .div_logo .div_dday p {margin: 2px 0; font-size: 13px; line-height: 1; letter-spacing: -1px;}
.div_header .div_logo .div_dday p > span.logo_dday {letter-spacing: 0; font-weight: 900; color: #e21826; border-radius: 7px;}
.dday-owl-wrapper .owl-nav {position: absolute; bottom: -3px; right: 30px;}
.dday-owl-wrapper .owl-carousel .owl-nav button.owl-next, .dday-owl-wrapper .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {margin-left: 4px; color: #bbb;}
/*header*/
.div_header_topmemu ul.ul_topmenu > li > a > span.ic_badge_cart {background: #e21826;}
/*side_menu*/
.side_menu > h5.active, .side_menu > h5.active > a {color: #c00000;}
.ul_sidemenu > li.active > a, .ul_sidemenu > li:hover > a {color: #c00000;}

/*info*/
.tab_container_sub.tab_container_sub05 .tabs.tabs04 li, .tab_container_sub.tab_container_sub05 .tabs.tabs04 li:nth-child(1), .tab_container_sub.tab_container_sub05 .tabs.tabs04 li:nth-child(2) {width: 25%;}
.bot_btn_left {text-align: left;}
.bot_btn > a > span {vertical-align: middle;}
.bot_btn_left > a + a {margin-left: 15px;}
.mt_50 {margin-top: 50px;}
table.tb_sub01 tr th.th_border, table.tb_sub01 tr td.td_border {border-left: 1px solid #e6e6e6;}
.tb_sub01.tb_sub01_02 th, .tb_sub01.tb_sub01_02 td {line-height: 1.2;}
.tb_noti_left span {color: #e21826;}

.ul_chart01 > li {width: 6%; margin-left: 7%;}
.ul_chart01 > li:first-child {margin-left: 8%}
.ul_chart01 > li > span {left: 0;}
.label_chart02 {background: #e21826; }
.ul_chart01 > li.li_bar06 > p, .ul_chart01 > li.li_bar12 > p {background: #e9e9e9;}
.ul_chart01 > li.li_bar07 > p, .ul_chart01 > li.li_bar14 > p {background: #e21826; color: #f4f4f4;}
.ul_chart01 > li.li_bar01 > p {animation:p-61 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar02 > p {animation:p-67 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar03 > p {animation:p-69 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar04 > p {animation:p-73 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar05 > p {animation:p-77 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar06 > p {animation:p-78 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar07 > p {animation:p-93 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
    
.ul_chart01 > li.li_bar08 > p, .ul_chart01 > li.li_bar09 > p, .ul_chart01 > li.li_bar10 > p, .ul_chart01 > li.li_bar11 > p, .ul_chart01 > li.li_bar12 > p {animation: none;}

.ul_chart01 > li.li_bar08 > p.bar08_effect {animation:p-88 .5s; animation-fill-mode: both;}
.ul_chart01 > li.li_bar09 > p.bar09_effect {animation:p-86 .5s; animation-fill-mode: both;}
.ul_chart01 > li.li_bar10 > p.bar10_effect {animation:p-77 .5s; animation-fill-mode: both;}
.ul_chart01 > li.li_bar11 > p.bar11_effect {animation:p-76 .5s; animation-fill-mode: both;}
.ul_chart01 > li.li_bar12 > p.bar12_effect {animation:p-70 .5s; animation-fill-mode: both;}
.ul_chart01 > li.li_bar13 > p.bar13_effect {animation:p-73 .5s; animation-fill-mode: both;}
.ul_chart01 > li.li_bar14 > p.bar14_effect {animation:p-74 .5s; animation-fill-mode: both;}

.ul_chart01.ul_chart01_02 > li.li_bar01 > p {animation:p-61 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar02 > p {animation:p-70 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar03 > p {animation:p-67 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar04 > p {animation:p-71 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar05 > p {animation:p-78 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar06 > p {animation:p-83 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar07 > p {animation:p-80 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_02 > li.li_bar08 > p.bar08_effect {animation:p-47 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_02 > li.li_bar09 > p.bar09_effect {animation:p-36 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_02 > li.li_bar10 > p.bar10_effect {animation:p-45 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_02 > li.li_bar11 > p.bar11_effect {animation:p-83 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_02 > li.li_bar12 > p.bar12_effect {animation:p-31 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_02 > li.li_bar13 > p.bar13_effect {animation:p-90 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_02 > li.li_bar14 > p.bar14_effect {animation:p-37 .5s; animation-fill-mode: both;}

.ul_chart01.ul_chart01_03 > li.li_bar01 > p {animation:p-57 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar02 > p {animation:p-63 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar03 > p {animation:p-69 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar04 > p {animation:p-65 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar05 > p {animation:p-71 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar06 > p {animation:p-59 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar07 > p {animation:p-84 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_03 > li.li_bar08 > p.bar08_effect {animation:p-66 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_03 > li.li_bar09 > p.bar09_effect {animation:p-72 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_03 > li.li_bar10 > p.bar10_effect {animation:p-59 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_03 > li.li_bar11 > p.bar11_effect {animation:p-79 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_03 > li.li_bar12 > p.bar12_effect {animation:p-86 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_03 > li.li_bar13 > p.bar13_effect {animation:p-75 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_03 > li.li_bar14 > p.bar14_effect {animation:p-60 .5s; animation-fill-mode: both;}

.ul_chart01.ul_chart01_04 > li.li_bar01 > p {animation:p-51 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_04 > li.li_bar02 > p {animation:p-51 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_04 > li.li_bar03 > p {animation:p-60 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_04 > li.li_bar04 > p {animation:p-69 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_04 > li.li_bar05 > p {animation:p-61 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_04 > li.li_bar06 > p {animation:p-71 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_04 > li.li_bar07 > p {animation:p-92 .5s; animation-fill-mode: both; animation-delay: 0.5s;}    
.ul_chart01.ul_chart01_04 > li.li_bar08 > p.bar08_effect {animation:p-47 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_04 > li.li_bar09 > p.bar09_effect {animation:p-46 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_04 > li.li_bar10 > p.bar10_effect {animation:p-63 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_04 > li.li_bar11 > p.bar11_effect {animation:p-53 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_04 > li.li_bar12 > p.bar12_effect {animation:p-66 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_04 > li.li_bar13 > p.bar13_effect {animation:p-41 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_04 > li.li_bar14 > p.bar14_effect {animation:p-83 .5s; animation-fill-mode: both;}
    
.ul_chart01.ul_chart01_05 > li.li_bar01 > p {animation:p-47 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_05 > li.li_bar02 > p {animation:p-58 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_05 > li.li_bar03 > p {animation:p-58 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_05 > li.li_bar04 > p {animation:p-70 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_05 > li.li_bar05 > p {animation:p-64 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_05 > li.li_bar06 > p {animation:p-62 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01.ul_chart01_05 > li.li_bar07 > p {animation:p-85 .5s; animation-fill-mode: both; animation-delay: 0.5s;}    
.ul_chart01.ul_chart01_05 > li.li_bar08 > p.bar08_effect {animation:p-80 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_05 > li.li_bar09 > p.bar09_effect {animation:p-52 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_05 > li.li_bar10 > p.bar10_effect {animation:p-91 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_05 > li.li_bar11 > p.bar11_effect {animation:p-33 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_05 > li.li_bar12 > p.bar12_effect {animation:p-59 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_05 > li.li_bar13 > p.bar13_effect {animation:p-45 .5s; animation-fill-mode: both;}
.ul_chart01.ul_chart01_05 > li.li_bar14 > p.bar14_effect {animation:p-70 .5s; animation-fill-mode: both;}


/*lecturer*/
.ul_sub02_lecturer {display: inline-block; width: 100%;}
.ul_sub02_lecturer > li {float: left; display: inline-block; width: 49%; margin-right: 1%; margin-bottom: 25px;}
.ul_sub02_lecturer > li:nth-child(2n) {margin-right: 1%;}
.ul_sub02_lecturer > li p {width: 420px; height: 260px; margin-top: 10px;}
.ul_sub02_lecturer > li p.sub02_lecturer01 {background: url('../img/elec/sub02_lecturer01.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer02 {background: url('../img/elec/sub02_lecturer02.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer03 {background: url('../img/elec/sub02_lecturer03.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer04 {background: url('../img/elec/sub02_lecturer04.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer05 {background: url('../img/elec/sub02_lecturer05.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer06 {background: url('../img/elec/sub02_lecturer06.jpg');}
.ul_sub02_lecturer > li:hover p {box-shadow: 6px 6px 6px #d8d8d8;}
.ul_sub02_lecturer > li:hover p.sub02_lecturer01 {background: url('../img/elec/sub02_lecturer01_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer02 {background: url('../img/elec/sub02_lecturer02_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer03 {background: url('../img/elec/sub02_lecturer03_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer04 {background: url('../img/elec/sub02_lecturer04_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer05 {background: url('../img/elec/sub02_lecturer05_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer06 {background: url('../img/elec/sub02_lecturer06.jpg');}

.sub02_video > .video_thumb {border: 1px solid #d1d1d1; border-right: none;}
.sub02_video > .video_thumb02 {border: 1px solid #e4e4e4;}

.sub02_banner {margin-top: 0; text-align: center;}
.info_title > span {color: #e21826;}
.info_subject {margin-bottom: 20px; font-weight: 800;}
.container_cont.container_cont_sub02_top {height: 720px;}
.container_wrap_w100.sub02_section05 {background: #f1f1f1;}
.container_wrap_w100.sub02_section05_wh {background: #fff;}
.ul_sidemenu > li {font-size: 13px; color: #777;}
.side_menu_view.side_menu {border: none; z-index: 1;}
.side_menu_view .ul_sidemenu {margin-bottom: 8px;}
.side_menu_view .ul_sidemenu > li {border: 1px solid #c8c8c8;}
.side_menu_view .ul_sidemenu_lecture {border: 1px solid #c8c8c8; background: #f4f4f4;}
.side_menu_view .ul_sidemenu_lecture > li {border-top: 1px solid #c8c8c8;}
.side_menu_view .ul_sidemenu_lecture > li:first-child {border-top: none;}
.side_menu_view .ul_sidemenu_lecture li a {display: inline-block; padding: 15px 0; font-size: 17px; color: #222;}
.side_menu_view .ul_sidemenu_lecture li a > span {padding-left: 15px; vertical-align: middle;}

/*class*/
.ul_package > li > a {display: inline-block; width: 894px; height: 214px;}
.ul_package > li > a.pack01 {background: url('../img/elec/pack_banner01.png');}
.ul_package > li > a.pack02 {background: url('../img/elec/pack_banner02.png');}
.ul_package > li > a.pack03 {background: url('../img/elec/pack_banner03.png');}
.ul_package > li > a.pack04 {background: url('../img/elec/pack_banner04.png');}
.ul_package > li > a.pack05 {background: url('../img/elec/pack_banner05.png');}
.ul_package > li > a.pack06 {background: url('../img/elec/pack_banner06.png');}
.ul_package > li > a.pack07 {background: url('../img/elec/pack_banner07.png');}
.ul_package > li > a.pack08 {background: url('../img/elec/pack_banner08.png');}
.ul_package > li > a.pack09 {background: url('../img/elec/pack_banner09.png');}

.ul_package > li > a.pack01:hover {background: url('../img/elec/pack_banner01_on.png');}
.ul_package > li > a.pack02:hover {background: url('../img/elec/pack_banner02_on.png');}
.ul_package > li > a.pack03:hover {background: url('../img/elec/pack_banner03_on.png');}
.ul_package > li > a.pack04:hover {background: url('../img/elec/pack_banner04_on.png');}
.ul_package > li > a.pack05:hover {background: url('../img/elec/pack_banner05_on.png');}
.ul_package > li > a.pack06:hover {background: url('../img/elec/pack_banner06_on.png');}
.ul_package > li > a.pack07:hover {background: url('../img/elec/pack_banner07_on.png');}
.ul_package > li > a.pack08:hover {background: url('../img/elec/pack_banner08_on.png');}
.ul_package > li > a.pack09:hover {background: url('../img/elec/pack_banner09_on.png');}

/*reviews*/
.sub06_topbanner {height: 180px; margin-top: -65px; background: url('../img/elec/sub06_banner01.png');}
.sub06_bg {background: #f1f1f1;}
.slider_reviews_wrap {width: 920px; margin: 0 auto; padding-bottom: 90px;}
.slider_reviews_wrap .owl-dots {text-align: center;}
.slider_reviews_wrap .owl-theme .owl-dots .owl-dot span {display: block; width: 14px; height: 14px; margin: 0 2px; background: #bebebe; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 100%;}
.slider_reviews_wrap .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #e21826;}  

/*footer*/
.div_footer_bot ul li:nth-child(3) a {color: #e21826;}