@charset "utf-8";

/* 공통 */
.fl      { float: left;}
.hide    { position: absolute; text-indent: -999999999px;}
body     { background-color: #EFE8E2;}
.is_body { overflow: hidden;}
main     { background-color: #FFF;}
.wrap    { position: relative; width: 1180px; height: 820px; margin: 30px auto 0; -webkit-box-shadow: 0 0 50px rgba(168, 74, 11, 0.2); box-shadow: 0 0 50px rgba(168, 74, 11, 0.2);}

/* 공통 btn */
.btn-orange      { color: #fff; background-color: #FFA400;}
.btn-orange:hover{ background-color: #E89500;}
.btn-middle      { width: 180px; height: 45px; line-height: 45px; font-size: 16px; font-weight: 700;}
.btn-radius      { border-radius: 28px;}
.btn-arrow:after { display: inline-block;width: 20px;height: 20px;margin-left: 4px; background: url('../images/arrow_more_white_2x.png') no-repeat 0 1px;background-size: cover;vertical-align: sub;content: '';}
.btn_datum       { display: inline-block; line-height: 32px; padding: 0 14px; border: 1px solid #A8D4FF; border-radius:4px; background-color: #fff; text-align: center; font-size: 14px; font-weight: 700; color: #569AFF;}
.btn_datum:hover { background-color: #EEF5FF;}
.btn_check       { display: inline-block; margin-left: 10px; line-height: 30px; height: 34px; padding: 0 12px; border-radius: 4px; background-color: #C88994; font-size: 14px !important; font-weight: 700 !important; color: #fff; opacity: 0.2;}
.btn_check.is_active,
.btn_check:hover { background-color: #FF4B6A; opacity: 1;}
.btn_check.is_active:hover{ background-color: #DF3350;}
.btn_naver                { display: block; width: 100%; height: 48px; background-color: #25C700; border-radius: 6px; }
.btn_naver:hover          { background-color:#25B404;}
.btn_naver > span         { position: relative; line-height: 16px; padding-left: 20px; font-size: 14px; color: #ffffff;}
.btn_naver > span::before { display: inline-block; position: absolute; left: 0; background: url(../images/logo_naver.png) no-repeat center center; width: 15px; height: 15px; content: '';}
.btn_kakao                { display: block; width: 100%; height: 48px; background-color: #FEDE00; border-radius: 6px; }
.btn_kakao:hover          { background-color: #E8CB03;}
.btn_kakao > span         { position: relative; line-height: 16px; padding-left: 22px; font-size: 14px; color: #3C1E1E;}
.btn_kakao > span::before { display: inline-block; position: absolute; left: 0; background: url(../images/logo_kakao.png) no-repeat center center; width: 17px; height: 16px; content: '';}

/* 공통 btn ▶▶▶ footer */
.btn_sample       { position: absolute;right: 40px;top: 69px; line-height: 16px; padding: 14px 40px 14px 19px; border: 1px solid #F9DEC2; border-radius: 6px; background: #fff url('../images/arrow_more.png') no-repeat right 10% top 50%; font-size: 14px;font-weight: 500; color: #FE7600; letter-spacing: -0.8px;}
.btn_sample:hover {  border: 1px solid #FE7600}
.btn_design       { display: inline-block; width: 320px; height: 60px; line-height: 60px; border-radius: 6px; -webkit-box-shadow: 0 10px 17px rgba(245, 112, 22, 0.38); box-shadow: 0 10px 17px rgba(245, 112, 22, 0.38); background-image: linear-gradient(110deg, #ffb73a 29%, #ff934b 89%); font-size: 20px; font-weight: 700; color: #fff; letter-spacing: -1px;}
.btn_re           { display: inline-block; width: 50%; height: 100%; background-color: #71737E;}
.btn_re:hover     { background-color: #5A5C68;}
.btn_re::before   { content: ''; display: inline-block; position: relative; top:-2px; width: 20px; height: 20px; background: url('../images/icon_arrow_back.png') no-repeat center; vertical-align: middle;}
.btn_re span      { margin-left: 4px; font-size: 18px; font-weight: 700; color: #fff;}
.btn_do           { display: inline-block; width: 50%; height: 100%; background-color: #FF9400;}
.btn_do:hover     { background-color: #E58500;}
.btn_do::before   { content: ''; display: inline-block; position: relative; top:4px; width: 20px; height: 20px; background: url('../images/icon_share.png') no-repeat center;}
.btn_do span      { margin-left: 8px; font-size: 18px; font-weight: 700; color: #fff;}

/* header ===================================================================================== */
header                            { display: flex; justify-content: space-between; align-items: center; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 23px 0 40px; background: linear-gradient(to right, #ff924a, #fdc055);}
header .header_logo a             { display: block; font-size: 0;}
header .header_btn                { display: block;}
header .header_btn button         { display: block; position: relative; width: 30px; height: 30px;}
header .header_btn button::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); width: 26px; height: 2px; background-color: #fff; border-radius: 10px; content: '';}
header .header_btn button::after  { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); width: 26px; height: 2px; background-color: #fff; border-radius: 10px; content: '';}

/* footer ===================================================================================== */
footer.footer                      { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 115px; background-color: #fff; }
footer.footer::before              { position: absolute; top: -20px; left: 0; right: 0; z-index: 1; width: 100%; height: 20px; background-image: linear-gradient(to top, rgba(34, 34, 34, 0.04), rgba(34, 34, 34, 0)); object-fit: contain; content: '';}
.is_topfixed footer.footer::before { display: none;}
footer.footer .footer_info         { display: flex; align-items: center; height: 55px; line-height: 18px; padding: 0 40px 0 72px; background: #fff url(../images/icon_footer_info.png) no-repeat 41px center; font-size: 12px; letter-spacing: -0.5px;}
footer.footer .footer_wrap         { display: block; height: 60px; font-size: 0;}

/* 샘플 페이지 ================================================================================== */
.sample .sample_header                   { display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; width: 100%; height: 65px; padding: 0 40px;background: #fff;}
.sample .sample_header::before           { position: absolute; bottom: -30px; left: 0; right: 0; z-index: 1; width: 100%; height: 30px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) -30%, rgba(0, 0, 0, 0) 79%); object-fit: contain; content: '';}
.sample .sample_header > p               { font-size: 20px; font-weight: 700; color: #333;}
.sample .sample_header > div             { font-size: 0;}
.sample .sample_header .btn_sample_close { line-height: 1; padding: 8px 16px; background-color: #656782; border-radius: 18px; font-size: 18px; font-weight: 700; color: #fff;}
.sample .sample_header .btn_sample_start { line-height: 1; padding: 8px 16px; background-color: #FF9400; border-radius: 18px; font-size: 18px; font-weight: 700; color: #fff;}

/* 모달 ===================================================================================== */
.modal      { display: none;}
/* .modal .dim { position: fixed; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; width: 1180px; height: 820px; background: none;} */
.modal_wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10; width: 350px; background-color: #fff; border: 1px solid #555; border-radius: 20px; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2); box-shadow: 0 10px 20px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; box-sizing: border-box;}
.modal_header                  { position: relative; padding: 25px 30px 20px 30px;}
.modal_header::before          { display: none; position: absolute; bottom: -10px; left: 0; right: 0; height: 10px; object-fit: contain; background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.1), rgba(34, 34, 34, 0)); content: '';}
.modal_header .tit             { display: block; width: calc(100% - 20px); line-height: 26px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.modal_header .orange_box      { margin-top: 20px;}
.modal_header .orange_box dl   { display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 20px; background-color: #FFF8F1; border-radius: 6px;}
.modal_header .orange_box dt   { font-size: 12px; color: #666;}
.modal_header .orange_box dd   { font-size: 0;}
.modal_header .orange_box span { font-size: 16px; font-weight: 700; color: #FE7600;}
.modal_close         { display: block; position: absolute; top: 18px; right: 18px; width: 30px; height: 30px; font-size: 0;}
.modal_close::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); width: 26px; height: 2px; background-color: #555; border-radius: 10px; content: '';}
.modal_close::after  { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); width: 26px; height: 2px; background-color: #555; border-radius: 10px; content: '';}
.modal_body                                     { overflow-y: scroll; overflow: auto; max-height: 310px; margin: 2px 10px 25px 10px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.modal_body .modal_area .modal_list+.modal_list { margin-top: 10px;}
.modal_body .modal_area .head .option           { line-height: 18px; font-size: 12px; font-weight: 700; color: #F89000;}
.modal_body .modal_area .head .tit              { display: block; line-height: 18px; font-size: 12px; font-weight: 700; color: #333;}
.modal_body .modal_area .cont .txt              { display: block; line-height: 18px; margin-top: 2px; font-size: 12px; color: #666;}

    /* modal header가 fixe일때 */
    .modal.is_fixed .modal_header::before { display: block;}
    .modal.is_fixed .modal_body           { margin: 20px 10px 25px 10px; max-height: 292px;}


/* 레이어팝업 ===================================================================================== */
.layer                           { display: none; position: fixed; left: 0; top: 0; z-index: 1000; width: 100vw; height: 100vh;}
.dim_replace                     { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%;}
.layer .dim                      { width: 1180px; height: 820px; margin: 30px auto 0; background-color: rgba(0, 0, 0, 0.5);}

.layer .layer_wrap               { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; border-radius: 20px; background: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.25); box-shadow: 0 8px 30px rgba(0,0,0,0.25); font-size: 0;}
.layer.layer-confirm .layer_wrap { padding: 40px 34px;}
.layer.layer-loading .layer_wrap { padding: 30px 60px 35px; }
.layer.layer-again .layer_wrap   { width: 460px; padding: 40px;}
.layer.layer-do .layer_wrap      { width: 592px; padding: 35px 0 40px;}
.layer.layer-ask .layer_wrap     { width: 500px; padding: 40px 0;}
.layer_tit1                      { line-height: 36px; font-size: 26px;font-weight: 500; color: #333;letter-spacing: -0.65px;}
.layer_tit1 span                 { font-weight: 700; color: #ffa400;}
.layer_tit2                      { letter-spacing: -0.55px; font-size: 22px;font-weight: 600; color: #444;}
.layer.layer-again .layer_tit1   { margin-top: 20px;}
.layer_txt1                      { margin: 10px 0 20px;font-size: 16px;color: #444;letter-spacing: -0.4px;}
.layer_txt2                      { line-height: 24px; font-size: 16px;font-weight: 500; color: #444;}
.layer_txt3                      { margin-top: 10px; font-size: 14px;letter-spacing: -0.35px;color: #444;}
.layer_txt4                      { margin-top: 10px; line-height: 24px; font-size: 16px; letter-spacing: -0.35px; color: #444;}
.layer.layer-confirm .layer_txt2 { margin-bottom: 24px;}

/* 레이어팝업 버튼 */
.layer_btn1             { width: 200px; height: 50px; line-height: 49px; background-color: #666; border-radius: 28px; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -0.5px;}
.layer_btn1:hover       { background-color: #464646;}
.layer_btn2             { width: 200px; height: 50px; line-height: 49px; background-color: #FF9400; border-radius: 28px; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -0.5px;}
.layer_btn2:hover       { background-color: #DC8103;}
.layer_btn_wrap         { display: flex; justify-content: center ;margin-top: 27px;}
.layer_btn_wrap > li+li { margin-left: 15px;}

    /* layer-do : 결과레포트 저장(공유)하기  */
    .layer_dolist                                 { margin: 25px 0 31px;}
    .layer_dolist li                              { display: inline-block; font-size: 0;}
    .layer_dolist li+li                           { margin-top: 10px;}
    .layer_dolist .do_tit                         { display: inline-block; width: 65px; font-size: 14px; color: #666; text-align: left; vertical-align: middle;}
    .layer_dolist input.layer_input1              { width: 310px;height: 40px;line-height: 40px;padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0;border-bottom: 1px solid #ccc;font-size: 14px;color: #444;}
    .layer_dolist input.layer_input1::placeholder { font-weight: 300;color: #c0c0c0;}
    .layer_noti           { width: 490px; margin: 0 auto; text-align: left;}
    .layer_noti li        { position: relative; padding-left: 8px; font-size: 13px;color: #999;letter-spacing: -0.35px;}
    .layer_noti li::after { position: absolute; top: 7px; left: 0; width: 3px; height: 3px; background-color: #999; border-radius: 50%; content: '';}

    /* layer-loading : 처리중입니다. 로딩 */
    .layer-loading .layer_render { width: 170px;}
    .icon-spinner { margin-bottom: 15px; animation: spinner 1s infinite ease-out;}
    @keyframes spinner {
        0%   { -webkit-transform: rotate(0); transform: rotate(0);}
        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
    }

/* 레이어팝업 ▶▶▶ message ===================================================================================== */
.message                            { display: none;}
.message .message_wrap              { position: absolute;left: 50%;top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 280px; padding: 30px; border: 1px solid #333; border-radius: 6px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2); box-shadow: 0 10px 20px rgba(0,0,0,0.2); text-align: center; font-size: 0;}
.message .message_wrap img          { margin-bottom: 20px;;}
.message .message_wrap .message_txt { font-size: 16px;color: #444; letter-spacing: -0.5px;}




/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                                    content
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

/* wrap-type1 ■ height: 55(h)+765(m)=820px  */
.wrap-type1 main {
    height: 765px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* wrap-type2 ■ height: 55(h)+650(m)+115(f)=820px */
.wrap-type2 main {
    width: 100%; height: 650px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box;
    overflow-y: scroll; overflow: auto
}

/* wrap-type3 ■ height: 55(h)+705(m)+60(f)=820px */
.wrap-type3 main {
    height: 705px; -webkit-box-sizing: border-box; box-sizing: border-box;
    overflow-y: scroll; overflow: auto;
}
/* .wrap-type3 .result          { height: 600px;} */
/* .wrap-type3.is_fixed .search { display: none;} */
.wrap-type3 .result                    { padding-bottom: 90px;}
.wrap-type3 footer.footer              { height: 130px;}
.wrap-type3 footer.footer .footer_info { height: 70px;}

/* 결과레포트에만 해당하는 */
.resport-area              { padding: 20px 40px;min-height: 705px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.resport-area .report-cont { min-height: 665px; overflow-y: scroll;}

/* main ===================================================================================== */
/* main ▶▶▶ main_top 단독 */
.main_top                { position: relative; height: 325px; padding: 50px 40px 0 40px; background-image: linear-gradient(111deg, #fefaf2 -12%, #fee3c8 82%)}
.main_top .main_tit      { line-height: 42px; font-size: 38px; font-weight: 700; color: #444; letter-spacing: -1.7px;}
.main_top .main_tit span { font-weight: 900; color: #ff9114;}
.main_top .main_subtit   { line-height: 1; margin: 20px 0 35px; font-size: 20px; font-weight: 500; color: #333; letter-spacing: -0.7px;}
    /* main > main_top > prd_list*/
    .prd_list                                                  { display: flex;justify-content: space-between;}
    .prd_list .prd_box                                         { position: relative;}
    .prd_list .prd_box label                                   { cursor: pointer;}
    .prd_list .prd_box input + label .prd_lst                  { width: 101px; height: 96px; padding: 65px 0 10px; border: 1.5px solid #fff; border-radius: 20px; -webkit-box-shadow: 0 10px 15px rgba(255, 156, 78, 0.3); box-shadow: 0 10px 15px rgba(255, 156, 78, 0.3); -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}
    .prd_list .prd_box input:checked + label .prd_lst          { border: 1.5px solid #FE7600;}
    .prd_list .prd_box input:checked + label .prd_lst::after   { position: absolute;right: -8px;top: -8px; display: inline-block; width: 33px;height: 33px; background: url('../images/icon_check.png') no-repeat; content:'';}
    .prd_list .prd_box input + label .prd_lst .prd_tit         { font-size: 14px;font-weight: 500; color: #666;}
    .prd_list .prd_box .prd_hidden                             { display: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0; z-index: 1; padding: 15px 0; background: #FE7600; border: 1.5px solid #FE7600; border-radius: 20px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;}
    .prd_list .prd_box label:hover .prd_hidden                 { display: block;}
    .prd_list .prd_box .prd_hidden p                           { display: flex; align-items: center; text-align: center; height: 100%; justify-content: center; line-height: 1.29;}
    .prd_list .prd_box input:checked + label:hover .prd_hidden { display: none;}
    .prd_list li:nth-of-type(1) .prd_lst                       { background: #fff url(../images/icon_prd1.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(2) .prd_lst                       { background: #fff url(../images/icon_prd2.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(3) .prd_lst                       { background: #fff url(../images/icon_prd3.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(4) .prd_lst                       { background: #fff url(../images/icon_prd4.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(5) .prd_lst                       { background: #fff url(../images/icon_prd5.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(6) .prd_lst                       { background: #fff url(../images/icon_prd6.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(7) .prd_lst                       { background: #fff url(../images/icon_prd7.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(8) .prd_lst                       { background: #fff url(../images/icon_prd8.png) no-repeat center top 18%;}
    .prd_list li:nth-of-type(9) .prd_lst                       { background: #fff url(../images/icon_prd9.png) no-repeat center top 18%;}
        /* 비활성화 */
        .prd_list .prd_box input:disabled + label .prd_lst    { opacity: 0.4; -webkit-box-shadow: none !important; box-shadow: none !important;}
        .prd_list .prd_box input:disabled + label .prd_hidden { display: none !important;}

    /* main > main_contents-type2 */
    .main_contents-type2 .form_area  { margin-top: 40px;}
    .main_contents-type2 .agree-area { margin-top: 33px;}
    .main_contents-type2 .btn_design  { margin-top: 30px;}


/* cont 공통 ============== */
.cont_tit    { line-height: 1; margin-bottom: 14px; font-size: 28px;font-weight: 600; color: #333;}
.cont_subtit { line-height: 1; font-size: 18px;font-weight: 500; color: #333;}

/* main ▶▶▶ main_form 단독 ===================================================================================== */
.main_form { display: inline-block; width: 850px; height: 440px; padding: 42px 75px 0 50px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top;}

.form_area                    { display: flex; justify-content: space-between; margin: 30px 0 25px;}
.form_area .form_group1       { width: 365px;}
.form_area .form_group2       { width: 310px;}
.form_area ul li              { position: relative; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form_area ul li+li           { margin-top: 10px;}
.form_area ul li .tit         { width: 60px; padding: 9px 0; font-size: 14px; font-weight: 600; color: #6d6d6d;}
.form_area ul li > div        { display: flex; justify-content: space-between; width: calc(100% - 60px);}
.form_area input[type="text"],    
.form_area input[type="tel"]               { width: 100%; height: 40px;letter-spacing: -0.35px; padding: 10px; border: 0;border-bottom: 1px solid #acacac;font-size: 14px; color: #444; outline: none;}
.form_area input[type="text"]::placeholder,
.form_area input[type="tel"]::placeholder  { font-size: 14px; color: #c0c0c0;}
.form_area .btn_form                       { height: 36px; padding: 6px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1.5px solid #ffa33a;border-radius: 20px;font-size: 14px;color: #ffa33a; }
.form_area .btn_form:hover                 { border: 1.5px solid #ffa33a;color: #fff;background: #ffa33a;}

    /* 기본정보입력 : 이름 */
    .form_area .form_name input                             { width: 165px;}
    .form_area .form_name .gender_chk input + label         { display: inline-block;padding: 6px 18px;text-align: center; border: 1.5px solid #ffa33a;border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;font-size: 14px;color: #ffa33a;cursor: pointer;}
    .form_area .form_name .gender_chk input:checked + label { border: 1.5px solid #ffa33a;color: #fff;background: #ffa33a;}
    .form_area .form_name .gender_chk span                  { display: inline-block;}
    .form_area .form_name .gender_chk span+span             { margin-left: 5px;}

    /* 기본정보입력 : 연락처 */
    .form_area .form_num input { width: 235px;}

    /* 기본정보입력 : 인증번호 */
    .form_area .form_confirm input              { width: 235px;}
    .form_area .form_confirm dd                 { align-items: flex-start;}
    .form_area .form_confirm .form_confirm-inp  { position: relative;}
    .form_area .form_confirm .form_confirm-time { position: absolute; top: 10px; right: 8px; font-size: 14px; color: #FF4646;}
    .form_area .form_confirm .form_confirm-txt  { position: absolute; margin: 7px 0 0 10px; font-size: 12px; color: #FF4646;}

    /* 기본정보입력 : 직업 */
    .form_area .form_job .tit::after           { display: inline-block;width: 16px;height: 16px;vertical-align: middle; background: url('../images/icon_info_yellow.png') no-repeat 0 0; content: ''; }
    .form_area .form_job .tit .tooltip         { display: none; position: absolute; top: -61px;left: -78px; line-height: 18px; padding: 11px 16px; background: #F9F9F9; border: 1px solid #DDD; border-radius: 6px; -webkit-box-shadow: 5px 4px 12px rgb(0 0 0 / 20%); box-shadow: 5px 4px 12px rgb(0 0 0 / 20%); font-size: 13px; font-weight: 500; color: #666; letter-spacing: -0.65px;}
    .form_area .form_job .tit .tooltip::before { display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: -7px; width: 10px; height: 10px; background: #F9F9F9; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; content: ''; }
    .form_area .form_job .tit:hover .tooltip   { display: block;}

/* main ▶▶▶ main_form > form_bottom */
.form_bottom                                   { position: relative; left: 15px; font-size: 14px; text-align: center;}
.form_bottom .agree_area                       { padding: 0 0 20px 0; text-align: center;}
.form_bottom .agree_area input + label         { display: inline-block; line-height: 24px; padding: 0 0 0 32px; background: url('../images/checkbox1.png') no-repeat 0 0; color: #666; cursor: pointer;}
.form_bottom .agree_area input:checked + label { background-position: 0 -76px ;}
.form_bottom .agree_area a                     { display: inline-block; line-height: 1; border-bottom: 1px solid #000; color: #333;}

/* main ▶▶▶ main_login 단독 ===================================================================================== */
.main_login                           { display: inline-block; width: 330px; height: 440px; padding: 42px 50px 0; background-color: #FEFEFE; -webkit-box-shadow: inset 5px 0px 10px rgb(0 0 0 / 5%); box-shadow: inset 5px 0px 10px rgb(0 0 0 / 5%); vertical-align: top;}
.main_login .login_info               { line-height: 22px; margin-bottom: 15px; padding: 140px 0 0 0; background: url(../images/olchi_login.png) no-repeat center top 27%; font-size: 14px; color: #666; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main_login .login_area               { display: block; }
.main_login .login_area button+button { margin-top: 6px;}

/* search ========================================================= */
.search                         { height: 105px; padding: 24px 40px 0; background-color: #FFF9F3;}
.search .search_box             { display: flex; align-items: center;}
.search .search_box+.search_box { margin-top: 14px;}
.search .search_tit             { width: 97px; line-height: 1; font-size: 15px; font-weight: 700;}
.search .search_customer                         { display: flex; font-size: 0;}
.search .search_customer > li+li                 { margin-left: 30px;}
.search .search_customer li .search_customer_tit { margin-right: 7px; font-size: 14px; font-weight: 700; color: #FB921B;}
.search .search_customer li .search_customer_txt { font-size: 14px; color: #666;}
.search .search_category                         { display: flex;}
.search .search_category > li+li                 { margin-left: 20px;}
.search .search_category li .search_category_txt { font-size: 14px; color: #666;}

/* top */
.top { position: relative; padding: 27px 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.top_total .base         { position: relative; top: 0; z-index: 2; height: 46px; line-height: 45px; padding-left: 85px; font-size: 16px;}
.top_total .base::before { position: absolute; bottom: -8px; left: 14px; width: 65px; height: 51px; background: url(../images/total_olchi.png) no-repeat center; content: '';}
.top_total .base span    { color: #FB921B; font-weight: 900;}
.top_total .self               { display: flex; justify-content: space-between; align-items: center; position: relative; top: 0; z-index: 2; height: 46px; line-height: 45px; padding-left: 85px; font-size: 16px;}
.top_total .self::before       { position: absolute; bottom: -8px; left: -5px; z-index: -1; width: 1100px; height: 51px; background: url(../images/total_olchi_self.png) no-repeat center; content: '';}
.top_total .self .left b       { color: #FB921B; font-weight: 900}
.top_total .self .right        { font-size: 14px;}
.top_total .self .right strong { font-weight: 900; color: #569AFF; }
.top_total .self .right span   { margin: 0 10px 0 5px;}

/* result ========================================================= */
.result    { position: relative; padding: 0 40px 0 39px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.item_wrap { position: relative;}

/* item_top ================================================================================== */
.item_top                { padding: 20px 30px 18px 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.item_top .item_logo     { display: inline-block;}
.item_top .item_logo img { width: auto; max-width: 100px; height: 30px; object-fit: contain;}
.item_top .item_tit      { height: 52px; line-height: 26px; margin-top: 10px; font-size: 18px; font-weight: 700; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.item_top .item_detail                      { margin-top: 9px;}
.item_top .item_detail .detail_expr         {  font-size: 0;}
.item_top .item_detail .detail_expr dt      { display: inline-block; line-height: 20px; font-size: 14px; color: #999; vertical-align: top;}
.item_top .item_detail .detail_expr dd      { display: inline-block; margin-left: 10px; vertical-align: top;}
.item_top .item_detail .detail_expr dd span { display: inline-block; position: relative; line-height: 20px; font-size: 14px; font-weight:700; color: #666;}
.item_top .item_detail .detail_expr dd span+span         { margin-left: 6px; padding-left: 6px;}
.item_top .item_detail .detail_expr dd span+span::before { position: absolute; top: 3px; left: 0; width: 1px; height: 12px; background-color: #ccc; content: '';}

.item_top .item_total                     { display: flex; width: 100%; justify-content: space-between; margin-top: 28px;;}
.item_top .item_total .total_left         { display: inline-block; font-size: 0; text-align: left; }
.item_top .item_total .total_left em      { display: inline-block; line-height: 30px; margin-right: 3px; font-size: 13px; font-weight: 700; color:#999;}
.item_top .item_total .total_left span    { display: inline-block; line-height: 30px; font-size: 16px; font-weight: 700; color:#333;}
.item_top .item_total .total_right        { display: inline-block; text-align: right; font-size: 0;}
.item_top .item_total .total_right .total { display: inline-block; line-height: 30px; font-size: 26px; font-weight: 900; color: #FE7600;}
.item_top .item_total .total_right .unit  { display: inline-block; line-height: 20px; margin-left: 4px; font-size: 16px; font-weight: 700; color: #333; }

/* 직접설계하기 버튼 */
.item_go                  { display: block; position: relative; margin-top: 15px;}
.item_go a                { display: block; height: 40px; line-height: 41px; border-radius: 6px; text-align: center; cursor: pointer; background-color: #FFF2E5;}
.item_go a:hover          { background-color: #FFE3C7;}
.item_go a b              { padding-right: 20px; background: url(../images/icon_info_yellow.png) no-repeat right center; font-size: 16px; font-weight: 700; color: #F89000;}
.item_go .tooltip         { display: none; position: absolute; top: -59px; right: -17px; line-height: 18px; padding: 11px 16px; background: #F9F9F9; border: 1px solid #DDD; border-radius: 6px; -webkit-box-shadow: 5px 4px 12px rgb(0 0 0 / 20%); box-shadow: 5px 4px 12px rgb(0 0 0 / 20%); font-size: 13px; font-weight: 500; color: #666; letter-spacing: -0.65px;}
.item_go .tooltip::before { display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: -7px; width: 10px; height: 10px; background: #F9F9F9; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; content: '';}
.item_go:hover .tooltip   { display: block;}

/* item_cont ================================================================================== */
.btn_item_search{ display: inline-block; position: relative; top: -1px; width: 22px; height: 22px; background: url(../images/btn_item_search.png) no-repeat; font-size: 0; vertical-align: top;}
.item_cont                       { padding: 0 30px 20px 30px; min-height: 230px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.item_cont .item_list            { display: flex; justify-content: space-between; position: relative; padding: 12px 0;}
.item_cont .item_list+.item_list { background-image: linear-gradient(to right, #DDD 60%, rgba(255,255,255,0) 0%); background-position: left top; background-size: 7px 1px; background-repeat: repeat-x;}
.item_cont .item_list *          { letter-spacing: -0.5px;}
.item_cont .item_list .left               { width: calc(100% - 80px); text-align: left;}
.item_cont .item_list .left .tit          { font-size: 0;}
.item_cont .item_list .left .tit span     { overflow: hidden; display: inline-block; line-height: 22px; max-width: calc(100% - 24px); padding-right: 5px; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;  font-size: 14px; font-weight: 700; color: #333;}
.item_cont .item_list .left .amount       { display: block; line-height: 20px; font-size: 12px; font-weight: 700; color: #999; vertical-align: top;}
.item_cont .item_list .right                           { width: 92px; text-align: right;}
.item_cont .item_list .right .amount                   { line-height: 22px; font-size: 16px; font-weight: 700; color: #FB921B;}
.item_cont .item_list .right .detail                   { position: absolute; right: 0; bottom: 12px; font-size: 0;}
.item_cont .item_list .right .detail span              { position: relative; display: inline-block; line-height: 20px; font-size: 12px; font-weight: 700; color: #999; vertical-align: top}
.item_cont .item_list .right .detail span+span         { margin-left: 5px; padding-left:5px;}
.item_cont .item_list .right .detail span+span::before { position: absolute; top: 4px; left: 0; width: 1px; height: 10px; background-color: #ccc; content: '';}

/* swiper base =============================================== */
.swiper-wrapper { display: flex !important; flex: 1 !important; width: 100% !important; height: 100% !important;}
/* .swiper-slide   { height: auto !important; background: #fff; border: 1px solid #E6E6E6; border-radius: 6px; font-size: 20px;} */
.swiper-slide   { height: auto !important; background: #fff; border: 1px solid #E6E6E6; border-radius: 6px; font-size: 20px;}


/* swiper custom =============================================== */
.swiper_control                        { position: absolute; top: -47px; right: 0; z-index: 20; width: 110px; height: 32px; font-size: 0; text-align: right;}
.is_topfixed .swiper_control           { position: fixed; top: 110px; left: 50%; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 490px;}
.swiper_control .item_prev             { display: inline-block; width: 32px; height: 32px; background: url(../images/arrow_swiper.png) no-repeat; background-position: left center; font-size: 0; cursor: pointer; vertical-align: top;}
.swiper_control .item_next             { display: inline-block; width: 32px; height: 32px; background: url(../images/arrow_swiper.png) no-repeat; background-position: right center; font-size: 0; cursor: pointer; vertical-align: top;}
.swiper_control .swiper-button-disabled{ opacity: 0.3;}
.swiper_control .item_pagination                          { display: inline-block; width: 40px; height: 32px; text-align: center; font-size: 0; vertical-align: top;}
.swiper_control .item_pagination span                     { display: inline-block; line-height: 32px; font-size: 14px; font-weight: 700; color: #333;}
.swiper_control .item_pagination .swiper-pagination-total { color: #999}
.swiper_control .item_pagination em                       { position: relative; top: 6px; display: inline-block; width: 1px; height: 10px; line-height: 32px; margin: 0 4px; background-color: #ccc; font-size: 0; font-weight: 700; }
.swiper_control .item_pagination-fixed                         { display: inline-block; width: 40px; height: 32px; text-align: center; font-size: 0; vertical-align: top;}
.swiper_control .item_pagination-fixed span                    { display: inline-block; line-height: 32px; font-size: 14px; font-weight: 700; color: #333;}
.swiper_control .item_pagination-fixed .swiper-pagination-total{ color: #999}
.swiper_control .item_pagination-fixed em                      { position: relative; top: 6px; display: inline-block; width: 1px; height: 10px; line-height: 32px; margin: 0 4px; background-color: #ccc; font-size: 0; font-weight: 700; }









/* 보험료 셀프설계 페이지 ================================================================================== */

/* 셀프설계 */
.top_self                     { display: flex; align-items: center; padding: 15px 0 20px; font-size: 0;}
.top_self .self_logo          { width: 140px;}
.top_self .self_logo img      { width: auto; max-width: 130px; height: 36px; object-fit: contain;}
.top_self .self_box           { width: calc(100% - 140px); margin-left: 10px;}
.top_self .self_box .self_tit { font-size: 20px; font-weight: 700; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.top_self .detail_expr                      { font-size: 0;}
.top_self .detail_expr dt                   { display: inline-block; line-height: 20px; font-size: 14px; color: #999; vertical-align: top;}
.top_self .detail_expr dd                   { display: inline-block; margin-left: 10px; vertical-align: top;}
.top_self .detail_expr dd span              { display: inline-block; position: relative; line-height: 20px; font-size: 14px; font-weight:700; color: #666;}
.top_self .detail_expr dd span+span         { margin-left: 6px; padding-left: 6px;}
.top_self .detail_expr dd span+span::before { position: absolute; top: 3px; left: 0; width: 1px; height: 12px; background-color: #ccc; content: '';}

/* 셀프설계 ▶▶▶ 테이블 top */
.top_tbl                              { position: relative; display: block; width: 1100px; font-size: 0;}
.top_tbl > div                        { display: inline-block; text-align: center;}
.top_tbl > div+div                    { margin-left: 10px;}
.top_tbl > .thead_tit1                { width: 640px;}
.top_tbl > .thead_tit1 > div          { padding: 13px 0; background: #F6F6F6; border: 1px solid #F3F3F3; border-radius: 18px; font-size: 16px; font-weight: 700; color: #333;}
.top_tbl > .thead_tit2                { position: relative; width: 220px;}
.top_tbl > .thead_tit2 > div          { padding: 13px 0; background: #FFF9F3; border: 1px solid #FCF3EA; border-radius: 18px; font-size: 16px; font-weight: 700; color: #FE7600;}
.top_tbl > .thead_tit2 > div::after   { display: inline-block; position: relative; top: 3px; width: 16px; height: 16px; margin-left: 4px; vertical-align: top; background: url(../images/icon_info_yellow.png) no-repeat right center; content: '';}
.top_tbl > .thead_tit2 .tooltip       { display: none; position: absolute; top: -32px; left: -10px; z-index: 3; width: 300px; padding: 6px 13px; background: #F9F9F9; border: 1px solid #DDD; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.05); box-shadow: 0 5px 10px rgba(0,0,0,0.05); font-size: 14px; font-weight: 500; color: #666; letter-spacing: -0.6px;}
.top_tbl > .thead_tit2 .tooltip:after { display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: -7px; width: 10px; height: 10px; background: #F9F9F9; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; content: '';}
.top_tbl > .thead_tit2:hover .tooltip { display: inline-block;}
.top_tbl > .thead_tit3                { width: 220px;}
.top_tbl > .thead_tit3 > div          { padding: 13px 0; background: #FFF9F3; border: 1px solid #FCF3EA; border-radius: 18px; font-size: 16px; font-weight: 700; color: #FE7600;}

/* 셀프설계 ▶▶▶ 테이블 */
.result-tbl                           { overflow-y: auto; overflow-x: hidden;}
.result-tbl table                     { border-collapse: collapse; table-layout: fixed; word-break: normal;padding: 0;margin: 0;}
.result-tbl tbody                     { height: 300px;}
.result-tbl tbody td                  { height: 51px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.35px; font-size: 14px;font-weight: 500;color: #444;background: #fff;}
.result-tbl tbody td:nth-child(2n-1)  { border-bottom: 1px solid #eee;}
.result-tbl tbody tr td:nth-of-type(1){ padding: 0 20px;}
.result-tbl .tbl_tit span             { display: inline-block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: calc(100% - 30px); margin-right: 2px; vertical-align: top;}
.result-tbl .tbl_guarantee            { width: 110px; height: 20px; margin: 0 auto;}
.result-tbl .tbl_amount               { width: 85px; margin: 0 auto; text-align: right; font-weight: 700;}

/* 셀프설계 ▶▶▶ 월 보험료 ================================================================================== */
.self_total                 { position: absolute; bottom: 77px; right: 40px; z-index: 5;}
.self_total *               { display: inline-block; font-size: 0; font-weight: 700; vertical-align: bottom;}
.self_total em              { line-height: 30px; font-size: 13px; color: #999;}
.self_total span            { line-height: 30px; font-size: 16px; color: #333;}
.self_total .total          { line-height: 34px; margin-right: 3px; font-size: 30px; color: #FF4B6A; font-weight: 900;}
.self_total .tooltip        { display: inline-block; position: absolute; bottom: 45px; right: 25px; line-height: 1; padding: 11px 13px; background-color: #EBF3FF; border-radius: 8px; font-size: 14px; color: #569AFF;}
.self_total .tooltip::after { display: inline-block; position: absolute; right: 5px; bottom: -8px; width: 0; height: 0;  border-bottom: 4px solid transparent; border-top: 4px solid #EBF3FF; border-left: 6px solid #EBF3FF; border-right: 6px solid transparent; content: '';}

/* 셀프설계 ▶▶▶ 통계정보 ================================================================================== */
.graph                          { display: block; position: relative; z-index: -100; opacity: 0;}
.graph.is_active                { opacity: 1; z-index: 30;}
.graph .dim                     { position: fixed; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; width: 1180px; height: 820px; background: rgba(0,0,0,0.5);}
.graph .graph_wrap              { position: relative; height: 100%;}
.graph .graph_wrap .graph_header{ position: absolute; top: 10px; right: 490px;}
.graph .graph_close             { width: 50px; height: 50px; font-size: 0;}
.graph .graph_close::before     { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); width: 30px; height: 2px; background-color: #fff; border-radius: 10px; content: '';}
.graph .graph_close::after      { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); width: 30px; height: 2px; background-color: #fff; border-radius: 10px; content: '';}
.graph .graph_wrap .graph_body  { overflow-y: auto; position: absolute; right: 0; top: 0; z-index: 20; width: 482px;height: 100%; padding: 30px; border-radius: 35px 0 0 0; background: #f6f6f6; -webkit-box-sizing: border-box; box-sizing: border-box;}
.graph .graph_box               { padding: 24px 20px 10px 20px; border-radius: 10px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.graph .graph_box+.graph_box    { margin-top: 15px;}
.graph .graph_tit               { line-height: 1; margin-bottom: 10px; font-size: 16px;font-weight: 700; color: #FF8A00;}
.graph .graph_txt               { line-height: 1; font-size: 16px; color: #000;}
.graph .graph_area              { position: relative; margin-top: 20px;}
.graph .graph_area .graph_unit  { position: absolute; top: -34px; right: 0; font-size: 12px;}

    /* chart : radar */
    #chart_radar                         { display: inline-block; margin-left: 15px;}
    #chart_radar .chartjs-render-monitor { margin: 0 auto;}

    /* chart : bar */
    #chart_bar                          { position: relative; max-width: 385px;}
    #chart_bar ul li                    { display: flex;justify-content: space-between;align-items: center; margin-bottom: 9px;}
    #chart_bar ul .chart_bar_tit        { display: inline-block; width: 30px;margin-right: 30px; font-size: 14px;color: #000;}
    #chart_bar ul .chart_bar_tit > span { margin-left: 20px;}
    #chart_bar ul .chart_bar_value      { font-size: 12px;color: #7e7e7e;}
    #chart_bar .chart_bar_list          { max-width: 180px;margin: -145px 0 0 110px;}
    #chart_bar .chart_bar               { height: 10px; line-height: 10px; margin-bottom: 20px; background-color: rgba(0,0,0,0.1); border-radius: 5px; font-size: 0; color: #fff;}
    #chart_bar .chart_bar *             { -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
    #chart_bar .chart_bar div           { position: relative; padding-left: 0; width: 0; background:linear-gradient(to left, #fda326, #ffc767); border-radius: 5px; font-size: 0; text-indent: -99999999px;}
    #chart_bar .chart_bar span          { display: block; position: absolute; right: 0; top: 0; height: 100%; padding: 0 5px 0 10px; background-color: #1a1a1a; border-radius: 0 2px 2px 0;}
    #chart_bar .chart_bar span:before   { position: absolute; top: 50%; left: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 6px; height: 6px; margin-top: -3px; background-color: #1a1a1a; content: "";}
    
    /* chart : list */
    #chart_list            { margin-top: 20px;}
    #chart_list li         { height: 40px;  padding: 0 20px; font-size: 0;}
    #chart_list li+li      { border-top: 1px solid #eaeaea;}
    #chart_list li em      { display: inline-block; width: 15px; line-height: 40px; font-size: 18px; color: #999; text-align: center;}
    #chart_list li span    { display: inline-block; width: calc(100% - 15px); line-height: 40px; padding-left: 28px; font-size: 14px; color: #999; vertical-align: top;}
    #chart_list li.is_on * { color: #ff8a00; font-weight: 700; }


/* fixed ================================================================================== */
/* fixed ▶▶▶ fixed_self */
.fixed_self              { display: block; position: fixed; top: -1000px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; width: 1180px; background-color: #fff}
.fixed_self .top         { padding: 27px 45px 0 40px;}
.is_topfixed .fixed_self { top: 85px;}

/* fixed ▶▶▶ fixed_item */
.fixed_item                                           { display: block; position: fixed; top: -1000px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; width: 1180px; padding-bottom: 14px; background-color: #fff;}
.is_topfixed .fixed_item                              { top: 85px;}
.fixed_item::before                                   { position: absolute; bottom: -20px; left: 0; right: 0; z-index: 1; width: 100%; height: 20px; background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.08), rgba(34, 34, 34, 0)); object-fit: contain; content: '';}
.fixed_item .item_top                                 { padding: 10px 30px 18px 30px;}
.fixed_item .item_top .item_tit                       { line-height: 24px; font-size: 16px; margin-top: 7px;}
.fixed_item .item_top .item_total                     { margin-top: 12px;}
.fixed_item .item_top .item_total .total_right .total { line-height: 20px; font-size: 18px;}
.fixed_item .item_top .item_total .total_left em      { line-height: 20px;}
.fixed_item .item_top .item_total .total_left span    { line-height: 20px;}
.fixed_item .item_go                                  { margin-top: 8px;}
.fixed_item .item_go a                                { height: 30px; line-height: 30px;}
.fixed_item .item_go a b                              { font-size: 14px;}
.fixed_item .item_go .tooltip                         { top: -62px; right: -11px;}