/*****************************
제목 : 종로편입학원 학원안내 CSS

작성일 : 2012.03.28
*****************************/

.mb30 {margin-bottom:30px;}
.professorint .box {width:710px; overflow: hidden;}
.academy_wrap .box {width:710px; overflow: hidden;}
/*.contents .box {width:710px; overflow: hidden;}*/



.academy_wrap .tab_menu {float:left; margin:10px 0 0;}
.academy_wrap .tab_menu li, .study_system .tab_menu03 li, .study_system .tab_menu06 li, .study_system .tab_menu07 li {float:left;}
.academy_wrap .tab_menu a {display:inline-block; width:260px; height:37px; background:url('https://cdn.hackersut.com/www/images/academy/v5/tab_menu01.jpg') no-repeat;}
.academy_wrap .tab_menu .kwangwon a {background:url('https://cdn.hackersut.com/www/images/lecture/tab_menu02.gif') no-repeat;}
.academy_wrap .tab_menu a span {display:none;}
.academy_wrap .tab_menu a.menu01 {background-position:0 0;}
.academy_wrap .tab_menu a.menu01:hover,
.academy_wrap .tab_menu li.on a.menu01 {background-position:0 -37px;}
.academy_wrap .tab_menu a.menu02 {background-position:-260px 0;}
.academy_wrap .tab_menu a.menu02:hover,
.academy_wrap .tab_menu li.on a.menu02  {background-position:-260px -37px;}
.academy_wrap .tab_menu a.menu03 {background-position:-520px 0;}
.academy_wrap .tab_menu a.menu03:hover,
.academy_wrap .tab_menu li.on a.menu03  {background-position:-520px -37px;}
.academy_wrap .tab_menu a.menu04 {width:194px; background-position:-585px 0;}
.academy_wrap .tab_menu a.menu04:hover,
.academy_wrap .tab_menu li.on a.menu04 {width:194px; background-position:-585px -37px;}



/* 학원안내 > 공지사항 : 탭이 4개일 경우  */
.academy_wrap {}
.academy_wrap .tab_menu, .academy_wrap .tab_menu03, .academy_wrap .tab_menu06, .academy_wrap .tab_menu07{float:left; margin:15px 0 0;}
.tab_menu08 {margin-top:35px;}
.tab_menu08 li, .study_system .tab_menu03 li, .study_system .tab_menu06 li, .study_system .tab_menu07 li {float:left;}
/*.tab_menu08 a {display:inline-block; width:195px; height:37px; background:url(https://cdn.hackersut.com/www/images/academy/tab_menu08.gif) no-repeat;}
.tab_menu08 a span, .study_system .tab_menu03 a span, .study_system .tab_menu06 a span, .study_system .tab_menu07 a span{display:none;}
.tab_menu08 a.menu01 {background-position:0 0;}
.tab_menu08 a.menu01:hover, .tab_menu08 li.on a.menu01 {background-position:0 -37px;}
.tab_menu08 a.menu02 {background-position:-195px 0;}
.tab_menu08 a.menu02:hover, .tab_menu08 li.on a.menu02 {background-position:-195px -37px;}
.tab_menu08 a.menu03 {background-position:-390px 0;}
.tab_menu08 a.menu03:hover, .tab_menu08 li.on a.menu03 {background-position:-390px -37px;}
.tab_menu08 a.menu04 {width:194px; background-position:-585px 0;}
.tab_menu08 a.menu04:hover, .tab_menu08 li.on a.menu04 {width:194px; background-position:-585px -37px;}*/


/*학원안내 > 공지사항 탭 수정 - 2012.07.03*/
.tab_menu08 a {display:inline-block; width:260px; height:37px; background:url('https://cdn.hackersut.com/www/images/academy/tab_menu08.gif') no-repeat;}
.tab_menu08 a span, .study_system .tab_menu03 a span, .study_system .tab_menu06 a span, .study_system .tab_menu07 a span{display:none;}
.tab_menu08 a.menu04 {background-position:0 0;}
.tab_menu08 a.menu04:hover, .tab_menu08 li.on a.menu04 {background-position:0 -37px;}
.tab_menu08 a.menu02 {background-position:-260px 0;}
.tab_menu08 a.menu02:hover, .tab_menu08 li.on a.menu02 {background-position:-260px -37px;}
.tab_menu08 a.menu03 {width:259px; background-position:-520px 0;}
.tab_menu08 a.menu03:hover, .tab_menu08 li.on a.menu03 {width:259px; background-position:-520px -37px;}
.tab_menu08 a span {display:none}


.study_system .tab_menu03 a {display:inline-block; width:130px; height:37px; background:url('https://cdn.hackersut.com/www/images/academy/tab_menu03_2.gif') no-repeat;}
.study_system .tab_menu03 a.menu01 {background-position:0 0;}
.study_system .tab_menu03 a.menu01:hover {background-position:0 -37px;}
.study_system .tab_menu03 a.menu02 {background-position:-130px 0;}
.study_system .tab_menu03 a.menu02:hover {background-position:-130px -37px;}
.study_system .tab_menu03 a.menu03 {background-position:-260px 0;}
.study_system .tab_menu03 a.menu03:hover {background-position:-260px -37px;}
.study_system .tab_menu03 a.menu04 {background-position:-390px 0;}
.study_system .tab_menu03 a.menu04:hover {background-position:-390px -37px;}
.study_system .tab_menu03 a.menu05 {background-position:-520px 0;}
.study_system .tab_menu03 a.menu05:hover {background-position:-520px -37px;}
.study_system .tab_menu03 a.menu06 {background-position:-650px 0;}
.study_system .tab_menu03 a.menu06:hover {background-position:-650px -37px;}

.academy_wrap .board_wrap {padding:0}

/*
.study_system .tab_menu03 a {display:inline-block; width:160px; height:37px; background:url(https://cdn.hackersut.com/www/images/academy/tab_menu03.gif) no-repeat;}
.study_system .tab_menu03 a.menu01 {background-position:0 0;}
.study_system .tab_menu03 a.menu01:hover {background-position:0 -37px;}
.study_system .tab_menu03 a.menu02 {background-position:-160px 0;}
.study_system .tab_menu03 a.menu02:hover {background-position:-160px -37px;}
.study_system .tab_menu03 a.menu03 {background-position:-320px 0;}
.study_system .tab_menu03 a.menu03:hover {background-position:-320px -37px;}
.study_system .tab_menu03 a.menu04 {background-position:-480px 0;}
.study_system .tab_menu03 a.menu04:hover {background-position:-480px -37px;}
.study_system .tab_menu03 a.menu05 {background-position:-540px 0;}
.study_system .tab_menu03 a.menu05:hover {background-position:-540px -37px;}
*/

.study_system .tab_menu06 a {display:inline-block; width:390px; height:37px; background:url('https://cdn.hackersut.com/www/images/academy/tab_menu06.gif') no-repeat;}
.study_system .tab_menu06 a.menu01 {background-position:0 0;}
.study_system .tab_menu06 a.menu01:hover {background-position:0 -37px;}
.study_system .tab_menu06 a.menu02 {width:389px; background-position:-390px 0;}
.study_system .tab_menu06 a.menu02:hover {background-position:-390px -37px;}



.study_system .tab_menu07 a {display:inline-block; width:195px; height:37px; background:url('https://cdn.hackersut.com/www/images/academy/tab_menu07.gif') no-repeat;}
.study_system .tab_menu a.menu01 {background-position:0 0;}
.study_system .tab_menu07 a.menu01:hover {background-position:0 -37px;}
.study_system .tab_menu07 a.menu02 {background-position:-195px 0;}
.study_system .tab_menu07 a.menu02:hover {background-position:-195px -37px;}
.study_system .tab_menu07 a.menu03 {background-position:-390px 0;}
.study_system .tab_menu07 a.menu03:hover {background-position:-390px -37px;}
.study_system .tab_menu07 a.menu04 {width:195px; background-position:-585px 0;}
.study_system .tab_menu07 a.menu04:hover {width:195px; background-position:-585px -37px;}




.tab_notice {float:left; margin:15px 0 0;}
.tab_notice li {float:left}
.tab_notice a {display:inline-block; width:260px; height:37px; background:url('https://cdn.hackersut.com/www/images/academy/tab_menu08.gif') no-repeat;}
.tab_notice a.menu01 {background-position:0 0;}
.tab_notice a.menu01:hover,
.tab_notice li.on a.menu01 {background-position:0 -37px;}
.tab_notice a.menu02 {background-position:-260px 0;}
.tab_notice a.menu02:hover,
.tab_notice li.on a.menu02 {background-position:-260px -37px;}
.tab_notice a.menu03 {width:259px; background-position:-520px 0;}
.tab_notice a.menu03:hover,
.tab_notice li.on a.menu03 {background-position:-520px -37px;}






/*.academy_wrap .box {padding:30px 30px 30px 30px;}*/
.academy_wrap h3 {margin-top:30px;}
.academy_wrap p.img {margin:0 0 0 0;}


h3.academytit {margin:40px 0 30px 0;}
.cbtn {text-align:center; margin:55px 0;}
.fla {width:708px; height:314px;background:url('https://cdn.hackersut.com/www/images/academy/bg_academy06.gif') no-repeat; padding:20px;}
.fla p {width:390px; border:1px solid #e0e0e0; padding:10px; background-color:#fff;}




/*강사 rolling*/
.professor_list { clear:both; height:100px; overflow:hidden;}
.professor_list ul         {position: absolute; margin:10px 0 0 68px; width:520px; height:82px;overflow:hidden;}
*:first-child+html .professor_list ul         {margin:0 0 0 68px;}
* html .professor_list ul         {margin:0 0 0 68px;}
.professor_list ul li      {float:left; margin:0 10px;}
.professor_list ul li img  {width:61px; height:61px;}
.professor_list ul li span {display:block; font-size:11px; text-align:center; margin-top:5px;}
.professor_list a.btn_left  {position:absolute; margin:36px 0 0 35px; z-index:2;}
.professor_list a.btn_right {position:absolute; margin:36px 0 0 735px; z-index:2;}
.professor_list a{color:#868585;}


/* 교수소개 */
.professorimg{overflow:hidden;position:absolute;left:220px;top:404px;width:720px;height:100px;}
*:first-child+html .professorimg{overflow:hidden;position:absolute;left:220px;top:408px;width:720px;height:100px;}
* html .professorimg {overflow:hidden;position:absolute;left:220px;top:412px;width:720px;height:100px;}
.professortit {width:779px; height:119px; background:url('https://cdn.hackersut.com/www/images/academy/bg_int.gif') no-repeat; margin-bottom:14px; margin-top:34px}
.professortit h3{padding:61px 0 0 283px;}
.tbltxt {text-align:right; padding:10px 0; }
/* old 교수소개 시작 */
.professorint table {border-top:2px solid #9d9d9d;}
.professorint table td {padding:22px; border-right:1px solid #dedede;  border-bottom:1px solid #dedede;}
.professorint table td.bnone {border-right:none;}
.pint {position:relative !important; z-index:2;}
.pint p img{ width:120px; height:80px; border:1px solid #e0e0e0; padding:5px;}
.pint p.imgon img { width:30px; height:26px;}
.pint dl {text-align:center; width:134px; line-height:24px; }
.pint dt {background-color:#eff1f7; font-size:14px;  font-weight:bold; margin:7px 0}
.pint dd {color:#868585;}
.pint dd img {vertical-align:middle; position:relative; top:-2px; padding:0 0 0 4px;}
/* old 교수소개 끝 */
/* new 교수소개 시작 */
.academy_wrap h3.tTit {padding:0;}
.academy_wrap h3.tTit img {vertical-align:top;}
.professorInt .box02 {border-top:none; padding-top:0; margin-top:0; /* 150227 추가 */ position:relative; }
.professorInt .box02 h3 {text-align:left; padding:27px 0 23px 20px; margin-top:0;}
.professorInt table {margin:0 auto;}
.professorInt table td {width:174px; padding:0 5px 17px 5px;}
.professorInt .tit {padding:4px 0 2px;margin-bottom:6px; background:#d61402; color:#fff; text-align:center; cursor:pointer;}
.professorInt .thumbWrap {width:174px; border:1px solid #e1e1e1;}
.professorInt .thumbLink {width:174px; height:261px; cursor:pointer; overflow:hidden;}
.professorInt .thumbBtn {width:100%; overflow:hidden; background:#757575;}
.professorInt .thumbBtn li {float:left; font-size:11px; letter-spacing:-1px; color:#ffffff; background:url("https://cdn.hackersut.com/www/images/academy/thumb_bar.gif") no-repeat right;}
.professorInt .thumbBtn li a {padding:6px 7px 4px 7px; display:block; color:#fff; }
.professorInt .thumbBtn li.last {background:none;}
.professorInt .thumbBtn li.last a {padding:6px 6px 4px 6px;}
.professorInt .thumbBtn li.off {color:#ccc;}
.professorInt .thumbBtn li.off a {color:#bbb; cursor:default;}
.professorInt .thumb {width:176px; position:relative !important; z-index:2;}
.professorInt .thumb .photo img{width:174px; height:123px; vertical-align:top;}
.professorInt .tTop {position:relative;}
.professorInt .tTop .name {padding:21px 0 0 9px; font-size:14px; color:#666666; font-weight:bold;}
.professorInt .tTop .name b {color:#3d3d3d;}
.professorInt .tTop .subject {position:absolute; top:19px; right:7px; padding:0 0 0 4px; background:#dadada url("/https://cdn.hackersut.com/wwwimages/academy/subject_l.gif") no-repeat; font-size:0; line-height:0;}
.professorInt .tTop .subject .r {display:inline-block; padding:3px 4px 0 0; height:13px; background:#dadada url("https://cdn.hackersut.com/www/images/academy/subject_r.gif") no-repeat right 0; font-size:11px; color:#444; line-height:14px;}
.professorInt .history {padding:15px 8px 0 12px; line-height:15px; font-size:11px; color:#666; }

.professorRoll {position: relative; width:779px; height:199px; background:url("https://cdn.hackersut.com/www/images/academy/teacher_bg.jpg") repeat-x; overflow:hidden;}
.professorRoll .prev {display:block; padding:11px 10px; position: absolute; top: 164px; left: 0; z-index:3; outline:none;}
.professorRoll .next {display:block; padding:11px 10px; position: absolute; top: 164px; right: 0; z-index:3; outline:none;}
.professorRoll .thumb_list {position:relative; width:779px; height:195px; overflow:hidden; }
.professorRoll ul {position: absolute; top: 0; left:0; width:2000px; height:390px; overflow:hidden;}
.professorRoll li {float: left; width:143px; height:390px; overflow:hidden;}
.professorRoll li.fst {padding-left:32px;}
.professorRoll li.last {padding-right:32px;}
.professorRoll img {border:0; vertical-align:top;}
#container .professorRoll li a img {margin-top:0;}
#container .professorRoll li a:hover img,
#container .professorRoll li.on a img {margin-top:-195px;}

.professorRoll li a img {margin-top:0;}
.professorRoll li a:hover img,
.professorRoll li.on a img {margin-top:-198px;} /*-195px // 2014.06.02*/

.professorRoll * {padding:0; margin:0;}

/* 변경 */
.professorRoll.new{margin-bottom:15px;background:#f3f3f3 url("https://cdn.hackersut.com/www/images/academy/professorRoll_bg_x.gif") repeat-x 0 bottom;border-top:1px solid #e0e0e0;}
.professorRoll.new .thumb_list{height:198px;}
.professorRoll.new .prev {top: 70px;}
.professorRoll.new .next {top: 70px;}
#container .professorRoll.new li a:hover img,
#container .professorRoll.new li.on a img {margin-top:-198px;}

#professorIcon {position:absolute; top:5px; right:8px; z-index:11;}
#professorIcon img {float:left; margin-left:3px; cursor:pointer;}
.professorInt .teacher_pop {margin-top:-100px;}
/* new 교수소개 끝 */
.imgon img {position:absolute;  z-index:10; padding:0 !important; border:none !important;}

/* 교수소개 팝업 */
.teacher_pop {display:none; position:absolute; left:360px; width:494px; background:#fff; border:3px solid #cc0000; z-index:3}
.teacher_pop h2 {position:relative; height:188px; overflow:hidden; text-align:center; background:url('https://cdn.hackersut.com/www/images/academy/pop_teacher_bg.gif') repeat-x;}
.teacher_pop h2 a {position:absolute; top:5px; right:5px;}
.teacher_pop h3 {margin:0 30px; padding:15px 0 11px; border-top:1px solid #9d9d9d;}
.teacher_pop .profile {margin:0 30px 27px; padding:19px 20px 0; border:1px solid #9d9d9d}
.teacher_pop .profile h4 {margin:0 0 5px;}
.teacher_pop .profile ul {margin:0 0 19px; padding:14px 0 10px; background:#f7f7f7;}
.teacher_pop .profile li {margin:0 0 0 10px; padding:0 0 4px 13px; color:#666; background:url('https://cdn.hackersut.com/www/images/bullet/blit_graydot02.gif') 0 3px no-repeat;}


.mgb15 {margin-bottom: 15px;}
.box_border {border: 1px solid #D0D0D0;}
.professor_list {clear: both;height: 100px;overflow: hidden;}


/* JR Membership 신청결제팝업  2012.04.03 박선희 추가*/
.academy05pop {width:730px; padding:50px 35px;}
.tbl_pop05 {width:730px; border-top:1px solid #9d9d9d;  margin-bottom:16px;}
.tbl_pop05 th {text-align:center; vertical-align:middle; background-color:#fff7f4; border-bottom:1px solid #dedede; font-weight:normal; padding:10px 0;}
.tbl_pop05 td {text-align:left; border-bottom:1px solid #dedede; padding:10px 0 10px 40px;}
.fl {float:left;}
.fr {float:right;}



/* 이미지갤러리  2012.04.03 박선희 추가*/
.gallerybox {border:1px solid #ececec; padding:16px;}
#gallery_list li{float:left; padding:5px; border:1px solid #e0e0e0; margin:10px;}
#gallery_list:after{content:""; display:block; clear:both;}
.galleryImg {margin:30px 45px 10px 45px;}
.gallerytxt {margin-left:50px;}
.gallerytxt span {font-weight:bold; font-size:14px; line-height:30px;}


/*인사말 2012.04.19 정정인 추가*/
.academy_wrap .greeting_tit {padding:0; margin:50px 0 0;}
.academy_wrap .greeting_img {margin:0; padding:0 0 30px;}

/* 교수진 리뉴얼 20130.04.08 이정미 추가 */


/* 오시는길 130611_정미례 */
.academy_map {position:relative;}
.academy_map #pop_sms {position:absolute; top:100px; left:175px; width:448px; height:265px; border:3px solid #cc0000; border-top:1px solid #cc0000; background-color:#fff;}
.academy_map .pop_tab li {float:left; width:224px; height:36px;}
.academy_map .pop_tab li a {width:100%; height:100%; display:block;}
.academy_map .pop_tab li a span {display:none;}
.academy_map .pop_tab li a.tab_01 {background:url('https://cdn.hackersut.com/www/images/academy/pop_tab_01.jpg') 0 -36px no-repeat;}
.academy_map .pop_tab li a.tab_02 {background:url('https://cdn.hackersut.com/www/images/academy/pop_tab_02.jpg') 0 -36px no-repeat;}
.academy_map .pop_tab li.on a,
.academy_map .pop_tab li a:hover {background-position:0 0;}

.academy_map .sms_in {width:395px; margin:25px 0 0 25px; display:inline-block;}
.academy_map .sms_in ul {height:155px; display:block;}
.academy_map .sms_in li {line-height:20px; margin-bottom:10px; padding-left:10px; font-weight:bold; background:url('https://cdn.hackersut.com/www/images/academy/pop_icon.jpg') 0 7px no-repeat;}
.academy_map .sms_in li.last {padding-top:10px; background:none;}
.academy_map .sms_in li.last label {margin-right:8px; color:#000; display:inline-block;}
.academy_map .sms_in li.last input {height:22px; line-height:22px; font-weight:bold; font-size:14px; text-align:center; border:1px solid #999;}
.academy_map .sms_in .pop_btns {width:100%; text-align:center;}


div.login_page {position:relative; }
.main_visual#new_1404 {border:1px #d0d0d0 solid; height:220px; overflow:hidden; width:575px; height:291px; *height:294px; position:absolute; right:0;}

.br_list dt, .br_list dd {position:absolute; bottom:0; left:0;}
.br_list dt {width:113px; height:38px; border-left:1px solid #fff; background:#f0f0f0;  text-align:center; line-height:20px;}
.br_list dt:hover {background:#dfdfdf;}
.br_list dt.on {background:#dfdfdf;}
.br_list dt a {display:block; width:100%; height:28px; padding-top:10px;font-size:13px; color:#3f3f3f;}
.br_list dt.brtab_01 {width:115px; border-left:none;}
.br_list dt.brtab_02 {left:115px}
.br_list dt.brtab_03 {left:229px}
.br_list dt.brtab_04 {left:343px}
.br_list dt.brtab_05 {left:457px; width:117px}
.br_list dd {bottom:38px; height:253px; display:none;}
.br_list dd.br_01 {display:block;}
.br_list dd img{width:575px; height:253px;}

.banner_area {border:1px solid #d0d0d0;}
.br_box {margin-top:9px; *margin-top:11px;}

/* teacher_box */
.teacher_box{position:relative;}
.teacher_box img{margin-bottom:-4px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .teacher_box  img {margin-bottom:-3px !important;}}
.teacher_list_select{text-align:right;margin-bottom:15px;}
.teacher_list_select *{font-size:11px;}
.teacher_box .player{width:664px;height:402px;background:#303032;position:absolute;top:521px;left:52px;}


/* 교수소개 페이지 동영상추가 150326 */
.teacher_academy {/*position:absolute;top:520px;left:83px; */background:#f7f7f7;border:1px solid #ccc;border-top:0;border-bottom:0;}
.teacher_academy .inside {width:603px;margin:0 auto;/* padding:53px 0px 14px 84px; background:#f7f7f7;*/ }
.teacher_academy .teacher_video {padding-top:50px;}
.teacher_academy .candidate_story { text-align:left;/* margin-bottom:30px;  */ }
.teacher_academy .candidate_story a { color:#1a1a1a; font-size:1px; line-height:1px; letter-spacing:-1px; position:relative; float:left; 
display:block; /* margin-left:8px; */   }
.teacher_academy .candidate_story a:hover span.candidate_bg { opacity: 0.0; filter: alpha(opacity=0); }
.teacher_academy .candidate_story a:first-child { margin-left:0px; }
.teacher_academy .candidate_story a>img { /* margin-bottom:7px; */ }
.teacher_academy .candidate_story a span.candidate_bg { width: 100%; /* height: 100%; */ height:364px;   position: absolute; top: 0; left: 0; 
background:#000; opacity: 0.34; filter: alpha(opacity=70); }
.teacher_academy .candidate_story a span { display:block; text-align:center; }

/* 아카데미 제휴 */
.partner_wrap{}
.partner_wrap .benefit_img{display:block;margin-bottom:50px;}
.partner_wrap h3{font-size:23px;font-weight:normal;color:#3c3c3c;text-align:center;letter-spacing:-2px;margin-bottom:30px;}
.partner_wrap .lecture_tab li a{font-size:15px;}
.benefit_list > ul > li{overflow:hidden;padding:40px 0} 
.benefit_list > ul > li:first-child{padding-bottom:0;} 
.benefit_list > ul > li .pdt_logo{float:left;width:284px;height:118px;border:1px solid #d9d7da;text-align:center;}
.benefit_list > ul > li .pdt_logo img{vertical-align:middle;}
.benefit_list > ul > li > dl{float:left;width:465px;color:#181818;letter-spacing:-1px;margin-left:15px;}
.benefit_list > ul > li > dl > dt{font-size:16px;margin-bottom:15px;}
.benefit_list > ul > li > dl > dt > strong{font-size:20px;letter-spacing:-2px;}
.benefit_list > ul > li > dl > dd  > dl{overflow:hidden;font-size:13px;}
.benefit_list > ul > li > dl > dd  > dl dt{float:left;font-weight:bold;line-height:25px;padding-right:5px;color:#394045;}
.benefit_list > ul > li > dl > dd  > dl dd{float:left;line-height:25px;}

/* 학원 소개 */
.lecture_tab.col5 li{width:33.33%;border:none;}
.lecture_tab.col5 li a{width:257.5px;border-right:1px solid #d0d0d0;}
.lecture_tab.col5 li:first-child a{border-left:1px solid #d0d0d0;}

.br_area{margin:30px 0 25px;}

.btn_cont{display:none;}
.btn_cont.on{display:block;} 
.btn_cont .conv_thumb{}
.conv_thumb ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 10px; overflow:hidden;}
.conv_thumb ul li{width: calc(33.3333% - 10px); border:1px solid #dbdbdb;}
.conv_thumb ul > li > a{display:block;}
.conv_thumb ul > li > a img{width:100%;}
.conv_thumb  .txt_wrap{position:relative;display:block;overflow:hidden;padding:15px;letter-spacing:-1px;}
.conv_thumb  .txt_wrap .title{overflow:hidden;color:#666;font-size:13px;display:block;}
.conv_thumb  .txt_wrap em{font-size:16px;color:#000;font-weight:bold;}
.conv_thumb  .txt_wrap .ico_go{position:absolute;right:15px;bottom:15px;width:34px;height:34px;background:url("https://cdn.hackersut.com/www/images/academy/info/ico_go.png") no-repeat 0 0;}

/* view */
.view_inner{}
.view_inner > ul > li{border-top:2px solid #d01715;border-bottom:1px solid #d4d4d4;margin-top:40px;}
.view_inner > ul > li:first-child{margin-top:30px;}
.view_inner .cont_wrap{overflow:hidden;}
.view_inner .view_img_wrap{display:block;float:left;width:390px;height:270px;}
.view_inner .info_wrap{float:left;padding:35px 25px;background:#f9f9f9;width:340px;height:200px;font-size:13px;letter-spacing:-1px;line-height:21px;}
.view_inner .info_wrap strong{color:#d01715;font-size:20px;display:block;}
.view_inner .info_wrap .view_detail_txt{display:block;padding:15px 0;color:#656565;}
.view_inner .info_wrap li{color:#000;font-weight:bold;}