@charset "utf-8";

/* 시나리오 공모전 2018-2020 */
.index_scenario {
    margin: 0 auto;
    text-align: center;
}
.evnt_img .sub_tit02 {padding: 40px 0 30px 0; color: #231f20; font-size: 24px; line-height: 32px;}

#popWrap_2018 {
    background: #fff;
    margin: 0 auto;
    letter-spacing: -.5px;
}

    #popWrap_2018 .popCon_2018 {
        background-color: #fff;
        font-size: 13px;
        line-height: 20px;
        color: #242021;
    }

        #popWrap_2018 .popCon_2018 h2 {
            padding: 10px 0 20px 0;
            margin-bottom: 25px;
            font-size: 25px;
            color: #242021;
            line-height: 28px;
            border-bottom: 1px solid #c0c0c0;
        }

    #popWrap_2018 input { /*height: 14px; background: #f5f5f5; border: 1px solid #e3e3e3; padding: 19px 10px; color: #1d1d1d; vertical-align: middle;*/
    }

    #popWrap_2018 :root input {
        height: 15px;
    }

    #popWrap_2018 input.gray {
        background: #F1F1F1;
    }

    #popWrap_2018 input.chk {
        width: 12px;
        height: 12px;
        border: 0;
        background: transparent;
        padding: 0;
        margin: 0px;
    }

    #popWrap_2018 textarea {
        border: 1px solid #C5C5C5;
        padding: 15px 5px;
    }

    #popWrap_2018 select {
        vertical-align: middle;
        border: 1px solid #b9b9b9; /*padding: 11px 5px*/
    }

.scenario_contest .chbox * {
    display: inline-block; /*padding-left: 5px;*/
    vertical-align: top
}

.scenario_contest .chbox {
    position: relative;
    padding-top: 8px;
}

    .scenario_contest .chbox input { /*width: 13px; height: 18px; margin: 0; padding: 0; border: none;*/
    }

.scenario_contest h3 {
    padding: 40px 0 10px;
    font-size: 20px;
    line-height: 30px;
    color: #231f20
}

.scenario_contest .cont_wrap {
    width: 858px;
    height: 175px;
    padding: 20px 20px 20px 20px;
    border: 1px solid #e3e1e2;
    overflow: auto;
    background: #f9f6ed;
    color: #555555;
    font-size: 13px;
    line-height: 21px;
}

    .scenario_contest .cont_wrap.reserved {
        height: 167px
    }

.scenario_contest .btn_wrap {
    margin: 40px 0 30px 0;
    text-align: center;
    background: #fff;
}

.eventWrap .event_sinner .scenario_contest .btn_box .btnc_check {
    min-width: 100px;
    color: #cdc197;
}

.eventWrap .event_sinner .scenario_contest .btn_box .btnc_cancel {
    min-width: 100px;
    color: #202020;
    border: 1px solid #999;
    background: #fff;
}

.btn_box [class^=btnc_] {
    display: inline-block;
    min-width: 100px;
    height: 40px;
    padding: 0px 10px;
    border: 1px solid #231f20;
    background: #231f20;
    font-size: 15px;
    font-weight: bold;
    color: #cdc197;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.scenario_contest .bx_r {
    position: relative;
}

    .scenario_contest .bx_r .bx_top {
        position: absolute;
        top: -30px;
        right: 0;
    }

    .scenario_contest .bx_r .tbl_clisthead {
        border-top: 1px solid #c4c4c4
    }

        .scenario_contest .bx_r .tbl_clisthead th, .scenario_contest .bx_r .tbl_clisthead td {
            height: 40px;
            padding: 10px 0 10px 20px;
            text-align: left;
            vertical-align: middle;
        }

            .scenario_contest .bx_r .tbl_clisthead th.bottomline, .scenario_contest .bx_r .tbl_clisthead td.bottomline {
                border-bottom: 1px solid #e0e0e0;
            }

    .scenario_contest .bx_r .tbl_clist.tlinecolor {
        border-top-color: #e0e0e0;
    }

    .scenario_contest .bx_r .tbl_clisthead table, .scenario_contest .bx_r .tbl_clist table {
        width: 100%
    }

    .scenario_contest .bx_r .tbl_clist th, .scenario_contest .bx_r .tbl_clist td {
        height: 40px;
        padding: 10px 0 10px 20px;
        text-align: left;
        border-bottom: 1px solid #e0e0e0;
        vertical-align: middle;
    }

.scenario_contest .txtcolor_desc1 {
    color: #767676
}

.scenario_contest .bx_r .tbl_clist th:before {
    content: '|';
    position: absolute;
    left: 140px;
    color: #dedede
}

.scenario_contest .sntab .snchecks {
    display: inline-block
}

.scenario_contest .bx_r .bx_btm {
    margin-top: 30px;
    color: #676767
}

    .scenario_contest .bx_r .bx_btm .tit_caution {
        position: relative;
        padding-left: 25px;
        line-height: 25px;
    }

        .scenario_contest .bx_r .bx_btm .tit_caution:before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            width: 16px;
            height: 16px;
            background: url('../../Content/images/event/101170000820002/icon_caution.gif') 0 0 no-repeat;
        }

    .scenario_contest .bx_r .bx_btm .desc {
        position: relative;
        padding-left: 10px;
        line-height: 22px;
    }

        .scenario_contest .bx_r .bx_btm .desc::before {
            content: '';
            position: absolute;
            left: 0;
            top: 9px;
            width: 2px;
            height: 2px;
            background-color: #9c9c9c
        }

.scenario_contest .bx_notice {
    margin-top: 25px;
    color: #676767;
    line-height: 25px;
}

    .scenario_contest .bx_notice .tit_notice {
        position: relative;
        padding-left: 23px;
        line-height: 24px;
    }

        .scenario_contest .bx_notice .tit_notice:before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            width: 16px;
            height: 16px;
            background: url('../../Content/images/event/101170000820002/icon_caution.gif') 0 0 no-repeat;
        }

    .scenario_contest .bx_notice .first {
        padding-left: 15px;
    }

        .scenario_contest .bx_notice .first .second {
            padding-left: 15px;
        }

            .scenario_contest .bx_notice .first .second li {
                position: relative;
                padding-left: 9px;
            }

                .scenario_contest .bx_notice .first .second li::before {
                    content: '';
                    position: absolute;
                    top: 12px;
                    left: 0;
                    display: block;
                    width: 4px;
                    height: 1px;
                    background-color: #9f9f9f;
                }

            .scenario_contest .bx_notice .first .second.dot li::before {
                top: 11px;
                width: 2px;
                height: 2px;
            }

            .scenario_contest .bx_notice .first .second .nonedash li, .scenario_contest .bx_notice .first .second.dot .nonedash li {
                padding-left: 0
            }

                .scenario_contest .bx_notice .first .second .nonedash li::before,
                .scenario_contest .bx_notice .first .second.nonedash li::before,
                .scenario_contest .bx_notice .first .second.dot .nonedash li::before
                 {
                    width: 0;
                    height: 0;
                }

.scenario_contest .txtcolor_ty1 {
    color: #8e8e8e
}

.scenario_contest .txt_complete {
    text-align: center;
    padding: 80px 0 30px 0;
    font-weight: bold
}

    .scenario_contest .txt_complete .desc1 {
        display: block;
        padding-bottom: 5px;
        color: #242223;
        font-size: 18px;
        line-height: 30px
    }

    .scenario_contest .txt_complete .desc1.type1 {
        padding-bottom: 0;
        color: #cc150f;
        font-size: 18px;
        font-weight: normal;
    }

    .scenario_contest .txt_complete .desc2 {
        display: block;
        color: #cc150f;
        font-size: 25px;
        line-height: 30px
    }

.scenario_contest .btn_fileBx {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    border: 1px solid #999;
    color: #231f20;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    border-color: #979797
}

.btn_fileBx input {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 35px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    font-size: 30px;
}

.scenario_contest .txt_left {
    display: inline-block;
    padding-left: 14px;
    font-size: 12px;
    color: #777;
    vertical-align: middle;
    line-height: 35px;
}

.scenario_contest .w100 {
    width: 100px
}

.scenario_contest .desc_tblbtm {
    color: #cd190b;
    line-height: 22px
}


.icon_addfile {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url('../../Content/images/event/101170000820002/icon_addfile.gif') 0 0 no-repeat;
    vertical-align: -3px;
}

.icon_delete {
    display: inline-block;
    vertical-align: 0px;
    border: 0;
    outline: 0;
    background: none
}

.scenario_contest .msg_nonereceipt {
    text-align: center;
    padding: 50px 0 40px 0;
}

.scenario_contest .blinenone {
    border-bottom: 0 !important
}

.btn_box .btnc_check {min-width:100px; color:#cdc197;}
.btn_box .btnc_cancel {min-width:100px; border:1px solid #999; background:#fff; color:#231f20;}

.btn_box .btnc_black {min-width:173px; color:#cdc197;}
.btn_box .btnc_white {min-width:173px; border:1px solid #999; background:#fff; color:#231f20;}
.btn_box .btnc_brown {min-width:295px; border-color:#cdc197; background:#cdc197; color:#603913;}
/* 시나리오 공모전 Popup */
.p_scroll {overflow-y:auto; max-height:300px; padding:20px;}
.empty {display:inline-block; width:0; height:100%; vertical-align:middle;}
.pop_wrap {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../../Content/images/event/101170000820002/bg_mask.png') repeat 0 0; z-index:5; }
.pop_wrap_inner {position:absolute; left:50%; top:50%; min-width:250px; padding-top:4px; background:#fff url('../../Content/images/event/101170000820002/bg_popupT.gif') repeat-x left top; font-size:14px; color:#231f20; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_inner {position:relative;}
.pop_header {padding:20px; border-right:1px solid #dedede; border-bottom:1px solid #c0c0c0; border-left:1px solid #dedede; text-align:left;}
.pop_header.txtc {padding-left:0}
.pop_tit {display:block; font-size:20px;}
.pop_body {border:1px solid #dedede; border-top:none;}
.pop_body .pop_scroll {overflow-y:auto; overflow-x:hidden; padding:20px;}
.pop_body .pop_scroll.pop_height_type1 {height: 350px}
.pop_scroll .inner_scroll {overflow-x:hidden; overflow-y:auto;}
.pop_body input,
.pop_body select {font-size:14px; color:#231f20;}
.pop_btn_close {position:absolute; top:25px; right:21px}
.pop_scenariocontest_ty1 {width:850px !important}
.pop_scenariocontest_ty2 {width:600px !important}
.pop_wrap .scenario_contest input {height: 14px; background: #f5f5f5; border: 1px solid #bbbbbb; padding: 19px 10px; color: #1d1d1d; vertical-align: middle;}
.pop_wrap .scenario_contest :root input {height: 15px;}
.pop_wrap .scenario_contest input.gray {background: #F1F1F1;}
.pop_wrap .scenario_contest input.chk {width: 12px; height: 12px; border: 0; background: transparent; padding: 0; margin: 0px;}
.pop_wrap .scenario_contest textarea {border: 1px solid #C5C5C5; padding: 15px 5px;}
.pop_wrap .scenario_contest select {vertical-align: middle; border: 1px solid #bbbbbb;}
.pop_wrap .scenario_contest .tbl_clist {border-top: 1px solid #c4c4c4}
.pop_wrap .scenario_contest .tbl_clist table {width:100%}
.pop_wrap .scenario_contest .tbl_clist th, .pop_wrap .scenario_contest .tbl_clist td {position:relative; height:40px; padding: 10px 0 10px 20px; text-align: left; border-bottom: 1px solid #e0e0e0; vertical-align: middle;}
.pop_wrap .scenario_contest .tbl_clist td {color:#656565;}
.pop_wrap .scenario_contest .tbl_clist th:before {content: '|'; position: absolute; left: 150px; color: #dedede}
.pop_wrap .scenario_contest .bx_btm {margin: 20px 0 0 0; font-weight: 400; color: #231f20; text-align: center; line-height: 22px}
.icon_addfile {display: inline-block; width:17px; height:16px; background: url('../../Content/images/event/101170000820002/icon_addfile.gif') 0 0 no-repeat; vertical-align: -3px;}
.icon_delete {display: inline-block;  vertical-align: 0px; border: 0; outline: 0; background:none}
.scenario_contest .msg_nonereceipt {text-align: center; padding: 50px 0 40px 0;}
.scenario_contest .blinenone {border-bottom: 0 !important}
.pop_wrap .btn_cbox {padding: 25px 0 0; text-align: center;}
.pop_body .btn_cbox {padding: 20px 0 0;}
.point_red {color:#cd190b}
.noticeinfo {position: relative;}
.noticeinfo .btn_posi {position: absolute; top:15px; right:0;}

/**************************************** 
* 공모전 관리자화 개발 작업 2022.06 
*****************************************/
.evnt_img .gateimg {position: relative; margin: 40px 0 30px}
.evnt_img .gateimg .area_link {position: absolute; top:775px; left: 50%; margin-left: -370px;}
.evnt_img .gateimg .area_link.type1 {display: flex; flex-wrap: wrap; align-content:space-between; justify-content: space-between; align-items: center; width: 740px; height: 115px;}
.evnt_img .gateimg .area_link.type1 .inner_type2 {display: flex; width:100%; justify-content: center;} 
.evnt_img .gateimg .area_link.type1 .inner_type2 a {margin: 0 5px}
#popWrap_2018 .popCon_2018.new2022 h2 {padding: 0 0 15px 0; margin-bottom: 0; border-bottom: 0;}
.popCon_2018.new2022 .scenario_contest .cont_wrap {width: 918px; height: 133px; padding: 20px 30px; border: 1px solid #ddd; background-color: #F8F8F8; border-radius: 4px;}
.popCon_2018.new2022 .scenario_contest .btn_fileBx {width: 146px; border-radius: 4px;}
.popCon_2018.new2022 .btn_box .btnc_cancel,
.popCon_2018.new2022 .btn_box .btnc_check {min-width: 160px; height:45px; border-radius: 4px; font-weight: initial; line-height: 45px;}
.popCon_2018.new2022 .btn_box .btnc_cancel {border: 1px solid #000; background: #fff; color: #000}
.popCon_2018.new2022 .btn_box .btnc_check {border: 0; background: #414141; color: #fff}
.popCon_2018.new2022 .btn_box a + a {margin-left: 10px;}
.popCon_2018.new2022 .scenario_contest .submissionfile {display: inline-block; padding-left: 25px; font-size: 15px; color: #000; vertical-align: middle; line-height: 35px;}
.popCon_2018.new2022 .scenario_contest .submissionfile .icon_delete {padding-left: 15px;}
.fileinfo li {padding-bottom: 5px; font-size: 13px; color: #666;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist th:before {content: ''}
.popCon_2018.new2022 .ico_imp {vertical-align: -2px;}
.popCon_2018.new2022 .bgcolor_ty1 {background-color: #F8F8F8; color: #666;}
.popCon_2018.new2022 .scenario_contest .sntab .snchecks label {cursor: pointer;}
.popCon_2018.new2022 .scenario_contest .bx_r th {font-size: 15px; color: #000}
.popCon_2018.new2022 .scenario_contest .cont_wrap {font-size: 14px}
.popCon_2018.new2022 .scenario_contest .btn_wrap {margin: 50px 0 30px; padding-top: 60px; border-top: 1px solid #EEE}
.popCon_2018.new2022 .scenario_contest h3 {padding: 25px 0 15px;}
.popCon_2018.new2022 .agreement_wrap.linetype {padding-bottom: 25px; border-bottom: 1px solid #eee}
.popCon_2018.new2022 .scenario_contest .chbox.gaptype1 {padding-bottom: 20px;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clisthead, 
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clisthead table, 
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist table {border-top: 1px solid #bbb;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.tlinecolor table,
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clisthead.btnone table, .popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.btnone table {border-top: 0}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist th, .popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist td {border-color: #eee}
#popWrap_2018 .popCon_2018.new2022 select {border-color: #ddd}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type1 th, .popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type1 td {padding: 3px 0 3px 0; background-color: #F8F8F8; border-bottom:0}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type1 .h3_tit {padding-left: 35px; font-size: 20px; color: #000}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type1 .wrap_personinfo {text-align: right;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist .wrap_personinfo {font-size: 13px;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist .wrap_personinfo .tit {display: inline-block; position: relative; padding-right: 10px; color: #666;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist .wrap_personinfo .tit:after {content: ''; display: block; position: absolute; top:50%; margin-top: -5px; right:0; margin-left: 10px; width: 1px; height: 10px; background-color: #bbb;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist .wrap_personinfo .desc {display: inline-block; padding: 0 35px 0 5px;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 {padding: 0 35px}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 h3 {padding: 30px 0 20px}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 .wrap_personinfo {padding-bottom: 15px;}
.roboto {font-family: "Roboto";}
.bordernone {border: none !important}
.color666 {color: #666 !important;}
.hrline1 {width:100%; height: 1px; margin: 15px 0 30px; background-color: #eee; border: 0}
.popCon_2018.new2022 .scenario_contest .icon_addfile {display: inline-block; width: 10px; height: 12px; background: url('../../Content/images/event/101170000820002/icon_addfile.gif') 0 0 no-repeat; background-size: 100%; vertical-align: middle;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 ul {position: relative;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 li.last {position: absolute; top: 0; right: 0;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 li.last .wrap_personinfo .tit {padding-right: 3px;}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 li.last .wrap_personinfo .tit:after {display: none}
.popCon_2018.new2022 .scenario_contest .bx_r .tbl_clist.type2 li.last .wrap_personinfo .desc {padding-right: 0;}
.popCon_2018.new2022 .scenario_contest .area_h210 {padding: 45px 0; margin: 5px 35px 0; background-color: #F8F8F8; text-align: center}
.popCon_2018.new2022 .scenario_contest .area_h210 .txt_confirm  {font-size: 15px}
.popCon_2018.new2022 .scenario_contest .area_h210 .txt_confirm .desc1 {font-size: 20px}
.popCon_2018.new2022 .scenario_contest .area_h380 {padding: 140px 0; background-color: #F8F8F8; text-align: center; line-height: initial}
.popCon_2018.new2022 .scenario_contest .area_h380 .txt_confirm  {font-size: 26px}
.popCon_2018.new2022 .scenario_contest .area_h380 .txt_confirm .desc1 {font-size: 34px}
/* Step 상태 영역 */
.scenario_contest .statusbar {padding: 50px 0 120px; text-align :center}
.area_status {display: inline-block; position: relative; width:720px; height: 42px; border-radius: 42px; background-color: #F8F8F8;}
.step_arrowbg {position: absolute; width:100%; height: 42px; border-radius: 42px; background-color: #FF243E;}
.area_status.step1 .step_arrowbg {width:48px}
.area_status.step1 .step_arrowbg .step_arrow {right: 12px}
.area_status.step2 .statustxt.step1,
.area_status.step3 .statustxt.step1,
.area_status.step3 .statustxt.step2,
.area_status.step4 .statustxt.step1,
.area_status.step4 .statustxt.step2,
.area_status.step4 .statustxt.step3,
.area_status.step5 .statustxt.step1,
.area_status.step5 .statustxt.step2,
.area_status.step5 .statustxt.step3,
.area_status.step5 .statustxt.step4 {color: #000}
.area_status.step2 .statustxt.step1 .tit,
.area_status.step3 .statustxt.step1 .tit,
.area_status.step3 .statustxt.step2 .tit,
.area_status.step4 .statustxt.step1 .tit,
.area_status.step4 .statustxt.step2 .tit,
.area_status.step4 .statustxt.step3 .tit,
.area_status.step5 .statustxt.step1 .tit,
.area_status.step5 .statustxt.step2 .tit,
.area_status.step5 .statustxt.step3 .tit,
.area_status.step5 .statustxt.step4 .tit {color: #666}
.area_status.step1 .statustxt.step1 .tit,
.area_status.step2 .statustxt.step2 .tit,
.area_status.step3 .statustxt.step3 .tit,
.area_status.step4 .statustxt.step4 .tit,
.area_status.step5 .statustxt.step5 .tit {color: #FF243E}
.area_status.step1 .statustxt.step1 .desc,
.area_status.step2 .statustxt.step2 .desc,
.area_status.step3 .statustxt.step3 .desc,
.area_status.step4 .statustxt.step4 .desc,
.area_status.step5 .statustxt.step5 .desc {color: #000; }
.area_status.step1 .statustxt.step1 .desc,
.area_status.step2 .statustxt.step2 .desc,
.area_status.step3 .statustxt.step3 .desc,
.area_status.step4 .statustxt.step4 .desc,
.area_status.step5 .statustxt.step5 .desc {font-weight: bold;}
.area_status.step2 .step_arrowbg {width:220px}
.area_status.step3 .step_arrowbg {width:395px}
.area_status.step4 .step_arrowbg {width:565px}
.area_status.step5 .step_arrowbg {width:100%}
.step_arrowbg .step_arrow {position: absolute; right:9px; top:9px;}
.step_arrowbg .step_arrow .cir {display:inline-block; width:24px; height:24px; border-radius: 24px; background-color: #fff;}
.arrow {position: relative;padding: 0 6px;}
.arrow:before, .arrow:after {content:"";position: absolute;right: 0;display: block;height: 2px;width: 9px;background: #FF243E;-webkit-border-radius: 2px;border-radius: 2px;}
.arrow.left:before, .arrow.left:after {left: 0;}
.arrow.left:before {top: 1px;}
.arrow.left:after, .arrow.left:before,.arrow.right:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.arrow.left:before, .arrow.right:before, .arrow.left:after {top: 8px;}
.arrow.left:after, .arrow.right:after {bottom: 3px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.step_end {position: absolute; top:9px; right:10px;}
.cirline {display:inline-block; width:18px; height:18px; border: 3px solid #FF243E; border-radius: 24px; background-color: #fff;}
.checkmark {display:inline-block; position: relative; padding: 2px}
.checkmark:after {content:''; display: block; width:4px; height: 9px; border: solid #FF243E; border-width: 0 2px 2px 0;  transform: rotate(45deg)}
.area_status .statustxt {position: absolute; left:0; width:120px; padding: 70px 0 0 20px; color:#999; text-align: left;}
.area_status .statustxt:before {content: ''; display: block; position: absolute; top:17px; width:8px; height:8px; border-radius:8px; background-color:#000; opacity: .5;}
.area_status .statustxt .tit {padding-bottom: 5px; font-family: "Roboto"; font-size: 13px;}
.area_status .statustxt .desc {font-size: 16px;}
.area_status .statustxt.active,
.area_status .statustxt.visited {color: #000}
.area_status .statustxt.active:before,
.statustxt.last:before,
.area_status.step1 .statustxt.step1:before,
.area_status.step2 .statustxt.step2:before,
.area_status.step3 .statustxt.step3:before,
.area_status.step4 .statustxt.step4:before,
.area_status.step5 .statustxt.step5:before,
.area_status.step5 .step_arrowbg .step_arrow {display: none}
.area_status .statustxt.step2 {left: 180px;}
.area_status .statustxt.step3 {left: 348px;}
.area_status .statustxt.step4 {left: 517px;}
.area_status .statustxt.step5 {left: 667px;}