@charset "utf-8";

/*
 * 작성자 : Kim Yang Hyeon
 * 최종수정일 : 2014-10-28
 * 이메일/메신저 :jurio84@malgnsoft.com / jurio84@nate.com
 */
div.blind{background: url(/html/images/page/opa_bg.png) repeat 0 0;width:100%;height:100%;position:fixed;left:0;top:0;z-index:50}
div.blind2{background: url(/html/images/page/opa_bg.png) repeat 0 0;width:100%;height:100%;position:fixed;left:0;top:0;z-index:150}

#wrap{min-width:940px;position:relative}
#wrap .inner{width:900px;margin:0 auto;overflow:hidden;padding:0 10px;position:relative}
/* intro header  */
.intro_header{padding:14px 0;height:32px;background-color:#006699}
.intro_header .logo {height:32px;line-height:32px;float:left}
.intro_header .logo img{width:30px;height:30px;vertical-align:top;margin-top:1px}
.intro_header .logo em{font-size:28px;color:#fff;padding-left:5px;font-family:"616"}
.intro_header .header_top{float:right}
/*.intro_header .header_top p{float:left;color:#fff;font-size:14px;line-height:32px;padding-right:50px}*/
.intro_header .header_top .user_header{float:right}
.intro_header .header_top .user_header p{float:left}
.intro_header .header_top .user_header .user_photo{float:left}

/* login_header */
.header{padding:7px 0;height:46px;background-color:#006699}
.header .logo {height:32px;line-height:32px;float:left;padding:7px 0}
.header .logo img{width:30px;height:30px;vertical-align:top;margin-top:1px}
.header .logo em{font-size:25px;color:#fff;text-shadow:1px 1px 3px rgba(51, 51, 51, 0.6470588);padding-left:5px;font-family:"616"}
.header .header_top{float:left;padding:7px 0;width:679px}
.header .header_top .gnb{float:left}
.header .header_top .gnb .gnb_list > li{float:left;margin-left:35px}
.header .header_top .gnb .gnb_list > li.g_mypage{padding-right:15px;background: url(/html/images/header/gnb_mypage.png) no-repeat 100% 13px}
.header .header_top .gnb .gnb_list > li a{color:#fff;font-size:16px;font-family:"616";height:32px;line-height:32px}
.header .header_top .gnb .gnb_list > li.on a{color:#43c4fe}
.header .header_top .search_wrap{float:right;height:32px;margin-left:30px;margin-top:3px}
.header .header_top .search_wrap input{vertical-align:top}
.header .header_top .search_wrap input.search_tx{vertical-align:top;border:1px solid #0c457a;font-size:12px;height:20px;line-height:20px;width:200px}
.header .header_top2{float:right}
.header .header_top2 .user_header{float:right;line-height:46px}
.header .header_top2 .user_header p{float:left;font-size:12px;color:#fff}
.header .header_top2 .user_header .user_photo{float:left;position:relative;width:46px;height:46px;margin-left:9px}
.header .header_top2 .user_header .user_photo img{width:46px;height:46px}
.header .header_top2 .user_header .user_photo .mask{position:absolute;left:0;top:0}

/* intro visual1  */
.main_visual{height:750px;position:relative}
#slides{height:750px;overflow:hidden;display:block}
#slides img{width:100%}
#slides .slidesjs-container{height:750px !important}
#slides .slidesjs-navigation{display:none !important}
#slides .slidesjs-pagination{display:none !important}
.sub_visual{height:300px;position:absolute;left:0; bottom:0;width:100%;background-color:rgba(0, 0, 0, 0.4980392);z-index:99}

/* intro visual2  */
#sub_slides{position:relative;height:300px}
#sub_slides .sub_wrap{width:840px;margin:0 auto;overflow:hidden}
#sub_slides .sub_wrap .sub_left{float:left}
#sub_slides .sub_wrap .sub_right{float:left;text-align:center;width:310px}
#sub_slides .sub_wrap .sub_right img{width:310px}
#sub_slides h3{font-size:22px;color:#fff;line-height:150%;margin-left:20px;padding-top:60px;width:500px;height:60px}
#sub_slides p{font-size:15px;color:#fff;margin-left:20px;margin-top:40px;;width:500px}
/*
#sub_slides .sub_01 .sub_wrap{background: url(../images/visual/sub_slides01.png) no-repeat 100% 50%;height:300px ;background-size:contain}
#sub_slides .sub_02 .sub_wrap{background: url(../images/visual/sub_slides02.png) no-repeat 100% 50%;height:300px}
#sub_slides .sub_03 .sub_wrap{background: url(../images/visual/sub_slides03.png) no-repeat 100% 50%;height:300px}
#sub_slides .sub_04 .sub_wrap{background: url(../images/visual/sub_slides04.png) no-repeat 100% 50%;height:300px}
#sub_slides .sub_05 .sub_wrap{background: url(../images/visual/sub_slides05.png) no-repeat 100% 50%;height:300px}
#sub_slides .sub_06 .sub_wrap{background: url(../images/visual/sub_slides06.png) no-repeat 100% 50%;height:300px}
#sub_slides .sub_07 .sub_wrap{background: url(../images/visual/sub_slides07.png) no-repeat 100% 50%;height:300px}
*/
#sub_slides .slidesjs-pagination{position:absolute;left:0;bottom:20px;z-index:50;width:100%;text-align:center}
#sub_slides .slidesjs-pagination li{display:inline-block;margin:0 2px}
#sub_slides .slidesjs-pagination li a{display:block;width:12px;height:12px;border:1px solid #e1e1e1;background-color:#fff;border-radius:6px;text-indent:-9999px;}
#sub_slides .slidesjs-pagination li a.active{display:block;width:12px;height:12px;background-color:#43c4fe;border:1px solid #43c4fe;border-radius:6px}
#sub_slides .slidesjs-play{display:none !important;position:absolute;left:50px;bottom:20px;z-index:50;background: url(/html/images/visual/play.png) no-repeat 0 0;width:16px;height:17px;text-indent:-9999px}
#sub_slides .slidesjs-stop{display:none !important;position:absolute;left:50px;bottom:20px;z-index:50;background: url(/html/images/visual/stop.png) no-repeat 0 0;width:16px;height:17px;text-indent:-9999px}
#sub_slides .slidesjs-previous{position:absolute;left:0;top:145px;display:block !important;background: url(../images/visual/img_prev.png) no-repeat 0 0;background-size:100%}
#sub_slides .slidesjs-next{position:absolute;right:0;top:145px;display:block !important;background: url(../images/visual/img_next.png) no-repeat 0 0;background-size:100%}

/* sign_up  */

.sign_up{padding:45px 0;background-color:#ff6600}
.sign_up .sign_tx{padding-left:68px;background: url(../images/icon/ic_arr.png) no-repeat 6px 5px;height:60px;line-height:60px;font-size:20px;color:#fff;float:left}
.sign_up .btn_wrap{float:right;display:block;margin-top:14px;}
.top_dot{background: url(../images/blt/blt_top_dot.png) no-repeat 50% 0;padding-top:7px}


/* footer */
.footer{background-color:#e4e4e4;padding-top:33px;padding-bottom:35px}
.intro_footer{background-color:#333;padding-top:33px;padding-bottom:35px}
.footer .foot_top{overflow:hidden}
.footer .logo {height:26px;line-height:26px;float:left}
.footer .logo img{width:26px;height:26px;vertical-align:top}
.footer .logo em{font-size:16px;color:#fff;padding-left:5px;font-family:"616"}
.footer .foot_top .sns_menu{float:right}
.footer .foot_top .sns_menu li{float:left;margin-right:15px}
.footer .foot_top .sns_menu li img{width:25px;height:25px}
.footer .foot_menu_wrap{overflow:hidden;width:600px;margin:0 auto}
.footer .foot_menu_wrap .foot_menu{float:left}
.footer .foot_menu_wrap .foot_menu li{float:left;height:25px;line-height:25px;margin-left:20px}
.footer .foot_menu_wrap .foot_menu li.first{margin-left:0}
.footer .foot_menu_wrap .foot_menu li a{color:#505050}
.intro_footer .foot_menu_wrap .foot_menu li a{color:#fff}
.footer .foot_tx{color:#000;margin-top:10px;text-align:center}
.intro_footer .foot_tx{color:#fff;margin-top:20px;text-align:center}
.footer .tx_license{font-size:11px;font-family:'NanumGothic';color:#777}
.footer address{font-size:12px;font-family:'NanumGothic';color:#505050}
.footer .tx_admin{font-size:12px;font-family:'NanumGothic';color:#505050}
/*.footer .tx_copyright{font-size:12px;font-family:'NanumGothic';color:#505050}*/
.footer .tx_copyright{font-size:12px;font-family:Arial;font-weight: bold; color:#505050}
.footer .tx_number{font-size:12px;font-family:'NanumGothic';color:#505050}
.intro_footer .tx_license{font-size:11px;font-family:'NanumGothic';color:#fff}
.intro_footer address{font-size:12px;font-family:'NanumGothic';color:#fff}
.intro_footer .tx_admin{font-size:12px;font-family:'NanumGothic';color:#fff}
/*.intro_footer .tx_copyright{font-size:12px;font-family:'NanumGothic';color:#fff}*/
.intro_footer .tx_copyright{font-size:12px;font-family:Arial;font-weight: bold; color:#fff}
.intro_footer .tx_number{font-size:12px;font-family:'NanumGothic';color:#fff}

/* container */
#container{}
#container .login{background-color:rgba(242, 242, 242, 1)}
#container .user_info{padding:7px 0;background-color:#72a5be;height:46px}
#container .user_info .inner{}
#container .user_info .user_pic{float:left;width:46px;height:46px;padding:0 75px 0 45px;position:relative}
#container .user_info .user_pic img{width:46px;height:46px}
#container .user_info .user_pic .mask{position:absolute;left:45px;top:0}
#container .user_info .user_level{float:left;font-size:13px;line-height:46px;color:#fff;width:530px}
#container .user_info .user_level em.info_c{color:#006699}
#container .user_info .user_btn{float:right;}
#container .user_info .btn_log{width:84px;height:20px;border:1px solid #226d92;background-color:#006699;display:inline-block;margin-top:12px;border-radius:4px;}
#container .user_info .btn_log a{color:#fff;display:block;line-height:22px;background: url(/html/images/icon/ic_logout.png) no-repeat 10px 50%;padding-left:30px}
#container .user_info .btn_admin{width:110px;height:20px;border:1px solid #4cbca3;background-color:#52d0b4;display:inline-block; margin-top:12px;border-radius:4px; margin-right:5px;}
#container .user_info .btn_admin a{color:#fff;display:block;line-height:22px;background: url(/html/images/icon/ic_admin.png) no-repeat 10px 40%;padding-left:28px}
#container .body_wrap{background-color:#e4e4e4;border-top:1px solid #e7e7e7;padding-bottom:10px}

/* lnb */
.lnb_wrap{width:140px;float:left;height:100%;margin-right:20px;margin-top:30px}
.lnb_wrap .sub_list li{line-height:16px;padding:5px 0 ;}
.lnb_wrap .sub_list li a{color:#555;display:block;font-size:12px;padding-left:7px;}
.lnb_wrap .sub_list li.on{background-color:#0491d1}
.lnb_wrap .sub_list li.on a{color:#fff}
.lnb_wrap .lnb_list > li > a{line-height:30px;font-size:18px;color:#006699;display:block;padding-left:4px}
.lnb_wrap .lnb_list > li{border-top:1px solid #ccc}
.lnb_wrap .lnb_list > li.first{border-top:none}


/* list_page */
.sub_page_wrap .sub_page{float:left;width:740px;background-color:#e4e4e4;min-height:500px;margin-top:30px;position:relative}
.sub_page_wrap .sub_page2{float:left;width:740px;background-color:#e4e4e4;min-height:500px;margin-top:30px;position:relative}
/*.sub_page_wrap .sub_page > .green_box{min-height:500px}*/
.sub_page_wrap .sub_page .library_visual{overflow:hidden;position:relative}
.library_visual .slidesjs-container{height:329px !important;overflow:hidden}
.library_visual .slidesjs-container .slide img {width:740px;height:329px}
.library_visual{position:relative}
.library_visual .slidesjs-pagination{position:absolute;left:0;bottom:20px;z-index:50;width:100%;text-align:center}
.library_visual .slidesjs-pagination li{display:inline-block;margin:0 2px}
.library_visual .slidesjs-pagination li a{display:block;width:12px;height:12px;border:1px solid #e1e1e1;background-color:#fff;border-radius:6px;text-indent:-9999px;}
.library_visual .slidesjs-pagination li a.active{display:block;width:12px;height:12px;background-color:#43c4fe;border:1px solid #43c4fe;border-radius:6px}
.library_visual .slidesjs-play{display:none !important;position:absolute;left:20px;bottom:20px;z-index:50;background: url(/html/images/visual/play.png) no-repeat 0 0;width:16px;height:17px;text-indent:-9999px}
.library_visual .slidesjs-stop{display:none !important;position:absolute;left:20px;bottom:20px;z-index:50;background: url(/html/images/visual/stop.png) no-repeat 0 0;width:16px;height:17px;text-indent:-9999px}
.library_visual .slidesjs-previous{position:absolute;left:10px;top:149px;z-index:10;display:block;width:20px;height:31px;text-indent:-9999px;background: url(/html/images/page/btn_lib_prev.png) no-repeat 0 0}
.library_visual .slidesjs-next{position:absolute;right:10px;top:149px;z-index:10;display:block;width:20px;height:31px;text-indent:-9999px;background: url(/html/images/page/btn_lib_next.png) no-repeat 0 0}
.orange_box{background-color:#fff;box-shadow:0px 10px 20px 0px #e4e4e4}
.orange_box .con_tt{background-color:#ff9900;height:40px;line-height:40px}
.orange_box .con_tt .sub_tt{color:#fff;font-size:20px;margin-left:30px;}
.orange_box .best_list_wrap{overflow:hidden;padding:30px 69px;margin-left:-27px;height:151px;position:relative}
.orange_box .best_list_wrap .best_list{overflow:hidden;height:151px}
.orange_box .best_list_wrap li{float:left;width:182px;height:151px;margin-left:27px}
.orange_box .best_list_wrap li img{width:182px;height:151px}
.orange_box .best_list_wrap .slidesjs-container{height:151px !important}
.orange_box .best_list_wrap .slidesjs-pagination{display:none}
.orange_box .best_list_wrap .slidesjs-play{display:none !important}
.orange_box .best_list_wrap .slidesjs-stop{display:none !important}
.orange_box .best_list_wrap .slidesjs-previous{position:absolute;left:37px;top:89px;z-index:10;display:block;width:20px;height:32px;text-indent:-9999px;background: url(/html/images/page/orange_prev.png) no-repeat 0 0}
.orange_box .best_list_wrap .slidesjs-next{position:absolute;right:10px;top:89px;z-index:10;display:block;width:20px;height:32px;text-indent:-9999px;background: url(/html/images/page/orange_next.png) no-repeat 0 0}

.green_box{background-color:#fff;box-shadow:0px 10px 20px 0px #e4e4e4;position:relative}
.green_box .con_tt{background-color:#009999;height:40px;line-height:40px}
.green_box .con_tt .sub_tt{color:#fff;font-size:20px;margin-left:30px;}
.green_box .social_list_wrap{overflow:hidden;padding:30px 60px;margin-left:-19px;height:240px;position:relative}
.green_box .slw2{overflow:hidden;padding:30px 60px;margin-left:-26px;height:auto;position:relative}
.green_box .h_auto{height:auto;min-height:240px;padding:40px 60px}
.green_box .social_list_wrap form{position:absolute;right:62px;top:8px}
.green_box .social_list_wrap .social_list{overflow:hidden}
.green_box .social_list_wrap .social_list2{overflow:hidden}
.green_box .social_list_wrap ul{margin-bottom: 20px;}
.green_box .social_list_wrap li{float:left;width:140px;margin-left:19px;margin-bottom:10px;text-align:center}
.green_box .social_list_wrap .tbcell li{display:table-cell;width:140px;padding-left:19px;padding-bottom:10px;text-align:center;vertical-align:bottom;float:none}
.green_box .social_list_wrap .page_bar li{float:none;width:auto;height:auto;margin-left:0;margin-bottom:0}
.green_box .social_list_wrap li img{width:130px}
.green_box .social_list_wrap li .img_box{margin-bottom:10px;display:block;}
.green_box .social_list_wrap li .tx_box{display:inline-block;text-align:center;font-size:12px}
.green_box .social_list_wrap li .sound_on{padding-right:20px;background: url(/html/images/icon/sound_on.png) no-repeat 100% 0}
.green_box .social_list_wrap li .sound_off{padding-right:20px;background: url(/html/images/icon/sound_off.png) no-repeat 100% 0}
.green_box .social_list_wrap li .ic_Amethyst{padding-left:20px;background: url(/html/images/icon/ic_Amethyst.png) no-repeat 0 0}
.green_box .social_list_wrap li .ic_Citrine{padding-left:20px;background: url(/html/images/icon/ic_Citrine.png) no-repeat 0 0}
.green_box .social_list_wrap li .ic_Sapphire{padding-left:20px;background: url(/html/images/icon/ic_Sapphire.png) no-repeat 0 0}
.green_box .social_list_wrap li .ic_Emerald{padding-left:20px;background: url(/html/images/icon/ic_Emerald.png) no-repeat 0 0}
.green_box .social_list_wrap li .ic_Ruby{padding-left:20px;background: url(/html/images/icon/ic_Ruby.png) no-repeat 0 0}
.green_box .social_list_wrap li .ic_Diamond{padding-left:20px;background: url(/html/images/icon/ic_Diamond.png) no-repeat 0 0}

.tb_report .ic_Amethyst{padding-left:30px;background: url(/html/images/icon/ic_Amethyst.png) no-repeat 10px 0;text-align:left}
.tb_report .ic_Citrine{padding-left:30px;background: url(/html/images/icon/ic_Citrine.png) no-repeat 10px 0;text-align:left}
.tb_report .ic_Sapphire{padding-left:30px;background: url(/html/images/icon/ic_Sapphire.png) no-repeat 10px 0;text-align:left}
.tb_report .ic_Emerald{padding-left:30px;background: url(/html/images/icon/ic_Emerald.png) no-repeat 10px 0;text-align:left}
.tb_report .ic_Ruby{padding-left:30px;background: url(/html/images/icon/ic_Ruby.png) no-repeat 10px 0;text-align:left}
.tb_report .ic_Diamond{padding-left:30px;background: url(/html/images/icon/ic_Diamond.png) no-repeat 10px 0;text-align:left}

.green_box .social_list_wrap .social_list2 li{float:left;width:175px;height:265px;margin-left:26px;margin-bottom:10px;position:relative}
.green_box .slw2 .social_list2 li{float:left;width:175px;height:220px;margin-left:26px;margin-bottom:10px;position:relative}
.green_box .social_list_wrap .hauto li{height: auto;margin-bottom:20px}
.green_box .social_list_wrap .hauto li a img{height: auto}
.green_box .social_list_wrap .social_list2 li .pass_block{display:none}
.green_box .social_list_wrap .social_list2 li.pass .pass_block{display:block;position:absolute;left:0;top:0;width:175px;height:175px;background: url(/html/images/page/opa_bg.png) repeat 0 0;line-height:175px;text-align:center}
.green_box .social_list_wrap .social_list2 li.pass .pass_block a{color:#fff;font-size:20px;display:block}
.green_box .social_list_wrap .social_list2 li .tx_box{font-size:18px;text-align:center}
.green_box .social_list_wrap .slidesjs-container{height:300px !important}
.green_box .social_list_wrap .slidesjs-pagination{display:none}
.green_box .social_list_wrap .slidesjs-play{display:none !important}
.green_box .social_list_wrap .slidesjs-stop{display:none !important}
.green_box .social_list_wrap .slidesjs-previous{position:absolute;left:37px;top:129px;z-index:10;display:block;width:20px;height:30px;text-indent:-9999px;background: url(/html/images/page/green_prev.png) no-repeat 0 0}
.green_box .social_list_wrap .slidesjs-next{position:absolute;right:10px;top:129px;z-index:10;display:block;width:20px;height:30px;text-indent:-9999px;background: url(/html/images/page/green_next.png) no-repeat 0 0}
.green_box .btn_more{position:absolute;right:10px;top:10px;height:20px;line-height:20px;display:block}
.green_box .btn_more a{display:block;color:#fff;font-size:12px}

/*library_subject */
.subject_img{border:1px solid #e7e7e7}
.subject_list{}
.subject_list .con_tt .select_box{float:right;padding-left:10px;background-color:#fff}
.subject_list .sub_list{overflow:hidden;padding-left:12px;padding-bottom:25px}
.subject_list .sub_list li{float:left;margin-left:10px;height:210px}
.subject_list li .img_box{border:1px solid #e7e7e7;display:block;padding:9px;background-color:#f0f0f0}
.subject_list li .img_box img{border:1px solid #fff}
.subject_list .sub_list li .tx_box{text-align:center;display:block;margin-top:5px}

/*library_view */
.library_view{background-color:#fff;padding:18px;position:relative}
.library_view .view_pop{position:absolute;left:0;top:40px}
.library_view .lib_top{overflow:hidden}
.library_view .lib_top .view_img{width:280px;height:423px;float:left;margin-right:20px}
.library_view .lib_top .lib_info{float:left;width:404px}
.library_view .lib_top .lib_info .book_subject{font-size:30px;line-height:30px;padding:5px 0}
.library_view .lib_top .lib_info .book_tx{font-size:16px;line-height:20px}
.library_view .lib_top .lib_info .item_jewel01{padding-bottom:60px;background: url(/html/images/icon/item_jewel01.jpg) no-repeat 0 100%}
.library_view .lib_top .lib_info .item_jewel02{padding-bottom:60px;background: url(/html/images/icon/item_jewel02.jpg) no-repeat 0 100%}
.library_view .lib_top .lib_info .item_jewel03{padding-bottom:60px;background: url(/html/images/icon/item_jewel03.jpg) no-repeat 0 100%}
.library_view .lib_top .lib_info .item_jewel04{padding-bottom:60px;background: url(/html/images/icon/item_jewel04.jpg) no-repeat 0 100%}
.library_view .lib_top .lib_info .item_jewel05{padding-bottom:60px;background: url(/html/images/icon/item_jewel05.jpg) no-repeat 0 100%}
.library_view .lib_top .lib_info .item_jewel06{padding-bottom:60px;background: url(/html/images/icon/item_jewel06.jpg) no-repeat 0 100%}
.library_view .lib_top .lib_info .book_tt{font-size:18px;line-height:150%}
.library_view .lib_top .lib_info .book_dis{font-size:12px;line-height:14px;height:140px}
.library_view .lib_top .lib_info .attach a{font-size:12px;color:#0066ff}
.library_view .btn_wrap{overflow:hidden;margin-top:9px}
.library_view .btn_wrap li{float:left;height:42px;border-radius:4px;background-color:#ff9900;width:128px;margin-left:9px}
.library_view .btn_wrap li a{color:#fff;display:block;text-align:center;line-height:42px;font-size:16px}
.library_view .btn_wrap li.btn01{width:280px;background-color:#ff6600;margin-left:0;margin-right:12px}
.library_view .btn_wrap li.line2 a{line-height:16px;padding:5px 0;}
.library_view .btn_wrap li.pass{background-color:#ff6600}

/* library_search */
.library_search{padding:15px 21px}
.library_search h3{color:#00509b;font-size:20px}
.green_box .search_list_wrap{overflow:hidden;padding:30px 60px;margin-left:-19px;height:240px;position:relative}
.green_box .h_auto{height: auto}
.green_box .search_list_wrap form{position:absolute;right:60px;top:8px}
.green_box .search_list_wrap .search_list{overflow:hidden}
.green_box .search_list_wrap li{float:left;width:140px;margin-left:19px;margin-bottom:10px;text-align:center}
.green_box .search_list_wrap .tbcell li{display:table-cell;float:none;width:140px;padding-left:19px;padding-bottom:10px;text-align:center;vertical-align:bottom}
.green_box .search_list_wrap .page_bar li{float:none;width:auto;height:auto;margin-left:0;margin-bottom:0}
.green_box .search_list_wrap li img{width:140px}
.green_box .search_list_wrap li .img_box{margin-bottom:10px;display:block;}
.green_box .search_list_wrap li .tx_box{text-align:center;font-size:12px}
.green_box .search_list_wrap li .sound_on{padding-right:20px;background: url(/html/images/icon/sound_on.png) no-repeat 100% 0}
.green_box .search_list_wrap li .sound_off{padding-right:20px;background: url(/html/images/icon/sound_off.png) no-repeat 100% 0}
.green_box .search_list_wrap li .ic_Amethyst{padding-left:20px;background: url(/html/images/icon/ic_Amethyst.png) no-repeat 0 0}
.green_box .search_list_wrap li .ic_Citrine{padding-left:20px;background: url(/html/images/icon/ic_Citrine.png) no-repeat 0 0}
.green_box .search_list_wrap li .ic_Sapphire{padding-left:20px;background: url(/html/images/icon/ic_Sapphire.png) no-repeat 0 0}
.green_box .search_list_wrap li .ic_Emerald{padding-left:20px;background: url(/html/images/icon/ic_Emerald.png) no-repeat 0 0}
.green_box .search_list_wrap li .ic_Ruby{padding-left:20px;background: url(/html/images/icon/ic_Ruby.png) no-repeat 0 0}
.green_box .search_list_wrap li .ic_Diamond{padding-left:20px;background: url(/html/images/icon/ic_Diamond.png) no-repeat 0 0}
.green_box .search_list_wrap .search_list li.nodata{height:160px;width:410px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background: url(/html/images/page/no_search.jpg) no-repeat 98px 0;padding-left:250px;text-align:left}
.green_box .search_list_wrap .search_list li.nodata .notx1{margin-top:55px;font-size:18px}
.green_box .search_list_wrap .search_list li.nodata .notx2{font-size:14px}

/* join */
.inner_center{padding:10px;background-color:#e4e4e4}
.inner_center .join_wrap{width:900px;margin:0 auto;background-color:#fff;padding:0 0 150px;box-shadow:0px 10px 20px 0px #e4e4e4;}
.inner_center .join_wrap .page_tab{height:40px}
.inner_center .join_wrap .page_tab .page_tab_list{overflow:hidden}
.inner_center .join_wrap .page_tab .page_tab_list li{float:left;width:50%;height:40px;}
.inner_center .join_wrap .page_tab .page_tab_list li a{text-align:center;display:block;background-color:#ccc;font-size:18px;line-height:40px;color:#fff}
.inner_center .join_wrap .page_tab .page_tab_list li.on a{background-color:#006699}
.join_top{padding-top:40px;width:481px;margin:0 auto;height:55px;text-align:left}
.join_top .join_tt{font-size:28px;line-height:36px;color:#ff9900;}
.join_wrap .join_tt2{font-size:18px;line-height:24px;color:#006699;width:481px;margin:20px auto 0}
.join_top p{font-size:14px;margin-top:10px;padding-left:48px}
.join_body{width:481px;margin:0 auto}
.join_body .ip_box{margin-top:11px}
.join_body .ip_box .ip_tx{height:20px;padding:10px;line-height:20px;width:458px;border:1px solid #d5d5d5 !important}
.join_body .on .ip_tx{border:1px solid #0492d2 !important}
.ip_box2{overflow:hidden;border-bottom:1px solid #ababab;padding-bottom:10px}
.ip_box2 .radio_list{float:left;margin-top:11px;height:42px;line-height:42px}
.ip_box2 .ip_box{float:right}
.ip_box2 .ip_box .ip_tx{width:200px}
.ip_box2 .radio_list li{float:left;margin-right:30px;padding-left:3px}
.ip_box2 .radio_list li label{}
.ip_box2 .radio_list li label input{vertical-align:middle;margin-right:3px}
.join_tx_box{padding:11px 0 0 0 ;font-size:16px;line-height:150%}

/* login */
.inner_center .login_wrap{width:900px;margin:0 auto;background-color:#fff;padding:0 0 150px;box-shadow:0px 10px 20px 0px #e4e4e4;}
.inner_center .login_wrap .page_tab{height:40px}
.inner_center .login_wrap .page_tab .page_tab_list{overflow:hidden}
.inner_center .login_wrap .page_tab .page_tab_list li{float:left;width:50%;height:40px;}
.inner_center .login_wrap .page_tab .page_tab_list li a{text-align:center;display:block;background-color:#ccc;font-size:18px;line-height:40px;color:#fff}
.inner_center .login_wrap .page_tab .page_tab_list li.on a{background-color:#006699}
.login_top{padding-top:90px;width:480px;margin:0 auto;height:50px;text-align:left}
.login_top .login_tt{font-size:28px;line-height:36px;color:#ff9900;}
.login_top p{font-size:14px;margin-top:10px;text-align:center}
.login_body{width:481px;margin:0 auto;overflow:hidden}
.login_body .log_l{float:left}
.login_body .log_r{float:right}
.login_body .log_r .btn_login{width:153px;height:101px;background-color:#f06726;margin-top:11px;border-radius:4px;color:#fff;font-size:19px;}
.login_body .ip_box{margin-top:11px}
.login_body .ip_box .ip_tx{height:23px;padding:10px;line-height:23px;width:294px;border:1px solid #d5d5d5 !important}
.login_body .clear{clear:both;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ababab;font-size:14px}
.login_body .clear input{vertical-align:middle;margin-right:8px}
.login_body .login_find{padding:20px 0;border-bottom:1px solid #ababab;overflow:hidden}
.login_body .login_find .find_group{float:left;width:280px}
.login_body .login_find .join_group{float:left;width:179px;border-left:1px solid #dfdfdf;padding-left:20px}
.login_body .login_find  p{color:#555;font-size:14px}
.login_body .login_find .btn_wrap{margin-top:25px}
.login_body .login_find  button{height:78px;line-height:78px;background-color:#919191;color:#fff;font-size:16px;border-radius:4px;font-weight:bold}
.login_body .login_find  button.btn_find{width:260px}
.login_body .login_find  button.btn_reg{margin-left:5px;width:174px;height:78px;line-height:78px}

/* find */
.find_wrap{}
.inner_center .find_wrap{width:898px;border:1px solid #d5d5d5;margin:0 auto;background-color:#fff;padding:40px 0 150px}
.find_wrap .find_inner{width:480px;margin:0 auto}
.find_wrap .find_inner .find_top{margin-bottom:25px}
.find_wrap .find_inner .find_top .find_tt{font-size:30px;white-space:nowrap;line-height:36px;color:#333;text-align:left}
.find_wrap .find_inner .find_top .find_tx{font-size:14px;line-height:30px;text-align:left}
.find_wrap .find_info input{width:470px;border:1px solid #d5d5d5;height:23px;line-height:23px;margin-bottom:12px;padding-top:10px;padding-bottom:10px}
.find_wrap .find_info button.find_submit{width:480px;height:48px;text-align:center;background-color:#f06726;color:#fff;font-size:19px;line-height:48px;border-radius:4px}

/* course */
.lesson_wrap{width:900px;height:310px;background:#fff;position:absolute;left:50%;top:60px;margin-left:-450px;z-index:100}
.lesson_wrap .lesson_header{background-color:#099;height:40px;position:relative}
.lesson_wrap .lesson_header .lesson_no{color:#fff;font-size:20px;line-height:40px;padding-left:30px}
.lesson_wrap .lesson_header .btn_closed{position:absolute;right:14px;top:14px;width:12px;height:12px;display:block}
.lesson_wrap .lesson_body{padding:30px;overflow:hidden;min-height:214px}
.lesson_wrap .lesson_body .img_box{float:left;width:160px;margin-right:25px}
.lesson_wrap .lesson_body .lesson_info{float:left;width:260px;margin-right:30px}
.lesson_wrap .lesson_body .lesson_info .lesson_title{font-size:20px;color:#333}
.lesson_wrap .lesson_body .lesson_info .lesson_text{color:#333;margin-top:10px}
.lesson_wrap .lesson_body .lesson_step{float:left;width:330px}
.test_wrap{width:900px;height:310px;background:#fff;position:absolute;left:50%;top:120px;margin-left:-450px;z-index:200;box-shadow:none}
.test_wrap .green_box{box-shadow:none}
.test_wrap .content_tx_wrap{padding:20px}
.content_tx_wrap .con_lib .check_layer{display:none}
.content_tx_wrap .con_lib .check{position:relative}
.content_tx_wrap .con_lib .check .check_x{display:block;width:50px;height:50px;position:absolute;left:-5px;top:-5px}
.content_tx_wrap .con_lib .check .check_o{display:none}
.content_tx_wrap .con_lib .checkok{position:relative}
.content_tx_wrap .con_lib .checkok .check_x{display:none}
.content_tx_wrap .con_lib .checkok .check_o{display:block;width:50px;height:50px;position:absolute;left:0;top:0}
.test_wrap .content_tx_wrap .test_answer{min-height:150px}
.test_wrap .content_tx_wrap .ct_result{width:510px;margin:0 auto;padding-bottom:50px}
.test_wrap .content_tx_wrap .ct_tx{font-size:14px}
.tb_step{}
.tb_step table td{height:48px;border-left:2px solid #fff;border-top:2px solid #fff}
.tb_step table .first td{border-top:none}
.tb_step table td.step_no{background-color:#069;text-align:center;color:#fff;border-left:none}
.tb_step table td.step_con{background-color:#099;text-align:left;color:#fff;padding-left:10px}
.tb_step table td.step_btn a{display:block;background-color:#ff9900;color:#fff;text-align:center;height:48px;line-height:48px}
.tb_step table td.step_btn a.pass{background-color:#ff6600;color:#fff}
.tb_step table td span.icon{display:none}
.tb_step table td.pass span.icon{display:block}

/*course_select */
.course_select{position:relative}
.course_select .course_compl{position:absolute;left:50%;top:100px;z-index:150;width:480px;margin-left:-240px}
.course_select .course_compl .green_box{box-shadow:none}
.course_select .course_compl .green_box .complete_content{padding-top:200px;background: url(/html/images/icon/cong.png) no-repeat 50% 50px ;padding-bottom:40px}
.course_select .course_compl .green_box .complete_tx{text-align:center;font-size:18px}
.course_compl .layer_closed{position:absolute;right:15px;top:15px}
.course_select .in_progress{box-shadow:0px 10px 20px 0px #e4e4e4}
.course_select .in_progress .con_tt{background-color:#ff9900;height:40px;line-height:40px}
.course_select .in_progress .con_tt .sub_tt{margin-left:30px;color:#fff;font-size:20px}
.course_select .in_progress .in_progress_con{background: url(/html/images/page/course_bg.jpg) repeat 0 0;padding:39px;overflow:hidden;min-height:402px}
.course_select .in_progress .in_progress_con .ing_left{float:left;width:282px}
.course_select .in_progress .in_progress_con .ing_left .img_box{display:block;width:282px}
.course_select .in_progress .in_progress_con .ing_left .ing_tt{display:block;font-size:21px;color:#333;margin-top:10px}
.course_select .in_progress .in_progress_con .ing_left .ing_tx{display:block;margin-top:10px}
.course_select .in_progress .in_progress_con .ing_right{float:right;width:530px}

.tb_ing{}
.tb_ing table{}
.tb_ing table tbody{}
.tb_ing table tbody td{height:98px;border:2px solid #fff;border-top:2px solid #fff}
.tb_ing table tbody td.checkbox{border:none;text-align:center}
.tb_ing table tbody td.checkbox span{display:none}
.tb_ing table tbody td.pass span{display:block}
.tb_ing table tbody td.ls_no{text-align:center;background-color:#006699;color:#fff;font-size:15px}
.tb_ing table tbody td.ls_img{text-align:center}
.tb_ing table tbody td.ls_img .ls_img_box{display:block;width:78px;height:98px}
.tb_ing table tbody td.ls_title{background-color:#009999;color:#fff;padding-left:10px;font-size:15px}
.tb_ing table tbody td.ls_btn a{display:block;background-color:#ff9900;color:#fff;text-align:center;height:98px;line-height:98px;width:100%;font-size:15px}
.tb_ing table tbody td.ls_btn a.pass{background-color:#ff6600;color:#fff}


.level_choice{border:1px solid #d5d5d5;background-color:#fff;padding:10px;overflow:hidden;padding:50px 77px}
.level_choice .lv_tx{font-size:30px;color:#333;height:90px;line-height:90px;text-align:center}
.level_choice .lv_tx em{color:#0493d2}
.level_choice .lv_list{margin-left:-64px}
.level_choice .lv_list li {float:left;height:290px;margin-left:64px;position:relative}
.level_choice .lv_list li > a{display:block;width:205px;height:205px;background: url(/html/images/page/lv_list.jpg) no-repeat 0 0;text-indent:-9999px}
.level_choice .lv_list li.lv01 a{background-position:0 0}
.level_choice .lv_list li.lv02 a{background-position:-269px 0}
.level_choice .lv_list li.lv03 a{background-position:-535px 0}
.level_choice .lv_list li.lv04 a{background-position:0 -266px}
.level_choice .lv_list li.lv05 a{background-position:-269px -266px}
.level_choice .lv_list li.lv06 a{background-position:-535px -266px}
.level_choice .lv_list li p{font-size:17px;text-align:center;margin-top:10px}
.level_choice .lv_list li .over_block{display:none}
.level_choice .lv_list li.over .over_block{position:absolute;left:0;top:0;width:205px;height:205px;background: url(/html/images/page/opa_wbg.png) repeat 0 0;display:block}
.level_choice .lv_list li.over .over_block .over_in{position:absolute;left:50%;top:93px;margin-left:-42px;display:block;width:83px;height:27px;line-height:27px;border:1px solid #fff;border-radius:4px;background-color:#006699;text-align:center}
.level_choice .lv_list li.over .over_block a{color:#fff;display:block;}

/*level guide */
.level_guide{background-color:#fff;box-shadow:0px 10px 20px 0px #e4e4e4;color: #555;}
.level_guide > div{height:600px}
.level_guide .con_wrap{overflow:hidden;position:relative;}
.level_guide .con_wrap .btn_pos{position:absolute;right:20px;bottom:0}
.level_guide .con_wrap .guide_top{padding:24px 30px 25px 30px;background-color:#fff;color: #555;1border-bottom: 3px solid #ff9900;}
.level_guide .con_wrap .guide_top .guide_tt{font-size:28px;line-height:30px}
.level_guide .con_wrap .guide_top .guide_tx{font-size:18px;line-height:20px}
.level_guide .con_wrap .box_bg{padding-bottom:20px;background-color:#fff}
.level_guide .con_wrap .step_tt{font-size:22px;padding:15px 30px;background-color:#ff7700;color: white;}
.level_guide .con_wrap .step_tx{font-size:18px;padding:15px 30px;background-color:#ff7700;color: white;}
.level_guide .con_wrap .step_width1{float:left;width:45px;height:250px;line-height:250px;text-align:center;font-size:20px;color:#555}
.level_guide .con_wrap .step_width3{float:left;width:45px;height:200px;line-height:200px;text-align:center;font-size:20px;color:#555}
.level_guide .con_wrap .step_div_li{float:left;width:252px;}
.level_guide .con_wrap .step_div_li img{border: 1px solid #336699;}
.level_guide .con_wrap .btn_wrap_finish{width:850px;margin:2px auto;}
.level_guide .con_wrap .step_img_tx{text-align:center;color:#555;font-size:16px;line-height:20px;display:block;margin:10px 0}
.level_guide .con_wrap .box_bg .step_tx2{padding-left:30px;font-size:18px;}
.level_guide .con_wrap .box_bg .step_img{padding-left:30px;overflow:hidden;}
/*.level_guide .con_wrap .box_bg .step_img .step_img_li{float:left;width:252px;}*/
.level_guide .con_wrap .box_bg .step_img li .step_img_tx{text-align:center;font-size:18px;line-height:20px;display:block;margin:15px 0}
.level_guide .con_wrap .box_bg .step_img2{padding-left:30px;overflow:hidden}
/*.level_guide .con_wrap .box_bg .step_img2 .step_div{float:left;width:250px}*/
.level_guide .con_wrap .box_bg .step_img2 .img_co{font-size:18px;color:#555;padding-bottom:4px;height:18px}
/*.level_guide .con_wrap .box_bg .step_img2 .step_width1{float:left;width:45px;height:250px;line-height:262px;text-align:center;font-size:20px;color:#555}*/
.level_guide .con_wrap .box_bg .step_img2 .step_width2{float:left;width:45px;height:250px;background: url(/html/images/blt/blt_tr.png) no-repeat 50% 50%}
/*.level_guide .con_wrap .box_bg .step_img2 .step_div .step_img_tx{text-align:center;color:#555;font-size:16px;line-height:20px;display:block;margin:10px 0}*/
.level_guide .con_wrap .box_bg2{padding-bottom:20px;background-color:#fff}
.level_guide .con_wrap .box_bg2 .step_img3{overflow:hidden;width:600px;margin:0 auto}
/*.level_guide .con_wrap .box_bg2 .step_img3 .step_div{float:left;width:250px}*/
.level_guide .con_wrap .box_bg2 .step_img3 .img_co{font-size:18px;color:#555;padding-bottom:4px;height:18px}
.level_guide .con_wrap .box_bg2 .step_img3 .step_width2{float:left;width:45px;height:262px;background: url(/html/images/blt/blt_tr.png) no-repeat 50% 50%}
.level_guide .con_wrap .box_bg2 .step_img3 .step_div .step_img_tx{text-align:center;color:#555;font-size:18px;line-height:20px;display:block;margin:10px 0}
.level_guide .con_wrap .box_bg2 .step_img3 .step_div .tal{text-align:left}
.level_guide .con_wrap .last_tx{color:#fff;background-color:#ff7700;font-size:28px;line-height:30px;padding:20px;text-align:center}

/*level_test */
.level_test{padding:40px 52px 120px 52px;background:#fff url(/html/images/page/test_bg.jpg) no-repeat 100% 100%;border:1px solid #d5d5d5;margin-top:10px}
.test_title{height:82px;background: url(/html/images/page/test_tt_bg.jpg) no-repeat 100% 0 }
.test_title .test_tt{font-size:44px;height:82px;line-height:82px}
.test_wrap .ex_text{background-color:#eef2f6;border:1px dotted #8598a9;padding:20px 30px;margin-top:20px;font-size:16px;line-height:19px }
.test_quest{overflow:hidden;border:2px solid #0492d2;margin-top:23px}
.test_quest h5.q_no{width:45px;height:41px;text-align:center;line-height:41px;float:left;background-color:#0492d2;color:#fff;font-size:18px}
.quest_not{overflow:hidden;border:2px solid #d85127;margin-top:23px}
.quest_not h5.q_no{width:45px;height:41px;text-align:center;line-height:41px;float:left;background-color:#d85127;color:#fff;font-size:18px}
.test_quest h5.q_p{;text-align:left;line-height:21px;float:left;font-size:18px;padding:10px;width:791px}
.test_quest h5.q_pl{;text-align:left;line-height:21px;float:left;font-size:18px;padding:10px;width:631px}
.qt{padding-left:15px;background-color:#eef2f6;border:1px dotted #8598a9;padding:20px 30px;margin-top:20px;font-size:16px;line-height:19px }
.ans_olist{padding:15px;overflow:hidden}
.ans_olist li{line-height:20px;font-size:15px}
.ans_olist li .red{color:red}
.ans_olist li input{vertical-align:middle;margin-right:10px;font-size:17px}
.picArea li{float:left;width:25%;margin-bottom:10px}
.picArea li img.tiblock{margin-left:24px;display:block}
.picArea li img.oiblock{margin-left:0;display:inline;vertical-align:top}

/* level_ result */
.result_box{padding:70px 200px 160px 200px}
.result_box .result_tt{font-size:16px;margin-bottom:15px}
.tb_result{width:100%}
.tb_result table td{border:2px solid #fff}
.tb_result table tbody td{background-color:#006699;color:#fff;font-size:20px;text-align:center;height:43px}
.tb_result table tfoot td{background-color:#ff9900;color:#fff;font-size:20px;text-align:center;height:43px}
.result_box .result_tx{padding:35px 0;font-size:20px;border-bottom:1px solid #ccc;text-align:center}
.result_comment{padding-top:25px}
.result_comment h5{font-size:20px;font-weight:bold;margin-bottom:25px}
.result_comment div{font-size:12px;line-height:16px}

/*course content */
.course_content .green_box{}
.course_content .content_tx_wrap{padding:20px}
.course_content .content_tx_wrap h6{font-size:16px;font-weight:bold}
.course_content .content_tx_wrap .ct_result{width:500px;margin:0 auto;padding-bottom:50px}
.course_content .content_tx_wrap .ct_tx{font-size:16px;line-height:20px}
.course_content .content_tx_wrap .gbox .con_tt{background-color:#009999;height:40px;line-height:40px}
.course_content .content_tx_wrap .gbox .con_tt .sub_tt{color:#fff;font-size:20px;margin-left:30px;}
.tb_green_box table tbody td.cr_th{padding-left:18px;height:40px;text-align:left;border:1px solid #009999;font-size:17px;color:#333}
.tb_green_box table tbody td.cr_td{height:40px;text-align:center;border:1px solid #009999;font-size:14px;color:#ff3300}
.cr_btn{overflow:hidden;margin-top:22px}
.cr_btn li{float:left}
.cr_btn li .btn_cr_again{width:165px;height:56px;background-color:#ff9900;font-size:16px;color:#fff;line-height:56px;border-radius:4px;margin-right:9px}
.cr_btn li .btn_cr_check{width:165px;height:56px;background-color:#ff9900;font-size:16px;color:#fff;border-radius:4px;margin-right:9px}
.cr_btn li .btn_cr_exit{width:162px;height:56px;background-color:#999;font-size:16px;color:#fff;line-height:56px;border-radius:4px}
.ct_result .ct_pass1{font-size:30px;line-height:150%;text-align:center}
.ct_result .ct_pass2{font-size:24px;line-height:150%;text-align:center;padding-bottom:250px}
.ct_result .ct01{background: url(/html/images/icon/ct01.jpg) no-repeat 50% 100%}
.ct_result .ct01 em{color:#642c90}
.ct_result .ct02{background: url(/html/images/icon/ct02.jpg) no-repeat 50% 100%}
.ct_result .ct02 em{color:#f9ae40}
.ct_result .ct03{background: url(/html/images/icon/ct03.jpg) no-repeat 50% 100%}
.ct_result .ct03 em{color:#29b473}
.ct_result .ct04{background: url(/html/images/icon/ct04.jpg) no-repeat 50% 100%}
.ct_result .ct04 em{color:#2ad1cc}
.ct_result .ct05{background: url(/html/images/icon/ct05.jpg) no-repeat 50% 100%}
.ct_result .ct05 em{color:#eb1c23}
.ct_result .ct06{background: url(/html/images/icon/ct06.jpg) no-repeat 50% 100%}
.ct_result .ct06 em{color:#1b75ba}
.ct_btn{overflow:hidden;width:438px;margin:22px auto 0 auto}
.ct_btn li{float:left}
.ct_btn li .btn_ct_review{width:141px;height:56px;background-color:#ff6600;font-size:16px;color:#fff;border-radius:4px;margin-right:9px}
.ct_btn li .btn_ct_check{width:141px;height:56px;background-color:#ff9900;font-size:16px;color:#fff;border-radius:4px;margin-right:9px}
.ct_btn li .btn_ct_exit{width:138px;height:56px;background-color:#999;font-size:16px;color:#fff;border-radius:4px}

/*report */
.report_list{overflow:hidden;margin-top:9px;margin-left:-8px}
.report_list > li{width:206px;height:228px;;border:1px solid #d5d5d5;background-color:#fff;margin-left:8px;margin-bottom:8px;padding:10px;float:left;position:relative}
.report_list > li h6{font-size:20px;color:#333;font-family:"616"}
.report_list > li p{font-size:14px;color:#333}
.report_list > li .over_block{display:none}
.report_list > li.over .over_block{position:absolute;left:0;top:0;width:228px;height:250px;background: url(/html/images/page/opa_wbg.png) repeat 0 0;display:block}
.report_list > li.over .over_block .over_in{position:absolute;left:50%;top:115px;margin-left:-42px;display:block;width:83px;height:27px;line-height:27px;border:1px solid #fff;border-radius:4px;background: url(/html/images/page/opa_bg.png) repeat 0 0;text-align:center}
.report_list > li.over .over_block a{color:#fff;display:block}

.jewel_list{overflow:hidden;margin-top:-20px}
.jewel_list li{padding-left:54px;background: url(/html/images/icon/jewel01.png) no-repeat 0 0;padding-top:25px;float:left;margin-top:20px}
.jewel_list li.j01{background-image: url(/html/images/icon/jewel01.png)}
.jewel_list li.j02{background-image: url(/html/images/icon/jewel02.png)}
.jewel_list li.j03{background-image: url(/html/images/icon/jewel03.png)}
.jewel_list li.j04{background-image: url(/html/images/icon/jewel04.png)}
.jewel_list li.j05{background-image: url(/html/images/icon/jewel05.png)}
.jewel_list li.j06{background-image: url(/html/images/icon/jewel06.png)}
.jewel_list li span{display:block;height:22px;line-height:22px;background: url(/html/images/page/opa_bg.png) repeat 0 0;width:49px;text-align:center;color:#fff;border-radius:4px}

.li_con div.img_box{text-align:center}
.li_con .list_dot li{background: url(/html/images/blt/blt_bdot.png) no-repeat 7px 50%;padding-left:15px;overflow:hidden;margin-top:10px}
.li_con .list_dot li .fl{display:block;width:165px;font-size:14px}
.li_con .list_dot li .fr{display:block;width:24px;text-align:center;font-size:14px}

.full_wbox{background-color:#fff;padding:20px;box-shadow:0px 10px 20px 0px #e4e4e4;}
.full_gbox{background-color:#eee;padding:20px}
.full_wbox .page_tt{font-size:20px;color:#333;font-family:"616"}
.growth_wrap{padding:20px 0;width:659px;margin:0 auto}
.growth_ul{overflow:hidden;background: url(/html/images/page/growth_ul.jpg) no-repeat 0 20px;height:107px;width:601px;padding:0 29px }
.growth_ul li{float:left;background: url(/html/images/page/growth_li.jpg) no-repeat 50% 20px;height:107px;width:98px}
.growth_ul li.last{width:110px}
.growth_ul li.pass{background: url(/html/images/page/growth_li_pass.jpg) no-repeat 50% 20px}
.growth_ul li.ing{background: url(/html/images/page/growth_li_ing.jpg) no-repeat 50% 20px}
.growth_ul li .growth_order{text-align:center;font-size:14px;height:40px;line-height:20px;color:#333}
.growth_ul li .pass_date{display:none}
.growth_ul li.pass .pass_date{display:block;width:61px;height:22px;line-height:22px;text-align:center;color:#fff;margin:40px auto 0;background: url(/html/images/page/opa_bg.png) repeat 0 0;border-radius:4px}
.growth_wrap .elite{background: url(/html/images/icon/ic_course.jpg) no-repeat 0 0;padding-left:42px;height:34px;line-height:34px;font-size:20px;font-family:"616";color:#333}
.growth_wrap .sub_tt_wrap{overflow:hidden;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #d5d5d5}
.growth_wrap .sub_tt_wrap .report_tt{float:left;font-size:18px;line-height:24px}
.growth_wrap .sub_tt_wrap .report_name{float:right;line-height:24px}
.report_box{overflow:hidden;padding:10px 2px 25px 2px;border-bottom:2px solid #000}
.report_box .report_text{float:left;width:450px}
.report_box .report_text p{line-height:24px;color:#333;font-size:15px}
.report_box .report_text p button{vertical-align:middle}
.report_box .report_text p button.btn_sc{background-color:#5b5b5b;border-radius:4px;padding:0 6px;height:20px}
.report_box .report_text p button.btn_sc span{background: url(/html/images/icon/ic_search.png) no-repeat 0 0;padding-left:15px;color:#fff}
.report_box .course_comple{float:right;width:150px}
.report_box .course_item{float:right;width:200px}
.report_box .course_item .tb_report{border:1px solid #d5d5d5;border-bottom:none}
.report_box .course_comple .tt{height:40px;line-height:40px;background-color:#0491d1;text-align:center;color:#fff;font-size:15px}
.report_box .course_comple .tx{height:38px;line-height:38px;border:1px solid #d5d5d5;background-color:#fafafa;text-align:center;font-size:15px;color:#333}

.certificate{background-color:#fff}
.certificate_wrap{background: url(/html/images/page/certificate_bg.png) no-repeat 0 0;width:740px;height:485px;position:relative;margin:auto;padding-top:60px}
.certificate_wrap .emb{position:absolute;right:45px;top:90px}
.certificate_wrap .emb img{width:120px;height:120px}
.certificate_wrap .certificate_tt{font-size:80px;color:#333;text-align:center;height:110px;line-height:110px}
.certificate_wrap p{text-align:center;color:#333}
.certificate_wrap .certificate_tx{font-size:13px;line-height:16px;text-align:center;width:650px;margin:20px auto 0}
.certificate_wrap .certificate_tx2 {font-size:13px;line-height:16px;text-align:center;width:650px;margin:20px auto 0}
.certificate_wrap .certificate_code{font-size:20px;line-height:1.5}
.certificate_wrap span.tx_print{position:absolute;bottom:75px;right:75px}
.certificate_wrap span.tx_print a{color:#4f00ff}
.q_wrap .q_tt{color:#333;font-size:14px;line-height:24px}
.q_wrap .q_tt .ic_q{line-height:24px;background-color:#0493d2;border-radius:4px;color:#fff;padding:0 8px}
.q_wrap .tx_box{border:1px solid #d5d5d5;margin-top:10px;margin-bottom:30px;background-color:#fafafa}
.q_wrap .tx_box textarea{border:none;width:836px;height:250px;padding:10px;background-color:#fafafa}
.tb_report{}
.tb_report table thead th{background-color:#fafafa;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;padding:10px 0;font-size:14px;font-weight:normal}
.tb_report table thead th.first{border-left:none}
.tb_report table tbody td{border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:10px 0;font-size:14px}
.tb_report table tbody th{border-bottom:1px solid #d5d5d5;padding:10px 0;font-size:14px;font-weight:normal}
.tb_report table tbody td.first{border-left:none}
.course_item .tb_report table thead th{padding:5px 0}
.course_item .tb_report table tbody th{padding:5px 0}
.course_item .tb_report table tbody td{padding:5px 0}
.explanation .list_dot li{background: url(/html/images/blt/blt_bdot.png) no-repeat 2px 50%;padding-left:10px;line-height:24px;height:24px}

.btn{border-radius:4px}
.btn_join{height:48px;line-height:48px;text-align:center;width:100%;background-color:#f06726;border-radius:4px;color:#fff;font-size:19px}
a.btn_small{padding:4px 20px;display:inline-block;font-size:13px;border-radius:4px;line-height:18px}
a.btn_large{padding:5px 10px;display:inline-block;font-size:13px;border-radius:4px;line-height:18px;margin-top:14px}
a.btc_blue{background-color:#0066ff;border:2px solid #fff;color:#fff}
a.btc_red{background-color:#ff9900;border:2px solid #fff;color:#fff}
a.btc_green{background-color:#2ccf8c;border:2px solid #fff;color:#fff}
.page_bar{text-align:center}
.btn_top{position:fixed;right:50%;bottom:227px;width:41px;height:38px;margin-right:-491px}
.tac{text-align:center}
.tar{text-align:right}
.tc_blue{color:#0491d1}
.tc_orange{color:#e66325}
.tc_grade{color:#e48d30}
.tc_blue{color:#0066ff !important}
.tc_level{color:#f06726}
.fl{float:left}
.fr{float:right}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt70{margin-top:70px}
.btn_wrap {overflow:hidden}
.btn_wrap .btn_left{float:left}
.btn_wrap .btn_right{float:right}
.btn_course_start{width:232px;height:53px;line-height:53px;text-align:center;background-color:#f06726;border-radius:4px}
.btn_w315{width:315px;height:48px;line-height:48px;text-align:center;background-color:#f06726;border-radius:4px}
.btn_course_start span{color:#fff;font-size:20px;background: url(/html/images/blt/blt_submit.png) no-repeat 100% 50%;padding-right:40px;padding-left:35px}
.btn_lvtest{width:187px;height:34px;line-height:34px;text-align:center;background-color:#f06726;border-radius:4px}
.btn_lvtest span{color:#fff;font-size:16px;background: url(/html/images/blt/blt_submit.png) no-repeat 100% 50%;padding-right:16px}
.btn_prev{width:75px;height:34px;line-height:34px;text-align:center;background-color:#ff9900;border-radius:4px;color:#fff}
.btn_prev span{color:#fff;font-size:16px;background: url(/html/images/blt/blt_prev.png) no-repeat 0 50%;padding-left:16px}
.btn_next{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#ff7700;border-radius:4px;color:#fff}
.btn_finish{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#ff7700;border-radius:4px;color:#fff}
.btn_next span{color:#fff;font-size:16px;background: url(/html/images/blt/blt_submit.png) no-repeat 100% 50%;padding-right:16px}
.btn_yes{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#f06726;border-radius:4px;color:#fff;font-weight:bold}
.btn_del{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#515151;border-radius:4px;color:#fff;font-weight:bold}
.btn_no{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#919191;border-radius:4px;color:#fff;font-weight:bold}
.btn_go{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#FF9900;border-radius:4px;color:#fff;font-weight:bold}
.btn_ing{width:61px;height:22px;border-radius:4px;font-size:12px}
.btn_print{width:90px;height:26px;line-height:26px;text-align:center;background-color:#f06726;border-radius:4px;color:#fff;}
.btn_send{width:140px;height:34px;line-height:34px;text-align:center;background-color:#f06726;border-radius:4px}
.btn_send span{color:#fff;font-size:16px;background: url(/html/images/blt/blt_submit.png) no-repeat 100% 50%;padding-right:16px}
.btn_answer{width:196px;height:34px;line-height:34px;text-align:center;background-color:#f06726;border-radius:4px}
.btn_answer span{color:#fff;font-size:16px;background: url(/html/images/blt/blt_submit.png) no-repeat 100% 50%;padding-right:16px}
.btn_result{width:128px;height:41px;line-height:41px;text-align:center;background-color:#ff6600;border-radius:4px;color:#fff;font-size:16px;font-weight:bold}
.btn_result_not{width:128px;height:41px;line-height:41px;text-align:center;background-color:#999;border-radius:4px;color:#fff;font-size:16px;font-weight:bold;}
.btn_submit{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#f06726;border-radius:4px;color:#fff;font-size:19px}
.btn_yellow{background-color:#fac026;color:#fff;border:1px solid #ecb217}
.btn_gray{background-color:#919191;color:#fff;border:1px solid #7f7f7f}
.btn_red{background-color:#e66325;color:#fff;border:1px solid #d56a37}
.item_01{background-color:#7F4DA7;color:#fff}
.item_02{background-color:#FBC60D;color:#fff}
.item_03{background-color:#34A235;color:#fff}
.item_04{background-color:#1DA29F;color:#fff}
.item_05{background-color:#E3380C;color:#fff}
.item_06{background-color:#2C87DE;color:#fff}

/* pop */
#p_wrap{height:100%;background-color:#fff}
#p_wrap .green_box{box-shadow:none}
.pop_page{box-shadow:none;width:770px;height:650px;position:absolute;left:50%;margin-left:-385px;top:50px;z-index:100;background-color:#fff}
.pop_page .green_box{box-shadow:none}
.preview_box{}
.preview_box .preview_top{padding:45px 25px 30px 25px}
.preview_box .preview_top .p1{font-size:20px;}
.preview_box .preview_top .p2{font-size:18px}
.preview_box .grade_box{padding:30px}
.preview_box .grade_01{background-color:#800080}
.preview_box .grade_02{background-color:#ffcc00;}
.preview_box .grade_03{background-color:#006633}
.preview_box .grade_04{background-color:#009999}
.preview_box .grade_05{background-color:#ff3300}
.preview_box .grade_06{background-color:#0099cc}
.preview_box .grade_box .userlevel_list{overflow:hidden;margin-left:-60px}
.preview_box .grade_box .userlevel_list li{float:left;margin-left:74px}
/*.preview_box .grade_box .userlevel_list li .lc{font-size:20px;color:#fff;text-align:center;line-height:150%}*/
/*.preview_box .grade_box .userlevel_list li .ll{font-size:13px;color:#fff;text-align:center;line-height:150%;margin:20px 0 10px 0}*/
.preview_box .grade_01 .lc, .preview_box .grade_03 .lc, .preview_box .grade_04 .lc, .preview_box .grade_05 .lc, .preview_box .grade_06 .lc{
	font-size:20px;color:#fff;text-align:center;line-height:150%
}
.preview_box .grade_01 .ll, .preview_box .grade_03 .ll, .preview_box .grade_04 .ll, .preview_box .grade_05 .ll, .preview_box .grade_06 .ll{
	font-size:13px;color:#fff;text-align:center;line-height:150%;margin:20px 0 10px 0
}
.preview_box .grade_02 .lc{font-size:20px;color:#333;text-align:center;line-height:150%}
.preview_box .grade_02 .ll{font-size:13px;color:#333;text-align:center;line-height:150%;margin:20px 0 10px 0}

.step_box128{width:128px;height:128px;margin:0 auto;position:relative}
.step_box128 img{width:100%}
.step_box128 .step_check{position:absolute;left:0;top:0;width:128px;height:128px}
.step_box128 .step_check li{display:none;width:64px;height:64px}
.step_box128 .step_check li.on{display:block}
.step_box128 .step_check li.step01{position:absolute;left:50%;top:0;margin-left:-32px}
.step_box128 .step_check li.step02{position:absolute;right:0;top:50%;margin-top:-32px}
.step_box128 .step_check li.step03{position:absolute;left:50%;bottom:0;margin-left:-32px}
.step_box128 .step_check li.step04{position:absolute;left:0%;top:50%;margin-top:-32px}

.step_box200{width:200px;height:200px;margin:35px auto;position:relative}
.step_box200 img{width:100%}
.step_box200 .step_check{position:absolute;left:0;top:0;width:200px;height:200px}
.step_box200 .step_check li{display:none;width:100px;height:100px}
.step_box200 .step_check li.on{display:block}
.step_box200 .step_check li.step01{position:absolute;left:50%;top:0;margin-left:-50px}
.step_box200 .step_check li.step02{position:absolute;right:0;top:50%;margin-top:-50px}
.step_box200 .step_check li.step03{position:absolute;left:50%;bottom:0;margin-left:-50px}
.step_box200 .step_check li.step04{position:absolute;left:0%;top:50%;margin-top:-50px}

.lib_test_wrap{width:900px;height:310px;background-color:#fff;position:absolute;left:-160px;top:100px;z-index:200;box-shadow:none}
.lib_test_wrap .green_box{box-shadow:none}
.lib_test_wrap .content_tx_wrap{padding:20px}

/*page bar */
.page_bar{padding-bottom:30px}
.page_bar .page_seperator{display:none}
.page_bar li{vertical-align:top}
.page_bar li.page_margin{display:none}
.page_bar .page_first_btn{background: url(/html/images/icon/page_first.jpg) no-repeat 0 0;width:25px;height:25px;margin:0 2px !important}
.page_bar .page_p_btn{background: url(/html/images/icon/page_prev.jpg) no-repeat 0 0;width:25px;height:25px;margin:0 2px !important}
.page_bar .page_n_btn{background: url(/html/images/icon/page_next.jpg) no-repeat 0 0;width:25px;height:25px;margin:0 2px !important}
.page_bar .page_last_btn{background: url(/html/images/icon/page_last.jpg) no-repeat 0 0;width:25px;height:25px;margin:0 2px !important}
.page_bar .page_prev_btn{display:none}
.page_bar .page_next_btn{display:none}
.page_bar .page_number_btn{width:25px;height:25px;font-size:14px;line-height:25px;vertical-align:top;margin:0 2px !important}
.page_bar .page_number_btn_on{width:25px;height:25px;font-size:14px;line-height:25px;vertical-align:top;background-color:#006699;color:#fff;margin:0 2px !important}

.orange_box .test_wrap2{padding:20px;height:auto}
.orange_box .test_wrap2 .sub_tt{font-size:20px}
.orange_box .test_wrap2 .ex_text{background-color:#f2f2f2;padding:20px 30px;margin-top:20px;font-size:15px;line-height:19px;color:#333}

.select_box select{width:100px}
/* mypage */
.my_info_box{padding-top:55px}
.my_info_box .my_info_con{margin:0 auto;padding-left:180px}
.my_info_box .my_info_tt{font-size:20px;color:#006699}
.my_info_box .my_info_con .my_info_in{overflow:hidden}
.my_info_box .my_info_con .my_info_in .user_pic{float:left;width:120px;margin-right:30px;position:relative;text-align:center}
.my_info_box .my_info_con .my_info_in .user_pic img.user_image{width:120px;height:120px}
.my_info_box .my_info_con .my_info_in .user_pic .mask{position:absolute;left:0;top:0;width:120px;height:120px}
.my_info_box .my_info_con .my_info_in .user_pic .file_wrap{;margin-top:8px;position:relative}
.my_info_box .my_info_con .my_info_in .user_pic .btn_pic{background-color:#5b5b5b;border-radius:4px;padding:0 6px;height:20px;color:#fff}
.my_info_box .my_info_con .btn_join{width:360px}

.my_info_box .my_info_con .my_info_in .user_text{float:left;padding-top:5px;width:350px}
.my_info_box .my_info_con .my_info_in .user_text p{font-size:16px;line-height:22px;padding:3px 0}
.pw_box input.ip_pw{width:338px;padding:6px 10px;line-height:24px;height:24px;border:1px solid #d5d5d5;margin-bottom:15px}
.mypage_box{padding:20px}
.mypage_box .top_line{border-top:2px solid #000}
.get_help_top{overflow:hidden}
.get_help_top .get_help_tt{font-size:28px;color:#333;line-height:28px;float:left;padding-left:14px}
.get_help_top .help_search{float:right;width:216px;position:relative}
.get_help_top .help_search .help_search{width:185px;padding-left:25px;height:21px}
.get_help_top .help_search .help_searchbtn{position:absolute;left:8px;top:7px}

.help_top{overflow:hidden}
.help_top .help_tt{color:#333;line-height:28px;float:left;padding-left:14px}
.help_top .help_search{float:right;width:216px;position:relative}
.help_top .help_search .help_search{width:185px;padding-left:25px;height:21px}
.help_top .help_search .help_searchbtn{position:absolute;left:8px;top:7px}

.help_content{padding:20px;border:1px solid #cbcbcb;border-radius:4px;background-color:#fff}
.help_content dl dt{font-size:18px;line-height:150%;color:#666;padding-left:15px}
.help_content dl dd input{width:606px;height:39px;font-size:14px}
.help_content dl dd p{width:606px;height:39px;line-height:39px;font-size:14px;padding:2px 4px 3px;
  background-color: #ffffff !important;
  border: 1px solid #cccccc ;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;}
.help_content dl dd textarea{width:606px;min-height:150px;font-size:14px;border:1px solid #ccc;padding:4px}
.help_content dl dd .ta_box{width:606px;min-height:150px;font-size:14px;border:1px solid #ccc;padding:4px}
.help_content .dl_wrap{overflow:hidden}
.help_content .dl_wrap dl.dl_line2{float:left;width:290px}
.help_content .dl_wrap dl.dl_line2 input{width:280px}
.help_content .dl_wrap dl.dl_line2 p{width:280px}
.help_content .dl_wrap dl.dl_line3{float:left;width:316px;margin-left:10px}
.help_content .dl_wrap dl.dl_line3 input{width:306px}
.help_content .dl_wrap dl.dl_line3 p{width:306px}

.tanks{padding:30px 40px}
.tanks .tanks_tt{font-size:28px;line-height:30px;color:#333}
.tanks .tanks_dl{margin-top:40px}
.tanks .tanks_dl dt{line-height:23px;background-color:#ff9900;color:#fff;font-size:20px;display:inline-block}
.tanks .tanks_dl dd{margin-top:20px}

.book_report_view{position:absolute;left:0;top:60px;z-index:150;height:auto}
.book_report_view .green_box{box-shadow:none;width:740px;height:auto}
.report_view_box{padding:30px}
.report_view_box .top_line{border-top:2px solid #333}
.report_view_box .tb_view{border-top:2px solid #333}
.report_view_box .tb_view tbody td{padding:5px;font-size:13px}
.report_view_box .tb_view tbody td.view_th{background-color:#fafafa;border-bottom:1px solid #d5d5d5;text-align:center}
.report_view_box .tb_view tbody td.view_td{border-bottom:1px solid #d5d5d5}
.report_view_box .tb_view tbody td.view_td .ta_box{min-height:150px}
.social_list li.nodata{width:100%;height:120px;line-height:120px;margin:0 0 0 19px;font-size:18px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}

.pay_box{background: url(/html/images/page/course_bg.jpg) repeat 0 0;overflow:hidden}
.pay_wrap{overflow:hidden; margin-left:38px;}
.pay_wrap .pay_tt{background: url(/html/images/page/bg_cloud.png) no-repeat 0 0;width:253px;height:55px;padding-top:93px}
.pay_wrap .pay_tt .pay_one_plus{height:20px;line-height:20px;color:#505050;font-family:"616";font-size:13px;text-align:center}
.pay_wrap .pay_tt .month{height:55px;line-height:55px;color:#505050;font-family:"616";font-size:30px;text-align:left;border:0px solid red;margin-left:80px;}

.pay_wrap .pay_con{position:relative;padding:50px 16px 16px 16px}
.pay_wrap .pay_con .pay_price{padding-left:55px;background: url(/html/images/page/img_money.png) no-repeat 0 0;font-size:44px;font-family:"616";color:#fff;line-height:50px;letter-spacing:-2px}
.pay_wrap .pay_con .btn_started a{font-size:18px;color:#fff;font-family:"616";display:block}
.pay_wrap .pay_con .btn_started button{font-size:18px;color:#fff;font-family:"616";display:block;width:219px;height:48px;background-color:transparent}
.pay_wrap .ic_ribon{display:block;background: url(/html/images/page/ic_ribon.png) no-repeat 0 0;width:29px;height:38px;position:absolute;left:22px;top:-2px}
.pay_wrap .ic_sale{display:block;background: url(/html/images/page/ic_sale.png) no-repeat 0 0;width:58px;height:36px;position:absolute;left:11px;top:0px}

.pay_wrap .month1{width:253px;float:left}
.pay_wrap .month1 .pay_con{background-color:#069;position:relative}
.pay_wrap .month1 .pay_con .ic_line{background: url(/html/images/page/ic_line.png) no-repeat 0 0;width:211px;height:12px;position:absolute;left:0;top:20px}
.pay_wrap .month1 .pay_con .pay_rbox{background-color:#0078a7;border:1px solid #3787af;border-radius:3px;font-family:"616";height:96px;padding:20px;margin-top:30px}
.pay_wrap .month1 .pay_con .pay_rbox strong{font-size:27px;color:#a7e2ff;display:block;text-align:center;line-height:33px}
.pay_wrap .month1 .pay_con .pay_rbox span{font-size:16px;color:#a7e2ff;display:block;text-align:center;line-height:20px}
.pay_wrap .month1 .pay_con .benefit{text-align:center;margin-top:25px}
.pay_wrap .month1 .pay_con .benefit span{line-height:24px;font-size:16px;font-family:"616";color:#6fcdfc}
.pay_wrap .month1 .pay_con .benefit span.check_on{padding:0 18px;background: url(/html/images/blt/blt_check_on.png) no-repeat 0 4px}
.pay_wrap .month1 .pay_con .benefit span.fc_white{color:#fff}
.pay_wrap .month1 .pay_con .btn_started{margin-top:35px;border:1px solid #b3d1e1;border-radius:3px;background-color:#0d4e6f;height:48px;line-height:48px;text-align:center}

.pay_wrap .month2{width:253px;float:left; margin-left:34px;}
/*
.pay_wrap .month2 .pay_tt .month{height:55px;line-height:55px;color:#505050;font-family:"616";font-size:30px;text-align:center}
*/
.pay_wrap .month2 .pay_con{background-color:#009999}
.pay_wrap .month2 .pay_con .ic_line{background: url(/html/images/page/ic_line.png) no-repeat 0 0;width:211px;height:12px;position:absolute;left:0;top:20px}
.pay_wrap .month2 .pay_con .pay_rbox{background-color:#00a7a7;border:1px solid #37afaf;border-radius:3px;font-family:"616";height:96px;padding:20px;margin-top:30px}
.pay_wrap .month2 .pay_con .pay_rbox strong{font-size:27px;color:#aaffff;display:block;text-align:center;line-height:33px}
.pay_wrap .month2 .pay_con .pay_rbox span{font-size:16px;color:#aaffff;display:block;text-align:center;line-height:20px}
.pay_wrap .month2 .pay_con .benefit{text-align:center;margin-top:25px}
.pay_wrap .month2 .pay_con .benefit span{line-height:24px;font-size:16px;font-family:"616";color:#4de1e1}
.pay_wrap .month2 .pay_con .benefit span.check_on{padding:0 18px;background: url(/html/images/blt/blt_check_on.png) no-repeat 0 4px}
.pay_wrap .month2 .pay_con .benefit span.fc_white{color:#fff}
.pay_wrap .month2 .pay_con .btn_started{margin-top:35px;border:1px solid #b3e1e1;border-radius:3px;background-color:#21726d;height:48px;line-height:48px;text-align:center}

.pay_wrap .month3{width:253px;float:left; margin-left:35px;}
/*
.pay_wrap .month3 .pay_tt .month{height:55px;line-height:55px;color:#505050;font-family:"616";font-size:30px;text-align:center}
*/
.pay_wrap .month3 .pay_con{background-color:#ff9900}
.pay_wrap .month3 .pay_con .ic_line{background: url(/html/images/page/ic_line.png) no-repeat 0 0;width:211px;height:12px;position:absolute;left:0;top:20px}
.pay_wrap .month3 .pay_con .pay_rbox{background-color:#ffa700;border:1px solid #ffaf37;border-radius:3px;font-family:"616";height:96px;padding:20px;margin-top:30px}
.pay_wrap .month3 .pay_con .pay_rbox strong{font-size:27px;color:#ffeca2;display:block;text-align:center;line-height:33px}
.pay_wrap .month3 .pay_con .pay_rbox span{font-size:16px;color:#ffeca2;display:block;text-align:center;line-height:20px}
.pay_wrap .month3 .pay_con .benefit{text-align:center;margin-top:25px}
.pay_wrap .month3 .pay_con .benefit span{line-height:24px;font-size:16px;font-family:"616";color:#fbd644}
.pay_wrap .month3 .pay_con .benefit span.check_on{padding:0 18px;background: url(/html/images/blt/blt_check_on.png) no-repeat 0 4px}
.pay_wrap .month3 .pay_con .benefit span.fc_white{color:#fff}
.pay_wrap .month3 .pay_con .btn_started{margin-top:35px;border:1px solid #ffe1b3;border-radius:3px;background-color:#f06726;height:48px;line-height:48px;text-align:center}

.lnb_wrap{}
.lnb_wrap .user_pic{width:120px;height:120px;position:relative;margin:10px 0}
.lnb_wrap .user_pic .mask{position:absolute;left:0;top:0}
.chart{padding-top:30px;width:600px;margin:0 auto}

.payment_method{width:827px;margin:22px auto 0 auto;position:relative}
.payment_method .span_money{position:absolute;left:0;top:10px}
.payment_method h5{font-size:20px;font-family:"616";color:#555;text-indent:43px}
.payment_method .methord_wrap{background-color:#069;height:73px;margin-top:25px;line-height:73px;text-align:center}
.payment_method .methord_wrap label{font-size:16px;font-family:"616", 'dotum';padding:0 10px;font-weight:bold;color:#fff}
.payment_method .methord_wrap label input{margin-right:4px}


em.f12{font-size:12px;line-height:20px;font-family: 'Vijaya', 'dotum'}
em.f14{font-size:18px;line-height:22px;font-family: 'Vijaya', 'dotum'}
em.f30{font-size:30px;line-height:34px;font-family: 'Vijaya', 'dotum'}
em.f36{font-size:36px;line-height:40px;font-family: 'Vijaya', 'dotum'}


.report_view_box .page_tt{font-size:23px;color:#333;font-family:"616";line-height:30px;}
.user_header .btn_wrap a{vertical-align:top}


.paychoice_wrap{width:400px;height:115px;background:#fff;}
.paychoice_wrap .paychoice_header{background-color:#099;height:40px;position:relative}
.paychoice_wrap .paychoice_header .paychoice_no{color:#fff;font-size:20px;line-height:40px;padding-left:10px}
.paychoice_wrap .paychoice_header .btn_closed{position:absolute;right:14px;top:14px;width:12px;height:12px;display:block}
.paychoice_wrap .paychoice_body{padding:20px;overflow:hidden;min-height:35px;}

.btn_pc{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#FF9900;border-radius:4px;color:#fff;font-weight:bold}


.purmee_wrap{width:500px;height:305px;background:#F2F2F2;}
.purmee_wrap .purmee_header{background-color:#099;height:40px;position:relative}
.purmee_wrap .purmee_header .purmee_no{color:#fff;font-size:20px;line-height:40px;padding-left:10px}
.purmee_wrap .purmee_header .btn_closed{position:absolute;right:14px;top:14px;width:12px;height:12px;display:block}
.purmee_wrap .purmee_body{padding:20px;overflow:hidden;min-height:35px;}
.purmee_wrap .purmee_body table th {text-align:center;padding:5px;}
.purmee_wrap .purmee_body table td {text-align:left;padding:5px;}

.btn_pcs{padding:0 25px;height:34px;line-height:34px;text-align:center;background-color:#515151;border-radius:4px;color:#fff;font-size:19px}

/* flybanner 2018-02-20 */
.inner{position:relative;}
.flybanner{position:fixed; top:151px; left:50%; margin-left:480px; z-index:100;}
.flybanner p{margin-bottom:10px;}