@charset "utf-8";
/* CSS Document */

/*reset*/
body, div, p, img, address, ul, li, a, h4{margin:0; padding:0;}
img{border:0 none; width:100%;}
ul{list-style-type:none;}
ol{list-style: none;}
body {
  font-family: NanumBarunGothic, NanumBarunGothicBold, Florsn35, Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  word-wrap:break-word;word-break: keep-all;
  padding-bottom: 100px;
}

address{font-style:normal;}
a:link{ text-decoration:none; color:#333;}
caption { visibility:hidden; line-height:0; }

/*layout*/
body {position:relative;}
#header2{padding: 13px 0; width:100%; height :60px; background-color:#fff}

#contents{ width:100%;}
#footer{background-color:#f5f5f5; width:100%;padding: 35px 0px;}

/*header*/
#header{color: #FFF;  position: relative;  background: #4559a0;  height: 40px; text-align: center;  font-size: 18px; padding: 8px;}
#header .logo{width:200px; height:37px; margin:6px; }
#header .r_top_btn{position:absolute; right:5px; top:11px;}
#header .r_top_btn img{ width:65px;}

#header .title{text-align:center; font-weight:600; font-size:14px; }
#header > a:link{color:#fff; }
#header .pre{position:absolute; top:11px; left:6px; font-size:13px; }  
#header .pre img{width:55px;}
#header .home{position:absolute; top:11px; left:61px; font-size:13px;}  
#header .home img{ width:30px;}	  


/*header2*/
#header2{color:#FFF; position:relative;}

#header2 p.title{margin:auto; width:177px; height:35px}
#header2 a:link{color:#fff;}

/*contents*/
#contents{line-height:0; font-size:0; float:left; /*padding-bottom:20px;*/}

#contents h4{float:left; margin:12px 0 8px 22px; width:45%;}

#contents ul{margin:5px 15px 0 26px; clear:both;}
#contents ul li{float:left; width:33.3%; padding:0; margin:0;}
#contents li img { width:90%; }

/*footer*/		  
#footer{color:#FFF; clear:both; font-size:10px; line-height:130%; text-align:center;}

#footer .call_area{width:100%; height:25px; padding:5px 0 1px 0; border-bottom:1px solid #1a3a6e;}
#footer .call_area p{ display:inline-block; vertical-align:middle;}
#footer .call_area .c1{width:132px;}
#footer .call_area .c_btn{width:62px;}

/*  #footer .call_area img{width:94px; height:74px; } */		
#footer .left_foot{width:270px; display:inline-block; padding-top:4px;}
#footer .left_foot ul{margin-bottom:2px;  float:left; width:250px; padding-left:10px;}
#footer .left_foot ul li{float:left; width:30%; padding:0; margin:0;}
#footer .left_foot li:nth-child(2) { width:39.6%}
#footer .left_foot li img{width:98%;}

#footer address{clear:both;}
#footer .left_foot p{ margin-top:2px; clear:both;}


/*버튼*/
a.btn_blueBg { background:#4582ff; color:#f2f6f9 !important; padding:4px 10px; border:1px solid #3778fe; border-radius:3px !important; vertical-align:0px; font-size:12px; text-decoration:none!important;}
a.btn_blueBg_squr { background:#4582ff; color:#f2f6f9 !important; padding:16px 17px 14px; border:1px solid #3778fe; border-radius:3px !important; vertical-align:0px; font-size:12px;  text-decoration:none!important;}
a.btn_skyblueBg_squr { background:#0cc0ec; color:#f2f6f9 !important; padding:18px 16px 16px; border:1px solid #00aad4; border-radius:3px !important; vertical-align:0px; font-size:12px;  text-decoration:none!important; font-weight:bold;}
a.btn_dgray_squr { background:#a9acb2; color:#fff !important; padding:14px 25px 12px; border:1px solid #a9acb2; border-radius:3px !important; vertical-align:0px; font-size:12px; font-weight:bold;  text-decoration:none!important;}
a.btn_white_squr { background:#fff; color:#0067d1 !important; padding:14px 25px 12px; border:1px solid #0b7aec; border-radius:3px !important; vertical-align:0px; font-size:12px; font-weight:bold;  text-decoration:none!important;}

/*로그인*/
.login_btn_skyblue { width:96%; background:#0cc0ec; color:#fff !important; padding:10px 16px 10px; border:1px solid #00aad4; margin:auto; border-radius:3px !important; font-size:14px;  text-decoration:none!important; font-weight:bold;}
.login_btn_skyblue a:link,
.login_btn_skyblue a:hover,
.login_btn_skyblue a:visited { width:96%; background:#0cc0ec; color:#fff !important; padding:10px 16px 10px;  font-size:14px;  text-decoration:none!important; font-weight:bold;}

.member_btn_blue { width:96%; background:#337ab7; color:#fff !important; padding:10px 16px 10px; border:1px solid #337ab7; margin:auto; border-radius:3px !important; font-size:14px;  text-decoration:none!important; font-weight:bold;}
.member_btn_blue a:link,
.member_btn_blue a:hover,
.member_btn_blue a:visited { width:96%; background:#337ab7; color:#fff !important; padding:10px 16px 10px;  font-size:14px;  text-decoration:none!important; font-weight:bold;}

/*로그인 공동인증서 로그인 안내 버튼 추가 20240118*/
.pctomobile_btn_green { width:96%; background:#2e9261; color:#fff !important; padding:10px 16px 10px; border:1px solid #2e9261; margin:auto; border-radius:3px !important; font-size:14px;  text-decoration:none!important; font-weight:bold;display:block;}
.pctomobile_btn_green a:link,
.pctomobile_btn_green a:hover,
.pctomobile_btn_green a:visited { color:#fff !important; }


/*사용*/
.btn_bg_blue { background:#337ab7; color:#fff !important; padding:4px 5px; border:1px solid #2e6da4; border-radius:4px; font-size:12px; font-weight:400; }
.btn_bg_white { background:#fff; color:#0067d1 !important; padding:4px 4px; border:1px solid #0b7aec; border-radius:4px; font-size:12px; font-weight:bold; }
.btn_bg_orange{background:#ff7e00; color:#fff !important; padding:2px 4px; border:1px solid #ee7600; border-radius:4px; font-size:12px; font-weight:bold;}
.btn_bg_skyblue { background:#0cc0ec; color:#fff !important; padding:2px 5px; border:1px solid #00aad4; border-radius:4px; font-size:12px; font-weight:bold; }
.btn_bg_wgray { background:#e8e8e8; color:#777 !important; padding:2px 4px; border:1px solid #bbb; border-radius:4px; font-size:12px; font-weight:bold; }
.btn_bg_gray { background:#777; color:#fff !important; padding:2px 4px; border:1px solid #777; border-radius:4px; font-size:12px; font-weight:bold; }
.btn_bg_red { background:#ea0016; color:#fff !important; padding:2px 5px; border:1px solid #ea0016; border-radius:4px; font-size:12px; font-weight:bold; }
.btn_bg_yellow { background:#ff9a31; color:#fff !important; padding:2px 4px; border:1px solid #ff9a31; border-radius:4px; font-size:12px; font-weight:bold; }

.btn_tb_yellow { background:#fff1a4; color:#555 !important; padding:3px 8px 4px; border:1px solid #f9d300; border-radius:3px; font-size:12px; font-weight:bold; }
.btn_tb_skyblue { background:#c5f1ff; color:#555 !important; padding:3px 8px 4px; border:1px solid #8be2ff; border-radius:3px; font-size:12px; font-weight:bold; }
.btn_tb_gray { background:#e7e7e7; color:#555 !important; padding:3px 8px 4px; border:1px solid #ccc; border-radius:3px; font-size:12px; font-weight:bold; }

.btn_tb_blue { background:#4582ff; color:#fff !important; padding:3px 8px 4px; border:1px solid #4582ff; border-radius:3px; font-size:12px; font-weight:bold; }
.btn_tb_white { background:#fff; color:#555 !important; padding:3px 8px 4px; border:1px solid #ddd; border-radius:3px; font-size:12px; font-weight:bold; }


.noti_icon_white { background:#fff; color:#0067d1 !important; padding:2px 3px 0; border:1px solid #0b7aec; border-radius:3px; font-size:10px; font-weight:bold; }
.noti_icon_blue { background:#31b9ff; color:#fff !important; padding:2px 3px 0; border:1px solid #31b9ff; border-radius:3px; font-size:10px; font-weight:bold; }
.noti_icon_red { background:#ea0016; color:#fff !important; padding:2px 3px 0; border:1px solssid #ea0016; border-radius:3px; font-size:10px; font-weight:bold; }
.noti_icon_yellow { background:#ff9a31; color:#fff !important; padding:2px 3px 0; border:1px solid #ff9a31; border-radius:3px; font-size:10px; font-weight:bold; }


/* 버튼2 */
.btn_ten_more { border:1px solid #bebebe; text-align:center; background:#e7e7e7; color:#606060 !important; padding:10px 0; font-size:14px; font-weight:bold; width:100%; display:inline-block; } /* 10개 더보기 가로 100% */
.btn_q_gray { background:#777 !important; color:#fff !important; padding:4px 4px 1px; border:1px solid #777 !important; border-radius:3px; font-size:12px; font-weight:bold; }
.bg_red { background:#ea0016; } /* 질문방 조교 */
.bg_blue { background:#1658da; } /* 질문방 교수 */
.bg_gray { background:#e7e7e7; } /* 질문방 교수 */
.bg_gray2 { background:#696c71; } /* 질문방 교수 */
.bg_gray{ padding:2px 7px 0 !important; border-radius:8px;  font-size:11px; display:inline-block;}
.bg_red,
.bg_gray2,
.bg_blue { padding:2px 7px 0 !important; border-radius:8px; color:#fff !important; font-size:11px; display:inline-block;}
.title_btn { position:absolute; right:0; top:-2px; }
.btn_q_skyblue { background:#4582ff; padding:5px 10px 2px; color:#fff !important; font-size:12px; font-weight:bold; border-radius:3px; display:inline-block; }
.btn_q_red { background:#ea0016; padding:5px 10px 2px; color:#fff !important; font-size:12px; font-weight:bold; border-radius:3px; display:inline-block; }
.btn_big_skyblue { background:#4582ff; padding:7px 10px 4px; color:#fff !important; font-size:14px; font-weight:bold; border-radius:3px; display:inline-block; }
.btn_big_gray { background:#8b8b8b; padding:7px 10px 4px; color:#fff !important; font-size:14px; font-weight:bold; border-radius:3px; display:inline-block; }
.btn_area { text-align:center; margin-top:15px; }
.btn_bg_skyblue2 { background:#0cc0ec; color:#fff !important; padding:2px 5px; border:1px solid #00aad4; border-radius:3px; font-size:12px; font-weight:bold; display:inline-block; }
.btn_bg_red2 { background:#ff455b; color:#fff !important; padding:2px 5px; border:1px solid #ff455b; border-radius:3px; font-size:12px; font-weight:bold; display:inline-block; }
.bg_white { padding:3px 5px 0px; border-radius:5px; color:#0b7aec; font-size:11px; border:1px solid #0b7aec; text-align:center; }
.btn_search_gray { background:#747474; padding:7px 10px 4px; color:#fff !important; font-size:12px; display:inline-block; border-radius:3px; font-weight:bold; }

/*수강료납부*/
.btn_ok_red {width:48%; background:#ff4545; color:#fff !important; padding:10px 5px; border-radius:3px; font-size:16px; font-weight:600; text-align:center; margin:15px 1px 1px 3px;  display:inline-block; }
.btn_ok_red a:link,
.btn_ok_red a:hover,
.btn_ok_red a:visited{width:48%; background:#ff4545; color:#fff !important; padding:10px 5px; border-radius:3px; font-size:16px; font-weight:600; text-align:center; margin:15px 1px 1px 3px; }
.btn_cancel_gray {width:48%; background:#999; color:#fff !important; padding:10px 5px; border-radius:3px; font-size:16px; font-weight:600; text-align:center; margin:15px 1px 1px 3px;  display:inline-block; }
.btn_cancel_gray a:link,
.btn_cancel_gray a:hover,
.btn_cancel_gray a:visited{width:48%; background:#999; color:#fff !important; padding:10px 5px; border-radius:3px; font-size:16px; font-weight:600; text-align:center; margin:15px 1px 1px 3px; }

/*강의계획서동의*/
.btn_agree_blue {width:98%; background:#337ab7; color:#fff !important; padding:8px 4px;  border-radius:3px; font-size:14px;  text-align:center; margin:auto;}/*강의계획서동의*/
.btn_agree_blue a:link,
.btn_agree_blue a:hover,
.btn_agree_blue a:visited{width:98%; background:#337ab7; color:#fff !important; padding:10px15px;  border-radius:3px; font-size:14px;  text-align:center; margin:auto;}


.btn_coupon_orange{width:30%; background:#ff7e00; color:#fff !important; padding:4px 4px; border:1px solid #ee7600; border-radius:4px; font-size:14px; font-weight:bold; margin:auto; text-align:center;}
.btn_coupon_orange a:link,
.btn_coupon_orange a:hover,
.btn_coupon_orange a:visited{width:50%; background:#ff7e00; color:#fff !important; padding:4px 4px; border-radius:4px; font-size:14px; font-weight:bold; margin:auto; text-align:center;}


.debate_btn_agree a:link,
.debate_btn_agree a:hover,
.debate_btn_agree a:visited{width:49%; background:#0055ac; color:#fff !important; padding:10px 5px;  border-radius:3px; font-size:16px; font-weight:600; text-align:center; margin:auto; }


/*icon size, position*/
.more_btm{width:16px; height:16px; vertical-align:bottom; margin-left:3px;}
.icon_mv{width:32px !important;}
.cupon_icon{width:25px;}
.login_check{width:35px; vertical-align:bottom;}
.list_icon{width:10px;}
.important_icon{width:16px;}
.logo_icon{width:175px; margin-top:8px;}
.cart_icon{width:18px; height:18px; vertical-align:middle; margin-right:7px;}
/*.cart_icon{width:25px; height:25px; vertical-align:bottom; margin-left:3px;}*/
.prev{width:25px; height:25px; vertical-align:bottom; margin-left:3px;}
.next{width:25px; height:25px; vertical-align:bottom; margin-left:3px;}


.iconset{width:30px;}
.iconset2{width:24px;}
.iconset3{width:20px;}
.icon_sel{width:16px;}
.height10{height:10px;}

.Rbtn{position:absolute; right:3px;}
.position_R{position:absolute; top:0; right:0;}

/*color area*/
.white_area{background-color:#ffffff;}
.blue_area{background-color:#ebf2ff;}
.dgray_area{background-color:#6a6a6c; border:1px solid #4a4a4d; color:#fff; padding:8px 0;}
.blueb_area{background-color:#ebf2ff; border:1px solid #0067d1; color:#0067d1; padding:8px 0;}
.lgray_area {background-color:#f5f5f5; border-left:1px solid #ffffff; }
.bg_blue_tab {background-color: #0055ac !important;} /* 추가 20250331 */

/* 마진값 */
.m_auto{margin:0 auto;}

.mall0 { margin:0 !important;} /*20250331 추가*/
.mt_15rem { margin-top:1.5rem  !important;} /*20250331 추가*/
.mt_2rem { margin-top:2rem  !important;} /*20250331 추가*/
.mt0 { margin-top:0px !important;}
.mt1 { margin-top:1px !important;}
.mt5 { margin-top:5px !important;}
.mt7 { margin-top:7px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt29 { margin-top:29px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt40 { margin-top:40px !important;}
.mt53 { margin-top:53px !important;}
.mt60 { margin-top:60px !important;}

.ml2 { margin-left:2px !important;}
.ml3 { margin-left:3px !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml80 { margin-left:80px !important;}
.ml120 { margin-left:120px !important;}

.mw20{margin:0 20px;}

.mb0 { margin-bottom:0px !important;}
.mb1 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb_2rem { margin-bottom:2rem  !important;} /*20250331 추가*/

.mr3 { margin-right:3px !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr40 { margin-right:40px !important;} /*20250331 추가*/
.mr12rem { margin-right:1.2rem !important;} /*20250331 추가*/

.m15{margin:15px;}

/* 패딩값 */
.p0{padding:0px !important;} /*20250331 추가*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.p_btn6{padding:10px 31%;}
.p_btn4{padding:10px 36%;}

.p55{padding:5px 5px 3px;}
.p105{padding:10px 5px 10px;}
.p100{padding:10px 0px 10px;}

.p510{padding:5px 10px 3px;}
.p520{padding:5px 20px 3px;}
.p530{padding:5px 30px 3px;}
.p1030{padding:10px 30px 8px;}
.p1035{padding:10px 35px 8px;}
.p1050{padding:10px 50px 8px;}
.p1060{padding:10px 60px 8px;}
.p2050{padding:20px 50px 8px;}

.ph10{padding:10px 0;}
.ph20{padding:20px 0;}
.pw50{padding:0 50px;}
.pw30{padding:0 30px;}

.pt1 {  padding-top:1px}
.pt3 {  padding-top:3px}
.pt5 {  padding-top:5px}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px}
.pt20 { padding-top:20px !important}
.pt30 { padding-top:30px}

.pl5 { padding-left:5px}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px}
.pl20 { padding-left:20px}
.pl30 { padding-left:30px}
.pl40 { padding-left:40px}

.pb1 { padding-bottom:1px}
.pb3 { padding-bottom:3px}
.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px}
.pb20 { padding-bottom:20px}
.pb25 { padding-bottom:25px}
.pb30 { padding-bottom:30px}
.pb40 { padding-bottom:40px}
.pb50 { padding-bottom:50px}

.pr5 { padding-right:5px}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px}
.pr20 { padding-right:20px}
.pr30 { padding-right:30px}
.pr40 { padding-right:40px}
.pr50 { padding-right:50px}


.L { text-align:left !important;}
.R { text-align:right;}
.C { text-align:center !important;}
.J {text-align:justify;}
.vM{vertical-align:middle;}
.vT{vertical-align:top !important;}
.vB{vertical-align:bottom;}

.floatL {float:left !important;}
.floatR {float:right;}
.clear{clear:both;}

/*폰트*/
.b { font-weight:600;}
.n { font-weight:normal;}
.fw_n { font-weight:normal !Important;} /*20250331 추가*/

.gray { color:#999 !important; }
.red { color:#ea0016;  }
.red2 {color: #ff7f6f}
.orange{color:#ff7e00;}
.blue {color:#0f5a94; }
.black {color:#454545; }
.white {color:#fff !important; }
.yellow{color:#fff600;}
.gray2{color:#888;}
em { color:#ea0016; font-style:normal; letter-spacing:normal;  }
.sky {color: #a6d2ff}
.navyblue {color: #0170c9}
.navy {color: #0170c9}
.green { color:#339f45 }
.yellowgreen {color:#848d07}

.f_10 {font-size:10px;}
.f_11 {font-size:11px;}
.f_12 {font-size:12px;}
.f_14 {font-size:14px;}
.f_15 {font-size:15px;}
.f_16 {font-size:16px;}
.f_18 {font-size:18px;}
.f_22 {font-size:22px; }
.f_26 {font-size:26px; }
.f_30 {font-size:30px; }
.f_40 {font-size:40px; }
.em_1-2 {font-size: 1.2em !important; }
.em_1-3 {font-size: 1.3em !important; }

.line130{line-height:130%;}
.letter0{letter-spacing:0em;}
.letter1{letter-spacing:0.01em;}

.black1{color:#333;}

.deco_mline{text-decoration:line-through;}
.deco_uline{text-decoration:underline;}
.shadow {text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}

/*타이틀/서브폰트*/
.blue_m_title{font-weight:bold; font-size:13px; color:#0067d1;}

/* border값 */
.dot {  border-width:1px 0 0 0; border-style:dashed; border-color:#c8c8c8; height:1px;  }
.line { border-width:1px 0 0 0; border-style:solid; border-color:#ddd; height:1px; }
.bnone{border:0 !important;}
.gray_top{border-top:1px solid #eee;}
.gray_btm{border-bottom:1px solid #eee;}
.bordertb{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bordert{border-top:1px solid #eee;}
.bordert2{border-top:2px solid #ddd;}
.borderb{border-bottom:1px solid #eee;}
.select_border{border:2px solid #e7efff;}


.radibox{border:1px solid #ddd; border-radius:5px;}
.radibox300{border:3px solid #eee; border-radius:5px; width:300px; margin:0 auto;}

/*display*/
.dis_on{display:inline;}
.dis_off{display:none;}
.dis_block{display:block;}
.dis_inblock{display:inline-block !important;}
.w80 {width: 80%}
.w95 {width: 95%}
.w100 {width: 100%}
.ws100 {width: 100% !important} /*20250331 추가*/
.w8 {width: 8%}
.w30 {width: 30%}

.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

/* 블릿 */
.bullet_list li { background:url(/images/list_icon_b.png) no-repeat 0 4px; background-size:10px; padding-left:15px; font-size:14px; line-height:20px; } /* 블렛있는 리스트 */

.cursorP {cursor:pointer}

input[type="checkbox"] {-webkit-border-radius:0; width:15px; height:15px;}

/* 순차번호 */
.number_num li  { margin:3px 0; list-style-type:decimal; margin-left:20px; }

/* 별 표시 */
.icon_star, .icon_star01 li { background:url(/images/icon_star.png) no-repeat left 4px; padding-left:10px; display:block}

/* 별 표시 20240409 */
.icon_r_star, .icon_r_star01 li { background:url(/images/icon_r_star.png) no-repeat left 4px; padding-left:17px; display:block}

/* 블릿2 */
.icon_bul, .icon_bul01 li { padding-left:10px; background:url('/images/icon_bullet.png') no-repeat 0 5px; display:block; }

/* 스크롤 높이 */
.scrollh250 {height:250px;overflow-y:auto;padding:0 25px 0 10px;}
.scrollh300 {height:300px;overflow-y:auto;padding:0 25px 0 10px;}


/* 느낌표 강조 */  /*20250331 추가*/
.important { background:url(https://www.hakjum.com/hspImages/common/bullet_important.png) no-repeat left 1px; padding:0 0 2px 20px; color:#ea0016; font-family:NanumBarunGothicBold; display:block;font-size:0.8rem}


/* 실습과목 수강신청 */
.practicum_btn_blue {width:70%; background:#174a9e; border:1px solid #376ba4; padding:5px 10px 0px 10px;   font-size:14px; color:#fff !important; border-radius:3px; margin:5px auto; clear:both;}
.practicum_btn_blue2 {width:70%; background:#f6314d url(/hspImages/common/bullet_ok.png) no-repeat right center;  border:1px solid #f6314d; padding:10px 10px 10px 10px; font-size:16px; color:#fff !important; border-radius:3px; margin:5px auto; text-align:center;}
.practicum_img{margin: 2px 0px 2px 5px;  vertical-align: middle;}
.practicum_btn_text{display: inline-block; width:225px;  vertical-align: super; }
.practicum_btn_img{display: inline-block; }

.sound_only{ display: inline-block !important; position: absolute!important;  top: 0!important; left: 0!important; width: 0!important;  height: 0!important; margin: 0 !important; padding: 0 !important; font-size: 0!important; line-height: 0!important; border: 0 !important; overflow: hidden !important;}