#contents_body {width:100%;height:317px;background-color:#d6eaee;}
#contents_body .visual_area {width:1000px;height:100%;margin:0 auto;}
.visual {width:1000px;height:317px;overflow:hidden;}

.visual_left {float:left;margin-right:2px;}
.visual_right {float:right;}
.btn_visual01 {display:block;text-indent:-9999px;width:193px;height:193px;background:url(/template/tongjin/images/main/main01.gif) no-repeat 0 0;margin-bottom:2px;}
.btn_visual02 {display:block;text-indent:-9999px;width:193px;height:193px;background:url(/template/tongjin/images/main/main02.gif) no-repeat 0 0;}
.btn_visual03 {display:block;text-indent:-9999px;width:193px;height:193px;background:url(/template/tongjin/images/main/main03.gif) no-repeat 0 0;margin-bottom:2px;}
.btn_visual04 {display:block;text-indent:-9999px;width:193px;height:193px;background:url(/template/tongjin/images/main/main04.gif) no-repeat 0 0;}

.btn_visual01:hover {background:url(/template/tongjin/images/main/main01.gif) no-repeat 0 -193px;}
.btn_visual02:hover {background:url(/template/tongjin/images/main/main02.gif) no-repeat 0 -193px;}
.btn_visual03:hover {background:url(/template/tongjin/images/main/main03.gif) no-repeat 0 -193px;}
.btn_visual04:hover {background:url(/template/tongjin/images/main/main04.gif) no-repeat 0 -193px;}

.btn_visual01:focus {background:url(/template/tongjin/images/main/main01.gif) no-repeat 0 -193px;}
.btn_visual02:focus {background:url(/template/tongjin/images/main/main02.gif) no-repeat 0 -193px;}
.btn_visual03:focus {background:url(/template/tongjin/images/main/main03.gif) no-repeat 0 -193px;}
.btn_visual04:focus {background:url(/template/tongjin/images/main/main04.gif) no-repeat 0 -193px;}



.contents_top {height:170px;}
.contents_left {width:338px;margin-right:20px;}
.contents_middle {width:325px;height:155px;margin-right:20px;}
.contents_right {width:270px;} 


.content {width:100%; height:587px; background-color:#f9f9f9; border-bottom: solid 3px #6d9bc0;}
.content .main_cont {width:1000px; margin:0 auto;}
.content .left_mainmenu {background:url(/template/tongjin/images/main/left_mainmenu.png) no-repeat 0 0; width:231px; height:599px; position:absolute; margin-top:-12px; z-index:9999;}
.content .left_mainmenu .tit_left_h3  {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/tit_left_h3.gif) no-repeat 0 0; width:133px; height:33px; margin:18px 39px 21px 42px;}
.left_mainmenu .left_menu01 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu1.gif) no-repeat 0 0; width:214px; height:51px; }
.left_mainmenu .left_menu01:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu1.gif) no-repeat 0 100%; width:214px; height:51px; }
.left_mainmenu .left_menu02 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu2.gif) no-repeat 0 0; width:214px; height:51px; }
.left_mainmenu .left_menu02:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu2.gif) no-repeat 0 100%; width:214px; height:51px; }
.left_mainmenu .left_menu03 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu3.gif) no-repeat 0 0; width:214px; height:51px; }
.left_mainmenu .left_menu03:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu3.gif) no-repeat 0 100%; width:214px; height:51px; }
.left_mainmenu .left_menu04 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu4.gif) no-repeat 0 0; width:214px; height:51px; }
.left_mainmenu .left_menu04:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu4.gif) no-repeat 0 100%; width:214px; height:51px; }
.left_mainmenu .left_menu05 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu5.gif) no-repeat 0 0; width:214px; height:51px; }
.left_mainmenu .left_menu05:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu5.gif) no-repeat 0 100%; width:214px; height:51px; }
.left_mainmenu .left_menu06 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu6.gif) no-repeat 0 0; width:214px; height:50px; }
.left_mainmenu .left_menu06:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu6.gif) no-repeat 0 100%; width:214px; height:50px;}
.left_mainmenu .left_menu07:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu7.gif) no-repeat 0 100%; width:214px; height:51px; }
.left_mainmenu .left_menu08 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu8.gif) no-repeat 0 0; width:214px; height:51px; }
.left_mainmenu .left_menu08:hover {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/left_menu8.gif) no-repeat 0 100%; width:214px; height:51px; }

.left_mainmenu .left_payment {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/tit_left_payment.gif) no-repeat 0 0; width:214px; height:90px; margin-top:10px;}
.left_mainmenu .left_customer {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/tit_left_customer.gif?date=20220216) no-repeat 0 0; width:214px; height:63px;margin-top:5px; }
.main_right {width:756px; height:100%; float:right;}
.main_right h3 {font-size:16px; font-weight:bold; color:#006b85; letter-spacing:-1px;}
.main_right .main_line {background:url(/template/tongjin/images/main/main_line.gif) no-repeat 0 0; width:382px; height:1px; margin:15px 0px 15px 0px;}
.main_right .main_line02 {background:url(/template/tongjin/images/main/main_line02.gif) no-repeat 0 0; width:313px; height:1px; margin:15px 0px 15px 0px;}

.main_right .notice {float:left; width:411px; border-right:1px solid #e5e5e5; margin:20px 0px 30px 0px; height:145px;}
.main_right .list .more_list a {float:right; margin-top:-20px; display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/btn_more_list.gif) no-repeat 0 0; width:13px; height:13px; margin-right:30px;}
.main_right .list ul li {line-height:180%; background:url(/template/tongjin/images/main/main_list_li.gif) no-repeat 0px 7px;margin-left:3px; padding-left:10px;}
.main_right .list ul li span {float:right; margin-right:30px;}

.main_right .popupzone {float:right; width:313px; margin:20px 0px 30px 0px;}
.main_right .popupzone img {/*margin-top:13px;*/}
.main_right .popupzone_img{overflow:hidden; width:313px; /*height:121px;*/ height:280px; border:1px solid #ddd}
.main_right .popupzone_img img{width:313px; height:280px}
.popupzone_img a {}
.main_right .popupzone .tit_popupzone {float:left; margin-right:5px; margin-bottom:13px}
.popupzone_controller {float:left;}
.popupzone_controller li {float:left; margin-top:5px;}
.popupzone_controller .controller_left1 {background:url(/template/tongjin/images/popup_left.jpg) no-repeat 0 0; width:13px; height:13px; text-indent:-9999px; display:block; margin-right:1px;}
.popupzone_controller .controller_pause1 {background:url(/template/tongjin/images/popup_center.jpg) no-repeat 0 0; width:13px; height:13px; text-indent:-9999px; display:block; margin-right:1px;}
.popupzone_controller .controller_right1 {background:url(/template/tongjin/images/popup_right.jpg) no-repeat 0 0; width:13px; height:13px; text-indent:-9999px; display:block;}
.popupzone_controller .controller_play1 {background:url(/template/tongjin/images/popup_play.jpg) no-repeat 0 0; width:13px; height:13px; text-indent:-9999px; display:block;}

.main_right .popupzone .nopopup {clear:both;position:relative;/*top:10px;width:313px;height:121px;border:solid 1px #dedede;*/width:315px; height:282px; box-sizing:border-box; background-color:#fff;}
.main_right .popupzone .nopopup img {position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-51px; border:none !important; height:auto;}

#popupzone_number {float:right;margin:0px 0px 0px 0px;}
#popupzone_number li {float:left;}
#popupzone_number li a {color:#878787;font-family:tahoma;font-size:11px; height:13px;padding:0px 5px 0px 5px;margin-left:3px; text-decoration:none; background-color:#dfdfdf;}
.popupzone_number_on {background-color:#029ec3; font-weight:bold; color:#fff;}

.main_right .lecture_info {float:left; width:411px; border-right:1px solid #e5e5e5; margin:0px 0px 20px 0px;}
.main_right .lecture_info .lecture_info_img {width:380px; height:135px; border:solid 1px #c7c7c7; margin-top:13px;}
.main_right .lecture_info .lecture_info_img img {width:378px; height:133px; margin:1px 1px 1px 1px;}
.main_right .lecture_info .go_info {position:absolute; left:50%; top:50%; margin-top:300px; margin-left:40px;}

.main_right .quick_menu {float:right; width:313px; margin:0px 0px 20px 0px;}
.quick_menu .quick_menu_div {width:313px; border:solid 1px #c7c7c7; height:165px; background-color:#fff;}
.quick_menu .quick_menu_div .quick_left {float:left;}
.quick_menu .quick_menu_div .quick_right {float:right;}
.quick_menu .quick_menu01 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/quick_menu01.gif) no-repeat 0 0; width:103px; height:37px; margin:18px 20px 9px 28px;}
.quick_menu .quick_menu02 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/quick_menu02.gif) no-repeat 0 0; width:114px; height:37px; margin:18px 28px 9px 19px;}
.quick_menu .quick_menu03 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/quick_menu03.gif) no-repeat 0 0; width:103px; height:37px; margin:0px 20px 9px 28px;}
.quick_menu .quick_menu04 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/quick_menu04.gif) no-repeat 0 0; width:114px; height:37px; margin:0px 28px 9px 19px;}
.quick_menu .quick_menu05 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/quick_menu05.gif) no-repeat 0 0; width:103px; height:37px; margin:0px 20px 9px 28px;}
.quick_menu .quick_menu06 {display:block; text-indent:-9999px; background:url(/template/tongjin/images/main/quick_menu07.gif) no-repeat 0 0; width:114px; height:37px; margin:0px 28px 9px 19px;}

.main_right .question {float:left; width:411px; border-right:1px solid #e5e5e5; height:145px;}

.main_right .customer_center {float:right; width:313px; margin-bottom:20px}



.quick_ebook{position:absolute; top:57px; left: 1030px; }


