@charset "utf-8";

.cont_wrap {position:relative; clear:both;  width:970px; margin:0 auto; }
.cont_left {position:relative; float:left; width:185px; margin:0 17px 0 0;}
.cont_body {position:relative; float:left; width:768px;}
.cont_page {position:relative; width:100%; height:100%; padding:0px 0px 110px 0px; font-size:12px;}

.tit_guide {width:700px; height:100%;padding:0 0 10px 0;}
.cont_guide {width:700px; height:100%;padding:0 0 30px 0;}

.logbox{position:relative; margin:17px 0 17px 0;  width:185px; height:134px; font-size:11px; background:url(../images/main/login_box.gif) no-repeat;}
.logbox .btn:before{display:inline-block;width:1px;height:10px;margin:0 1em 0 1em;background:#c6c5c5;vertical-align:-2px;content:''}
.logbox .btn:first-child:before{display:none}
.logtb{position:absolute; top:45px;left:9px; width:168px}
.logtb td{height:28px; letter-spacing:-1px;}
.logtb td.line{padding-top:3px;}

#left_cont {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont ul{ }
#left_cont ul li{ display:block; float:left;width:185px;}
#left_cont ul li.last{height:17px; vertical-align:bottom}
#left_cont .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont .left_menu ul > li ul.smenu   {width:160px; padding:0px 0 12px 8px;}
#left_cont .left_menu ul > li ul.smenu  li {}
#left_cont .left_menu ul > li ul.smenu  li {display:block; width:140px; line-height:21px;font-weight:bold;border-bottom:0px !important; background:url(../images/common/dot.gif) no-repeat 0px 9px;padding:0 0 0 10px;}
#left_cont .left_menu ul > li ul.smenu  li:last-child {padding:0 0 10px 10px;}
#left_cont .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont .left_menu ul > li > a { background:url(../images/sub/left_menu_01.gif) ;width:160px; background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px; }
#left_cont .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu3 { background-position: -320px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu4 { background-position: -480px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu5 { background-position: -640px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu6 { background-position: -800px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu7 { background-position: -960px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu8 { background-position: -1120px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

#left_cont .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu3:hover { background-position: -320px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu4:hover { background-position: -480px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu5:hover { background-position: -640px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu6:hover { background-position: -800px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu7:hover { background-position: -960px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont .left_menu ul li a.menu8:hover { background-position: -1120px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }


/*left_menu2 */
#left_cont2 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont2 ul{ }
#left_cont2 ul li{ display:block; float:left;width:185px;}
#left_cont2 ul li.last{height:17px; vertical-align:bottom}
#left_cont2 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont2 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont2 .left_menu ul > li ul.smenu   {width:160px; padding:0px 0 12px 8px;}
#left_cont2 .left_menu ul > li ul.smenu  li {}
#left_cont2 .left_menu ul > li ul.smenu  li {display:block; width:140px; line-height:21px;font-weight:bold;border-bottom:0px !important; background:url(../images/common/dot.gif) no-repeat 0px 9px;padding:0 0 0 10px;}
#left_cont2 .left_menu ul > li ul.smenu  li:last-child {padding:0 0 10px 10px;}
#left_cont2 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont2 .left_menu ul > li > a { background:url(../images/sub/left_menu_02_01.gif) ;width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont2 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont2 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu3 { background-position: -320px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu4 { background-position: -480px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu5 { background-position: -640px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu6 { background-position: -800px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu7 { background-position: -960px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu8 { background-position: -1120px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

#left_cont2 .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu3:hover { background-position: -320px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu4:hover { background-position: -480px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu5:hover { background-position: -640px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu6:hover { background-position: -800px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu7:hover { background-position: -960px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont2 .left_menu ul li a.menu8:hover { background-position: -1120px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

/*left_menu3 */
#left_cont3 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont3 ul{ }
#left_cont3 ul li{ display:block; float:left;width:185px;}
#left_cont3 ul li.last{height:17px; vertical-align:bottom}
#left_cont3 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont3 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont3 .left_menu ul > li ul.smenu   {width:160px; padding:0px 0 12px 8px;}
#left_cont3 .left_menu ul > li ul.smenu  li {}
#left_cont3 .left_menu ul > li ul.smenu  li {display:block; width:140px; line-height:21px;font-weight:bold;border-bottom:0px !important; background:url(../images/common/dot.gif) no-repeat 0px 9px;padding:0 0 0 10px;}
#left_cont3 .left_menu ul > li ul.smenu  li:last-child {padding:0 0 10px 10px;}
#left_cont3 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont3 .left_menu ul > li > a { background:url(../images/sub/left_menu_03.gif);width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont3 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont3 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu3 { background-position: -320px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu4 { background-position: -480px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu5 { background-position: -640px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu6 { background-position: -800px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu7 { background-position: -960px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu8 { background-position: -1120px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

#left_cont3 .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu3:hover { background-position: -320px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu4:hover { background-position: -480px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu5:hover { background-position: -640px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu6:hover { background-position: -800px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu7:hover { background-position: -960px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont3 .left_menu ul li a.menu8:hover { background-position: -1120px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

/*left_menu4 */
#left_cont4 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont4 ul{ }
#left_cont4 ul li{ display:block; float:left;width:185px;}
#left_cont4 ul li.last{height:17px; vertical-align:bottom}
#left_cont4 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont4 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont4 .left_menu ul > li ul.smenu   {width:160px; padding:0px 0 12px 8px;}
#left_cont4 .left_menu ul > li ul.smenu  li {}
#left_cont4 .left_menu ul > li ul.smenu  li {display:block; width:140px; line-height:21px;font-weight:bold;border-bottom:0px !important; background:url(../images/common/dot.gif) no-repeat 0px 9px;padding:0 0 0 10px;}
#left_cont4 .left_menu ul > li ul.smenu  li:last-child {padding:0 0 10px 10px;}
#left_cont4 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont4 .left_menu ul > li > a { background:url(../images/sub/left_menu_04.gif);width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont4 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont4 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont4 .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont4 .left_menu ul li a.menu3 { background-position: -320px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

#left_cont4 .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont4 .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont4 .left_menu ul li a.menu3:hover { background-position: -320px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

/*left_menu5 */
#left_cont5 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont5 ul{ }
#left_cont5 ul li{ display:block; float:left;width:185px;}
#left_cont5 ul li.last{height:17px; vertical-align:bottom}
#left_cont5 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont5 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont5 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont5 .left_menu ul > li > a { background:url(../images/sub/left_menu_05.gif);width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont5 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont5 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont5 .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }



/*left_menu6 */
#left_cont6 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont6 ul{ }
#left_cont6 ul li{ display:block; float:left;width:185px;}
#left_cont6 ul li.last{height:17px; vertical-align:bottom}
#left_cont6 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont6 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont6 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont6 .left_menu ul > li > a { background:url(../images/sub/left_menu_06.gif);width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont6 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont6 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont6 .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont6 .left_menu ul li a.menu3 { background-position: -320px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont6 .left_menu ul li a.menu4 { background-position: -480px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

#left_cont6 .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont6 .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont6 .left_menu ul li a.menu3:hover { background-position: -320px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont6 .left_menu ul li a.menu4:hover { background-position: -480px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }


/*left_menu7 */
#left_cont7 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont7 ul{ }
#left_cont7 ul li{ display:block; float:left;width:185px;}
#left_cont7 ul li.last{height:17px; vertical-align:bottom}
#left_cont7 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont7 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont7 .left_menu ul > li ul.smenu   {width:160px; padding:0px 0 12px 8px;}
#left_cont7 .left_menu ul > li ul.smenu  li {}
#left_cont7 .left_menu ul > li ul.smenu  li {display:block; width:140px; line-height:21px;font-weight:bold;border-bottom:0px !important; background:url(../images/common/dot.gif) no-repeat 0px 9px;padding:0 0 0 10px;}
#left_cont7 .left_menu ul > li ul.smenu  li:last-child {padding:0 0 10px 10px;}
#left_cont7 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont7 .left_menu ul > li > a { background:url(../images/sub/left_menu_07.gif);width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont7 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont7 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu3 { background-position: -320px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu4 { background-position: -480px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu5 { background-position: -640px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu6 { background-position: -800px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu7 { background-position: -960px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu8 { background-position: -1120px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu9 { background-position: -1280px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu10 { background-position: -1440px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu11 { background-position: -1600px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu12 { background-position: -1760px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }

#left_cont7 .left_menu ul li a.menu1:hover { background-position: 0    -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu3:hover { background-position: -320px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu4:hover { background-position: -480px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu5:hover { background-position: -640px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu6:hover { background-position: -800px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu7:hover { background-position: -960px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu8:hover { background-position: -1120px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu9:hover { background-position: -1280px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu10:hover { background-position: -1440px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu11:hover { background-position: -1600px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont7 .left_menu ul li a.menu12:hover { background-position: -1760px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }


/*left_menu8 */
#left_cont8 {position:relative; float:left; width:185px;background:url(../images/sub/left_m_bg.gif) repeat-y;}
#left_cont8 ul{ }
#left_cont8 ul li{ display:block; float:left;width:185px;}
#left_cont8 ul li.last{height:17px; vertical-align:bottom}
#left_cont8 .left_menu {width:160px; margin:0 0 0 12px;}
#left_cont8 .left_menu ul > li { float: left; width:160px; border-bottom:1px solid #ccc;}
#left_cont8 .left_menu ul > li ul.smenu   {width:160px; padding:0px 0 12px 8px;}
#left_cont8 .left_menu ul > li ul.smenu  li {}
#left_cont8 .left_menu ul > li ul.smenu  li {display:block; width:140px; line-height:21px;font-weight:bold;border-bottom:0px !important; background:url(../images/common/dot.gif) no-repeat 0px 9px;padding:0 0 0 10px;}
#left_cont8 .left_menu ul > li ul.smenu  li:last-child {padding:0 0 10px 10px;}
#left_cont8 .left_menu ul > li:last-child{border-bottom:0px solid #ccc;}
#left_cont8 .left_menu ul > li > a { background:url(../images/sub/left_menu_08.gif);width:160px;background-repeat: no-repeat no-repeat; display: block; text-indent: -9000px;}
#left_cont8 .left_menu ul > li.none > a { display:inline-block; background:none;width:140px; text-indent:0px;}
#left_cont8 .left_menu ul li a.menu1 { background-position: 0  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont8 .left_menu ul li a.menu2 { background-position: -160px  0px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont8 .left_menu ul li a.menu1:hover { background-position: 0  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }
#left_cont8 .left_menu ul li a.menu2:hover { background-position: -160px  -33px; background-repeat: no-repeat no-repeat; height: 33px; width: 160px; }



#cont_title {position:relative; /*float:left;*/ width:768px; height:43px; background:url(../images/sub/cont_title_bg.gif) repeat-x; margin:17px 0 30px 0;}
#cont_title h3{font-size:1.5em; font-family: Nanum Gothic; font-weight:bold; background:url(../images/sub/icon_gradcap.gif) no-repeat 12px 7px; padding:3px 0 0 45px;}
#cont_title p{position:absolute; width:400px; top:5px; right:5px; text-align:right; font-size:11px !important;}

#tab { position:relative; float:left; width:768px;padding:0; margin:0px 0 0px 0;}
#tab ul {  border-bottom:1px solid #cecece;height:29px;}
#tab ul li	{ float:left; list-style:none; display:inline-block; position:relative;  white-space:nowrap !important; margin:0 3px 0px 0px; }
#tab ul li a	{ display:-moz-inline-box;display:inline-block;height:20px; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0 ; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;border-bottom:0px;   padding:8px 18px 0px 18px; color:#5a5a5a; background:url(../images/sub/tab_bg.gif)repeat-x;  }

#tab ul li a:hover	{ color:#5a5a5a; text-decoration:none; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:0px;}

#tab ul li.on a { color:#38688f; font-weight:bold;border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background:#FFF; padding:8px 15px 0px 15px;border-bottom:0px; }

#btn {position:relative; float:left; width:768px; height:69px; padding:0; margin-top:35px; background:url(../images/sub/btn_bg.jpg) repeat-x;}
#btn01 {position:relative; float:left; width:239px; height:45px; top:12px; left:13px}
#btn02 {position:relative; float:left; width:239px; height:45px; top:12px; left:26px}
#btn03 {position:relative; float:left; width:239px; height:45px; top:12px; left:39px}


#contents {position:relative; float:left; width:768px; padding-top:35px; margin:0;}

#product01 {position:relative; /*text-align:center;*/ width:768px; padding-top:10px; margin:0;}
#product01 ul li { float:left; padding:0 0 15px 15px; margin:0; display:inline-block; position:relative;}
/* #product01 ul li:first-child{padding-left:0;} */

#product01 .cont_product01{width:770px;height:200px;}
#product01 .cont_product02 {width:753px; height:91px;padding:12px 0 10px 15px;}
#product01 .cont_product02 .text {line-height:180%;}

/* 메인중간 배너2 */
.product_midd2 {position:relative; float:left; width:768px;margin:10px 0 7px 0 }
.product_midd2 li { display:inline; float:left; padding-left:15px;width:370px;}
.product_midd2 li:first-child{padding-left:0;}

.univ_box{width:768px; border:1px solid #b9c1df; float:left; }
.univ_box_conts{width:728px; padding:20px; float:left; display:inline-block; border-bottom:1px dashed #ddd; position:relative;}
.univ_box_conts h1{background:#eaedf8; border:1px solid #b9c1df; font-size:11px; font-weight:bold; width:60px; padding:5px 0 3px 0; text-align:center; margin:10px 0;}
.univ_box_conts li{float:left; width:168px; line-height:21px; background:url(../images/sub/ic_sq.gif) no-repeat left 6px;padding-left:8px;}
.univ_box_conts li:first-child{padding-lieft:0;}
.univ_box_conts:last-child{border-bottom: thin;}

/*등급컷 탭*/
#tab_div{width:760px;}
.tabStyle1 {width:760px;height:65px;}
.tabStyle1 p{padding:0;}
.tabStyle1 ul{height:40px;padding:0;overflow:hidden;}
.tabStyle1 ul li{float:left;font-size:1%; line-height:40px;}
.tabStyle1 img{ border:0;}
#tabCont1, #tabCont2, #tabCont3, #tabCont4, #tabCont5{padding:0 0 40px 5px;width:760px;height:100%;}
a.pointer {cursor:pointer;}

.div_table {width: 300px; border:1 solid red;border-top:none;border-right:none}
.div_table ul {clear: left;margin: 0;padding: 0;list-style-type: none;border-top:1 solid red;} 
/* list-style-type 블릿표시 padding: 0; 들여쓰기*/
.div_table .subject {font-weight: bold;text-align: center;}
.div_table ul li {text-align: center;float: left;margin: 0;padding: 2px, 1px;border-right:1 solid red;width: 100px;}
.div_table ul .col {width: 99px;} /* 표 라인 맞추기기 위해*/



.tablest1 {
    border:medium none;
    border-collapse:collapse;
	border-spacing:0;
    width:100%;
	clear:both;
}
.tablest1 th.sth_top_left {
	background-color: transparent;
	background:url("../images/sub/bg_tit_subj.gif") no-repeat 1px 4px;background-position:center left;color:#222222;border-top:0px;border-left:0px;border-right:0px;text-align:left;padding-top: 10px;padding-left:15px;}
.tablest1 th.sth_top_right {background-color: transparent;color:#222222;border-top: 0px;border-left: 0px;border-right: 0px;text-align:right;}

.tablest1 th {background-color:#f8fafc;border:1px solid #ccc;border-top:1px solid #cf2c50;color:#cf2c50;padding: 9px 0 5px;text-align: center;font-weight:bold;}

.tablest1 td.sth_1 {background-color: #f8fafc;color: #2f2f2f;}

.tablest1 td {background-color: #fff;border: 1px solid #ccc;padding: 9px 0 4px;text-align: center;}

.tablest1 td.sth_1 {background-color: #f8fafc;color: #2f2f2f;}

.tit_subj{ background:url("../images/sub/bg_tit_subj.gif") no-repeat 1px 2px; width:100px;height:20px;padding:0 18px; margin:20px 0;text-align:left;}

.tablest1 .td_3{border:1px #916b6c solid; background:#fdf8f8; color:#916b6c; font-weight:bold;font-size:36px;}

.tablest1 .td_4{color:#916b6c; font-weight:bold;font-size:36px;}

.tablest1 .td_5{font-size:36px;}

/*cup.php*/

#wrap{
	/*padding-bottom:100px;*/
	width:100%;
}
.inner {max-width:990px;}
.mypage{
	margin:0 auto;
	padding-top:100px;
}
/*#title{
    margin:0 auto;
	position:relative;
    border-bottom: 3px solid #b60000;
	height:30px;
	width:990px;

}*/
h2{
	text-align:left;
	font:bold;
}
.button {
	overflow:hidden;
	padding:0;
	text-align:center;
	font:14pt;

}
ul{
	display:inline-block;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.cstab{
	margin: 0px;/* 0 20px;*/
    padding-left: 1px;
	width:990px;
}
.cstab .on{
	position:relative;
}
.cstab li{
	float:left;
	width:25%;
}
li{
	display:list-item;
	text-align: -webkit-match-parent;
}
.cstab {padding-top:40px;}
.cstab li  {
	cursor:pointer;
    display: block;
    margin-left:-1px;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #000;
}
.cstab li div {border:1px solid #ccc;background-color:#fff;transition: all 0.3s;}
.cstab li.on div, .cstab li.on div:hover {border:1px solid #6e6a67;background-color:#cf2c50;font-weight:bold;color:#fff;}
.cstab li div:hover {background-color:#e8eef5;}
a {text-decoration:none;}

.tabCont {overflow:hidden; padding-bottom:100px;}
.tabCont .col2 {display:inline;width:48%;}
.tabCont .col2.left {float:left;}
.tabCont .col2.right {float:right;}



@media only screen and (max-width: 1024px) {
	.tabCont {padding:30px;padding-top:0;}
	.mypage {width:100%;padding-top:30px;}
	#title {width:auto;height:auto;margin-bottom:0;padding:30px;border:none;font-size:14px;}
	.cstab {width:100%;padding:0;}
	.cstab li {margin-left:0;}
	.cstab li div {border-right:0;}
}

@media only screen and (max-width: 600px) {
	.tabCont .col2 {display:inline;width:100%;}
	.mypage {width:100%;padding-top:30px;}
	#title {width:auto;height:auto;margin-bottom:0;padding:30px;border:none;font-size:14px;}
	.cstab {width:100%;padding:0;}
	.cstab li {width:48%;margin:1%;}
	.cstab li div {border-right:1px solid #ccc;}
	.footer {padding:20px 20px 110px 20px;text-align:left;}
	.footer br {display:block;letter-spacing:0;}
	.footer {letter-spacing:0;}
	.footer address {text-align:center;}
	.footer address li {padding:0 8px;}
	.others h2 {font-size:24px;}
}