@charset "UTF-8";
/* .s_container{padding-top: 124px;overflow: hidden;} */
.s_container {
    padding-top: 124px;
    overflow: hidden;
}

.sub_visual_bx {
    position: relative;
    height: 460px;
}

.sub_visual_bx .sub_bg {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0;
    display: block;
    width: 1920px;
    height: 460px;
    background-size: 1920px 460px;
    background-attachment: fixed;
    background-position: center 124px;
    background-repeat: no-repeat;
}

.sub_visual_bx .sub_bg1 {
    background-image: url(../imgs/renew/img_seminar_kv01.png);
}

.sub_visual_bx .sub_bg2 {
    background-image: url(../imgs/renew/img_seminar_kv02.png);
}

.sub_visual_bx .sub_bg3 {
    background-image: url(../imgs/renew/img_seminar_kv03.png);
}

.sub_visual_bx .sub_bg4 {
    background-image: url(../imgs/renew/img_seminar_kv04.png);
}

.sub_visual_bx .sub_bg5 {
    background-image: url(../imgs/renew/img_seminar_kv05.png);
}

.sub_visual_bx .sub_bg55 {
    background-image: url(../imgs/renew/img_seminar_kv05_1.png);
}

.sub_visual_bx .sub_bg6 {
    background-image: url(../imgs/renew/img_seminar_kv06.png);
}

.sub_visual_bx .sub_bg7 {
    background-image: url(../imgs/renew/img_seminar_kv077.png);
}

.sub_visual_bx .sub_bg8 {
    background-image: url(../imgs/renew/img_seminar_kv08.png);
}

.sub_visual_bx .sub_bg9 {
    background-image: url(../imgs/renew/img_seminar_kv09.png);
}

.sub_visual_bx .sub_bg10 {
    background-image: url(../imgs/renew/img_seminar_kv10.png);
}

.sub_visual_bx .sub_bg11 {
    background-image: url(../imgs/renew/img_seminar_kv11.png);
}

.sub_visual_bx .sub_bg12 {
    background-image: url(../imgs/renew/img_seminar_kv12.png);
}

.sub_visual_bx .sub_bg13 {
    background-image: url(../imgs/renew/img_seminar_kv13.png);
}

.sub_visual_bx .sub_bg14 {
    background-image: url(../imgs/renew/img_seminar_kv14.png);
}

.sub_visual_bx .sub_bg15 {
    background-image: url(../imgs/renew/img_seminar_kv15.png);
}

.sub_visual_bx .sub_bg16 {
    background-image: url(../imgs/renew/img_seminar_kv16.png);
}

.sub_visual_bx .sub_bg17 {
    background-image: url(../imgs/renew/img_seminar_kv17.png);
}

.sub_visual_bx .sub_bg18 {
    background-image: url(../imgs/renew/img_seminar_kv18.png);
}

.sub_visual_bx .sub_bg19 {
    background-image: url(../imgs/renew/img_seminar_kv19.png);
}

.sub_visual_bx .sub_bg20 {
    background-image: url(../imgs/renew/img_wehagot_top.webp);
}

.sub_visual_bx .vis_con_bx {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 460px;
    padding-top: 123px;
    box-sizing: border-box;;
}

.sub_visual_bx .vis_con_bx.vis_con_bx01 {
    padding-top: 86px;
}

.sub_visual_bx .vis_con_bx sup {
    vertical-align: super;
    font-size: smaller;
    font-size: 10px;
}

.vis_con_bx .visual_txt {
}

.vis_con_bx .visual_txt .kind_list {
    margin-bottom: 14px;
}

.vis_con_bx .visual_txt .kind_list {
}

.vis_con_bx .visual_txt .kind_list em {
    display: inline-block;
}

.vis_con_bx .visual_txt .kind_list .ic_img::before {
    margin: 0 14px 0 13px;
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #fff;
    opacity: 0.2;
}

.vis_con_bx .visual_txt .kind_list .ic_img:first-child::before {
    display: none;
}

.vis_con_bx .visual_txt .kind_list span {
    display: inline-block;
    margin-right: 6px;
    height: 30px;
    padding: 8px 12px 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border-radius: 30px;
    box-sizing: border-box;
}

.vis_con_bx .visual_txt .txt1 {
    font-size: 42px;
    line-height: 52px;
    font-weight: bold;
    color: #fff;
}

.vis_con_bx .visual_txt .txt1 .normal {
    font-weight: normal;
}

.vis_con_bx .visual_txt .txt2 {
    margin-top: 12px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

/*2023 디지털 트랜스포메이션 대응 추가*/
.vis_con_bx .info_txt02 {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 80px;
    width: 360px;
    min-height: 400px;
    border-radius: 12px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    box-sizing: border-box;
}

.vis_con_bx .info_txt02 .top_box {
    height: 192px;
    background-color: #f5f5f5;
    border-radius: 12px 12px 0 0;
}

.vis_con_bx .info_txt02 .top_box > .top_text {
    padding: 30px 0 20px 0;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.vis_con_bx .info_txt02 .top_box > .top_qr {
    display: block;
    text-align: center;
}

.vis_con_bx .info_txt02 .center_box {
    text-align: center;
    padding: 30px 30px 0px 30px;
}

.vis_con_bx .info_txt02 .center_box .info_item {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.vis_con_bx .info_txt02 .center_box .info_item .tit.icon_4 {
    float: left;
    padding-left: 25px;
    width: 45px;
    font-size: 18px;
    line-height: 50px;
    color: #7f7f7f;
    background: url(../imgs/renew/ic_question_line.png) no-repeat left center;
}

.vis_con_bx .info_txt02 .center_box .info_item .con {
    float: left;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    font-weight: 500;
}

.vis_con_bx .info_txt02 .bottom_box {
    padding: 0 30px 30px 30px;
}

.vis_con_bx .info_txt02 .bottom_box .btn {
    margin-top: 0px;
    padding: 20px 0;
}

.vis_con_bx .info_txt02 .bottom_box .btn a {
    display: block;
    height: 64px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    background-color: #265cf0;
    text-align: center;
}

.vis_con_bx .info_txt02 .bottom_box .btn a:hover {
    background: #3e6ff7;
}

/*2023 디지털 트랜스포메이션 대응 추가*/

.vis_con_bx .info_txt {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 80px;
    width: 360px;
    min-height: 400px;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    box-sizing: border-box;
}

.vis_con_bx .info_txt .info_list > li {
    padding: 3px 0;
    height: 50px;
    min-height: 50px;
    box-sizing: border-box;
}

.vis_con_bx .info_txt .info_list > li .tit {
    float: left;
    padding-left: 25px;
    width: 65px;
    font-size: 18px;
    line-height: 50px;
    color: #7f7f7f;
}

.vis_con_bx .info_txt .info_list > li .tit.icon_1 {
    background: url(../imgs/renew/ic_location_line.png) no-repeat left center;
}

.vis_con_bx .info_txt .info_list > li .tit.icon_2 {
    background: url(../imgs/renew/ic_document_line.png) no-repeat left center;
}

.vis_con_bx .info_txt .info_list > li .tit.icon_3 {
    background: url(../imgs/renew/ic_money_line.png) no-repeat left center;
}

.vis_con_bx .info_txt .info_list > li .tit.icon_4 {
    background: url(../imgs/renew/ic_question_line.png) no-repeat left center;
}

.vis_con_bx .info_txt .info_list > li .tit.icon_5 {
    background: url(../imgs/renew/ic_date_line.png) no-repeat left center;
    line-height: 23px;
}

.vis_con_bx .info_txt .info_list > li .con {
    float: right;
    width: 190px;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    font-weight: 500;
}

.vis_con_bx .info_txt .info_list > li .con .two_txt {
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.vis_con_bx .info_txt .info_list > li .con .two_txt .ex_txt {
    font-size: 16px;
    line-height: 22px;
    color: #7f7f7f;
    font-weight: normal;
}

.vis_con_bx .info_txt .info_list > li:last-child {
    margin-top: 14px;
}

.vis_con_bx .choice {
    border-top: 1px solid #eee;
}

.vis_con_bx .btn {
    margin-top: 8px;
    padding: 20px 0;
}

.vis_con_bx .btn a {
    display: block;
    height: 64px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    background-color: #265cf0;
    text-align: center;
}

.vis_con_bx .btn a:hover {
    background: #3e6ff7;
}

.vis_con_bx .banner {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 320px;
    height: 107px;
    font-size: 0;
    line-height: 0;
}

.semi_schedule .sm_btn_bx {
    padding-top: 80px;
    clear: both;
    width: 100%;
    text-align: center;
}

.semi_schedule .sm_btn_bx a {
    display: inline-block;
    width: 320px;
    height: 64px;
    padding: 0 75px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    background-color: #265cf0;
    text-align: center;
    box-sizing: border-box;
}

.semi_schedule .sm_btn_bx a:hover {
    background: #3e6ff7;
}

.semi_schedule .sm_btn_bx a.btn_white {
    border: 1px solid #265cf0;
    background-color: #fff;
    color: #265cf0;
}

.semi_schedule .sm_btn_bx a.btn_white:hover {
    background-color: #f5f8ff;
}

.sm_btn_blue {
    padding-top: 80px;
    clear: both;
    width: 100%;
    text-align: center;
}

.sm_btn_blue a {
    display: inline-block;
    width: 320px;
    height: 64px;
    padding: 0 75px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    background-color: #265cf0;
    text-align: center;
    box-sizing: border-box;
}

.sm_btn_blue a:hover {
    background: #3e6ff7;
}

.sm_btn_blue a.btn_white {
    border: 1px solid #265cf0;
    background-color: #fff;
    color: #265cf0;
}

.sm_btn_blue a.btn_white:hover {
    background-color: #f5f8ff;
}

.semi_txt_bx {
    width: 1200px;
    opacity: 0;
    margin: 0 auto;
    background: #fff;
    padding: 110px 0 160px;
}

.semi_txt_bx.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx04 {
    width: 1200px;
    opacity: 0;
    margin: 0 auto;
    background: #fff;
}

.semi_txt_bx04.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx03 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}

.semi_txt_bx03.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx02 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fcfcfc;
}

.semi_txt_bx02.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx01 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #f2f8ff;
}

.semi_txt_bx01.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx01_2 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}

.semi_txt_bx01_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx01_1 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fcfcfc;
}

.semi_txt_bx01_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx01_1_1 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fcfcfc;
}

.semi_txt_bx01_1_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx01_1_2 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fcfcfc;
}

.semi_txt_bx01_1_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx055_1 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fcfcfc;
}

.semi_txt_bx055_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx07_1 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fcfcfc url(../imgs/renew/img_seminar07_1_bg_purpose.png) no-repeat center bottom;
}

.semi_txt_bx07_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx07_2 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}

.semi_txt_bx07_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx07_3 {
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    background: #f2f8ff;
}

.semi_txt_bx07_3.active {
    animation: parallax 1s ease forwards 1;
}


.mt80 {
    margin-top: 80px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.smt_bx {
    margin-top: 60px;
    text-align: left;
}

.smt_bx .tit {
    padding-left: 20px;
    background: url(../imgs/renew/ic_bullet_circle.png) no-repeat left 9px;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
}

.smt_bx .list_txt {
    margin-top: 20px;
}

.smt_bx .list_txt li {
    position: relative;
    padding-left: 17px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.smt_bx .list_txt li::before {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    top: 14px;
    width: 3px;
    height: 3px;
    background: #000;
}

.smt_bx .list_txt li.none {
    padding-left: 0;
}

.smt_bx .list_txt li.none::before {
    display: none;
}

.smt_bx .list_txt li.none2 {
}

.smt_bx .list_txt li.none2::before {
    display: none;
}

.smt_bx .list_txt li .blue {
    color: #265cf0;
}

.smt_bx .list_txt li .bold {
    font-weight: bold;
}

.smt_bx .ex {
    margin-top: 24px;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #7b7b7b;
}

.smt_bx .arrow {
    margin: 40px 0;
    height: 40px;
    background: url(../imgs/renew/cut4_arr.png) no-repeat center center;
}

.section .s_txt1 {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 3px solid #265cf0;
    font-size: 20px;
    line-height: 24px;
    color: #265cf0;
    font-weight: bold;
}

.section .s_txt1_up {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    font-size: 42px;
    line-height: 48px;
    color: #000;
    font-weight: bold;
}

.section .s_txt1_up::before {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -29px;
    background-color: #265cf0;
}

.section .s_txt2 {
    margin-top: 22px;
    font-size: 42px;
    line-height: 60px;
    color: #000;
    font-weight: bold;
}

.section .s_txt3 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
    color: #7f7f7f;
}

.section .s_txt3 sup {
    vertical-align: super;
    font-size: smaller;
    font-size: 10px;
}

.section .s_txt3 .fc_black {
    color: #000;
}

.section .s_txt3 .ex {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #7f7f7f;
}

.section .s_txt3 .ex2 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #999;
}

.section .s_txt4 {
    font-size: 20px;
    line-height: 30px;
    color: #000;
}

.section .s_txt4.ic::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 15px;
    margin: 0px 5px 0 0;
    background: url(../imgs/renew/ic_bullet_circle_txt4.png) no-repeat center center;
}

.semi_purpose {
    min-width: 1200px;
    opacity: 0;
    position: relative;
    background-color: #fcfcfc;
}

.semi_purpose.active {
    animation: parallax 1s ease forwards 1;
}

.semi_purpose.bg_none::before {
    display: none;
}

.semi_purpose.bg_none::after {
    display: none;
}

.semi_purpose.bg04 {
    height: 1128px;
    background: #fcfcfc url(../imgs/renew/img_seminar04_bg_intro.png) no-repeat center bottom;
}

.semi_purpose.bg06 {
    background: #fcfcfc url(../imgs/renew/img_seminar06_bg_intro.png) no-repeat center bottom;
}

.semi_purpose.bg05 {
    background: url(../imgs/renew/img_seminar05_bg_purpose.png) no-repeat center bottom;
}

.semi_purpose.bg04_2 {
    background: #fcfcfc url(../imgs/renew/img_seminar05_bg_purpose.png) no-repeat center bottom;
}

.semi_purpose.bg03_1 {
    height: 1171px;
    background: #fcfcfc url(../imgs/renew/img_seminar03_bg_intro.png) no-repeat center bottom;
}

.semi_purpose.bg03_2 {
    background: #fff;
}

.semi_purpose.bg03_3 {
    background: #fcfcfc;
}

.semi_purpose.bg02 {
    background: #fff url(../imgs/renew/img_seminar02_bg_purpose.png) no-repeat center bottom;
}

.semi_purpose.bg055 {
    background: #fff url(../imgs/renew/img_seminar055_bg_purpose.png) no-repeat center bottom;
}

.section .purpose_txt {
    position: relative;
    z-index: 2;
    width: 1200px;
    padding: 110px 0;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.section .purpose_txt.purpose_txt05 {
    padding: 110px 0 0;
}

.section .purpose_txt.purpose_txt055 {
    padding: 110px 0 0;
}

.section .purpose_txt.purpose_txt04 {
    padding: 110px 0 160px;
}

.section .purpose_txt.purpose_txt02 {
    padding: 110px 0 160px;
}

.section .purpose_txt.purpose_txt02_2 {
    padding: 110px 0 0;
}

.section .purpose_txt.purpose_txt03 {
    padding: 110px 0 160px;
}

.section .purpose_txt.purpose_txt03_2 {
    padding: 110px 0 160px;
}

.section .purpose_txt.purpose_txt03_3 {
    padding: 110px 0 160px;
}

.section .purpose_txt.purpose_txt03 .smt_con {
    text-align: left;
}

.section .purpose_txt.purpose_txt04 {
    padding: 80px 0 80px;
}

.section .purpose_txt.purpose_txt05 {
    padding: 80px 0 110px;
}

.semi_purpose .img_bx {
    margin-top: 40px;
    text-align: center;
}

.semi_purpose.bg04 .purpose_txt {
    padding: 110px 0 60px;
}

.semi_purpose.bg04_2 .purpose_txt {
    padding: 110px 0 0px;
}

.semi_purpose.bg04_2 .img_bx {
    margin-top: 0;
    text-align: center;
}

.semi_purpose.bg03 .purpose_txt {
    padding: 110px 0 0px;
}

.semi_purpose.bg03 .img_bx {
    margin-top: 0;
    text-align: center;
}

.semi_purpose.bg05 .img_bx {
    margin-top: 30px;
    text-align: center;
}

.semi_purpose.bg05 .img_bx {
    margin-top: 30px;
    text-align: center;
}

.semi_purpose .intro_bx05 {
    padding: 130px 560px 0 0;
    min-height: 410px;
    font-size: 20px;
    line-height: 30px;
    color: #7b7b7b;
    box-sizing: border-box;
    background: url(../imgs/renew/img_illust_wehago.png) no-repeat right top;
    text-align: left;
}

.semi_purpose .intro_bx05 .bold {
    font-size: 25px;
    color: #4a4a4a;
}

.sm_white_list {
    overflow: hidden;
    width: 860px;
    margin: 60px auto 0;
}

.sm_white_list li {
    float: left;
    width: 260px;
    min-height: 148px;
    margin-left: 30px;
    padding: 32px 0;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #2f76ef;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.sm_white_list li:first-child {
    margin-left: 0;
}

.sm_white_list li .blue {
    color: #265cf0;
    font-size: 20px;
}

.sm_white_list17 {
    overflow: hidden;
    width: 1038px;
    margin: 60px auto 0;
}

.sm_white_list17 li {
    float: left;
    width: 326px;
    height: 175px;
    margin-left: 20px;
    padding: 45px 0;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #2f76ef;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.sm_white_list17 li:first-child {
    margin-left: 0;
}

.sm_white_list17 li .blue {
    color: #265cf0;
}

.sm_white_list2 {
    overflow: hidden;
    width: 1200px;
    margin: 30px auto 0;
}

.sm_white_list2 li {
    float: left;
    width: 226px;
    min-height: 100px;
    margin-left: 17px;
    padding: 24px 0;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #2f76ef;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.sm_white_list2 li:first-child {
    margin-left: 0;
}

.sm_white_list2 li .gray {
    color: #7b7b7b;
    font-weight: normal;
}

.sm_white_list3 {
    height: 250px;
    width: 1200px;
    margin: 30px auto 0;
    text-align: center;
}

.sm_white_list3 li {
    position: relative;
    float: left;
    width: 255px;
    min-height: 250px;
    margin-left: 60px;
    padding: 49px 0 0;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 6px 30px 0 rgba(17, 58, 170, 0.12);
}

.sm_white_list3 li::before {
    position: absolute;
    left: -55px;
    top: 100px;
    width: 48px;
    height: 48px;
    content: '';
    display: block;
    background: url(../imgs/renew/ic_arr_step.png) no-repeat center center;
}

.sm_white_list3 li:first-child {
    margin-left: 0;
}

.sm_white_list3 li:first-child::before {
    display: none;
}

.sm_white_list3 li .bold {
    font-weight: bold;
}

.sm_white_list3 li .txt1 {
    position: relative;
    padding-bottom: 14px;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #265cf0;
}

.sm_white_list3 li .txt1::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #265cf0;
}

.sm_white_list3 li .txt2 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
}

.sm_white_list3 li .dong {
    position: absolute;
    right: -15px;
    top: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #265cf0;
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.sm_white_list10 {
    height: 240px;
    width: 1200px;
    margin: 0 auto 0;
    text-align: center;
}

.sm_white_list10 li {
    position: relative;
    float: left;
    width: 380px;
    min-height: 240px;
    margin-left: 30px;
    padding: 30px 0 0;
    border: 1px solid #2f76ef;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.sm_white_list10 li:first-child {
    margin-left: 0;
}

.sm_white_list10 li:first-child::before {
    display: none;
}

.sm_white_list10 li .bold {
    font-weight: bold;
}

.sm_white_list10 li .txt1 {
    position: relative;
    padding-bottom: 14px;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #265cf0;
}

.sm_white_list10 li .txt1::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #265cf0;
}

.sm_white_list10 li .txt2 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
}

.sm_white_list10 li .dong {
    position: absolute;
    right: -15px;
    top: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #265cf0;
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}


.sm_white_list11 {
    height: 175px;
    width: 1200px;
    margin: 0 auto 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.sm_white_list11 li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 328px;
    min-height: 175px;
    margin-left: 18px;
    padding: 0 0 0;
    border: 1px solid #2f76ef;
    background: #fff;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.sm_white_list11 li:first-child {
    margin-left: 0;
}

.sm_white_list11 li:first-child::before {
    display: none;
}

.sm_white_list11 li .bold {
    font-weight: bold;
}

.sm_white_list11 li .txt1 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
}

.sm_white_list11 li .txt1 .fc_blue {
    color: #2863f0;
}

.sm_white_list11 li .dong {
    position: absolute;
    right: -15px;
    top: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #265cf0;
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.sm_white_list12 {
    width: 1054px;
    margin: 0 auto 0;
    text-align: center;
}

.sm_white_list12 li {
    position: relative;
    min-height: 184px;
    padding: 30px 0 30px;
    border: 1px solid #2f76ef;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.sm_white_list12 li:first-child {
    margin-left: 0;
}

.sm_white_list12 li:first-child::before {
    display: none;
}

.sm_white_list12 li .bold {
    font-weight: bold;
}

.sm_white_list12 li .txt1 {
    position: relative;
    padding-bottom: 14px;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #265cf0;
}

.sm_white_list12 li .txt1::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #265cf0;
}

.sm_white_list12 li .txt2 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
}

.sm_white_list12 li .dong {
    position: absolute;
    right: -15px;
    top: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #265cf0;
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}


.subm_tab {
    position: relative;
    width: 1200px;
    height: 66px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.subm_tab .subm_tab_list {
    overflow: hidden;
}

.subm_tab .subm_tab_list li {
    float: left;
    width: 50%;
}

.subm_tab .subm_tab_list li a {
    display: block;
    font-size: 20px;
    line-height: 66px;
    color: #000;
    box-sizing: border-box;
    background: #f7f7f7;
    text-align: center;
}

.subm_tab .subm_tab_list li.on a {
    color: #fff;
    background: #4070f2;
    font-weight: bold;
}

.sm_bx_list {
    overflow: hidden;
    margin-top: 30px;
}

.sm_bx_list.sm_bx_list03_1 li {
    min-height: 206px;
}

.sm_bx_list > li {
    float: left;
    width: 285px;
    min-height: 236px;
    background: #f7f7f7;
    padding: 24px 15px 24px 28px;
    margin-left: 20px;
    box-sizing: border-box;
}

.sm_bx_list > li:first-child {
    margin-left: 0;
}

.sm_bx_list > li .tt_bx {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.sm_bx_list > li .tt_bx .num {
    color: #265cf0;
    margin-right: 5px;
}

.sm_bx_list > li .tt_bx .txt {
}

.sm_bx_list > li .ex_txt {
    padding-top: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #4a4a4a;
}

.sm_bx_list > li .ex_txt .tt_txt {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.sm_bx_list > li .ex_txt .j_list {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}


.sm_bx_list09 {
    overflow: hidden;
    margin-top: 30px;
    text-align: left;
}

.sm_bx_list09 li {
    min-height: 206px;
}

.sm_bx_list09 > li {
    float: left;
    width: 285px;
    min-height: 206px;
    background: #fff;
    padding: 18px 28px 10px 28px;
    margin-left: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #265cf0;
}

.sm_bx_list09 > li:first-child {
    margin-left: 0;
}

.sm_bx_list09 > li .tt_bx {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #dbdbdb;
}

.sm_bx_list09 > li .tt_bx .num {
    color: #265cf0;
    margin-right: 5px;
}

.sm_bx_list09 > li .tt_bx .txt {
}

.sm_bx_list09 > li .ex_txt {
    margin-top: 18px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.sm_bx_list09 > li .jum_lst {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.sm_bx_list03 {
    overflow: hidden;
}

.sm_bx_list03.sm_bx_list03_2 {
    margin-top: 30px;
}

.sm_bx_list03.sm_bx_list03_2 li {
    min-height: 320px;
}

.sm_bx_list03.sm_bx_list03_2 li .ex_txt {
    color: #000;
}

.sm_bx_list03 > li {
    float: left;
    width: 285px;
    min-height: 206px;
    padding: 18px 12px 0 28px;
    margin-left: 20px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #265cf0;
    background: #fff;
}

.sm_bx_list03 > li:first-child {
    margin-left: 0;
}

.sm_bx_list03 > li .tt_bx {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #dbdbdb;
}

.sm_bx_list03 > li .tt_bx .num {
    color: #265cf0;
    margin-right: 5px;
}

.sm_bx_list03 > li .tt_bx .txt {
}

.sm_bx_list03 > li .tt_bx .ex {
    margin-top: 8px;
    display: block;
    height: 42px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #666;
    text-align: left;
}

.sm_bx_list03 > li .ex_txt {
    padding-top: 18px;
    font-size: 16px;
    line-height: 28px;
    color: #4a4a4a;
}

.sm_bx_list03 > li .ex_txt .tt_txt {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.sm_bx_list03 > li .ex_txt .j_list {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.sm_bx_list12 {
    overflow: hidden;
    width: 1230px;
    margin-left: -15px;
}

.sm_bx_list12 > li {
    float: left;
    width: 380px;
    min-height: 237px;
    padding: 20px 40px 0 40px;
    margin: 30px 15px 0 15px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #265cf0;
    background: #fff;
}

.sm_bx_list12 > li .tt_bx {
    padding-bottom: 12px;
    border-bottom: 1px solid #dfe5f4;
}

.sm_bx_list12 > li .tt_bx .ic {
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    margin-right: 20px;
}

.sm_bx_list12 > li .tt_bx .ic.ic01 {
    background: url(../imgs/renew/ic_seminar12_01.png) no-repeat 0 0;
}

.sm_bx_list12 > li .tt_bx .ic.ic02 {
    background: url(../imgs/renew/ic_seminar12_02.png) no-repeat 0 0;
}

.sm_bx_list12 > li .tt_bx .ic.ic03 {
    background: url(../imgs/renew/ic_seminar12_03.png) no-repeat 0 0;
}

.sm_bx_list12 > li .tt_bx .ic.ic04 {
    background: url(../imgs/renew/ic_seminar12_04.png) no-repeat 0 0;
}

.sm_bx_list12 > li .tt_bx .ic.ic05 {
    background: url(../imgs/renew/ic_seminar12_05.png) no-repeat 0 0;
}

.sm_bx_list12 > li .tt_bx .ic.ic06 {
    background: url(../imgs/renew/ic_seminar12_06.png) no-repeat 0 0;
}

.sm_bx_list12 > li .tt_bx .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 34px;
    color: #000;
    font-weight: bold;
}

.sm_bx_list12 > li .tt_bx .ex {
    margin-top: 8px;
    display: block;
    height: 42px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #666;
    text-align: left;
}

.sm_bx_list12 > li .ex_txt {
    padding-top: 18px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    letter-spacing: -0.05em;
}

.sm_bx_list12 > li .ex_txt span {
    letter-spacing: -0.05em;
}

/* wehago t  sub_seq=42 // 20250327 daeun911 */
.sm_bx_list42 {
    overflow: hidden;
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 40px;
    padding: 20px 0 20px;
}

.sm_bx_list42 > li {
    width: 324px;
    height: 256px;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #fafaff;
    background: #fafaff;
    box-shadow: 0 3px 20px 0 rgba(142, 155, 186, 0.29);
}

.sm_bx_list42 > li .tt_bx {
    padding-bottom: 12px;
    text-align: center;
}

.sm_bx_list42 > li .tt_bx .ic {
    display: inline-block;
    width: 104px;
    height: 104px;
}

.sm_bx_list42 > li .tt_bx .ic.ic01 {
    background: url(../imgs/renew/ic_seminar42_01.png) no-repeat 0 0;
}

.sm_bx_list42 > li .tt_bx .ic.ic02 {
    background: url(../imgs/renew/ic_seminar42_02.png) no-repeat 0 0;
}

.sm_bx_list42 > li .tt_bx .ic.ic03 {
    background: url(../imgs/renew/ic_seminar42_03.png) no-repeat 0 0;
}

.sm_bx_list42 > li .tt_bx .ic.ic04 {
    background: url(../imgs/renew/ic_seminar42_04.png) no-repeat 0 0;
}

.sm_bx_list42 > li .tt_bx .ic.ic05 {
    background: url(../imgs/renew/ic_seminar42_05.png) no-repeat 0 0;
}

.sm_bx_list42 > li .tt_bx .ic.ic06 {
    background: url(../imgs/renew/ic_seminar42_06.png) no-repeat 0 0;
}

.sm_bx_list42 > li .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.4;
    color: #13007b;
    height: 80px;
}

.sm_bx_list42 > li .txt span {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}

.sm_bx_list42 > li .txt p {
    font-size: 15px;
    line-height: 25px;
}

.sm_bx_list42 > li .tt_bx .ex {
    margin-top: 8px;
    display: block;
    height: 42px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #666;
    text-align: left;
}

.sm_bx_list42 > li .ex_txt {
    padding-top: 18px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    letter-spacing: -0.05em;
}

.sm_bx_list42 > li .ex_txt span {
    letter-spacing: -0.05em;
}

.ai_bx_list42 {
    overflow: hidden;
    width: 1200px;
    position: relative;
    height: 550px;
    margin-top: 70px;
}

.ai_bx_list42 .ai_bx {
    position: absolute;
    width: 360px;
    height: 523px;
    box-sizing: border-box;
    border-radius: 24.3px;
    transition: transform 0.5s, opacity 0.5s, z-index 0.5s, filter 0.5s;
    left: calc(50% - 180px);
    top: 0;
    /*opacity: 0;*/
}


.ai_bx_list42 .ai_bx.ai_bx01 { background: url(../imgs/renew/260513_card1.png) no-repeat 0 0 / cover; }
.ai_bx_list42 .ai_bx.ai_bx02 { background: url(../imgs/renew/260513_card2.png) no-repeat 0 0 / cover; }
.ai_bx_list42 .ai_bx.ai_bx03 { background: url(../imgs/renew/260513_card3.png) no-repeat 0 0 / cover; }


.sm_bx_list16 {
    height: 576px;
    width: 1230px;
    margin-left: -15px;
}

.sm_bx_list16 > li {
    float: left;
    width: 380px;
    min-height: 237px;
    padding: 20px 40px 0 40px;
    margin: 30px 15px 0 15px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.04);
}

.sm_bx_list16 > li .tt_bx {
    padding-bottom: 12px;
    border-bottom: 1px solid #dfe5f4;
}

.sm_bx_list16 > li .tt_bx .ic {
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    margin-right: 20px;
}

.sm_bx_list16 > li .tt_bx .ic.ic01 {
    background: url(../imgs/renew/img_seminar16_2_1.png) no-repeat 0 0;
}

.sm_bx_list16 > li .tt_bx .ic.ic02 {
    background: url(../imgs/renew/img_seminar16_2_2.png) no-repeat 0 0;
}

.sm_bx_list16 > li .tt_bx .ic.ic03 {
    background: url(../imgs/renew/img_seminar16_2_3.png) no-repeat 0 0;
}

.sm_bx_list16 > li .tt_bx .ic.ic04 {
    background: url(../imgs/renew/img_seminar16_2_4.png) no-repeat 0 0;
}

.sm_bx_list16 > li .tt_bx .ic.ic05 {
    background: url(../imgs/renew/img_seminar16_2_5.png) no-repeat 0 0;
}

.sm_bx_list16 > li .tt_bx .ic.ic06 {
    background: url(../imgs/renew/img_seminar16_2_6.png) no-repeat 0 0;
}

.sm_bx_list16 > li .tt_bx .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 34px;
    color: #000;
    font-weight: bold;
}

.sm_bx_list16 > li .tt_bx .ex {
    margin-top: 8px;
    display: block;
    height: 42px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #666;
    text-align: left;
}

.sm_bx_list16 > li .ex_txt {
    padding-top: 18px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    letter-spacing: -0.05em;
}

.sm_bx_list16 > li .ex_txt span {
    letter-spacing: -0.05em;
}

.sm_bx_list17 {
    height: 576px;
    width: 1230px;
    margin-left: -15px;
}

.sm_bx_list17 > li {
    float: left;
    width: 380px;
    min-height: 441px;
    padding: 20px 40px 0 40px;
    margin: 30px 15px 0 15px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.04);
}

.sm_bx_list17 > li .tt_bx {
    padding-bottom: 12px;
    border-bottom: 1px solid #dfe5f4;
}

.sm_bx_list17 > li .tt_bx .ic {
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    margin-right: 20px;
}

.sm_bx_list17 > li .tt_bx .ic.ic01 {
    background: url(../imgs/renew/img_17_1_1.png) no-repeat 0 0;
}

.sm_bx_list17 > li .tt_bx .ic.ic02 {
    background: url(../imgs/renew/img_17_1_2.png) no-repeat 0 0;
}

.sm_bx_list17 > li .tt_bx .ic.ic03 {
    background: url(../imgs/renew/img_17_1_3.png) no-repeat 0 0;
}

.sm_bx_list17 > li .tt_blue {
    font-size: 18px;
    color: #4070f2;
    margin-top: 30px;
    font-weight: 500;
}

.sm_bx_list17 > li .tt_bx .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
}

.sm_bx_list17 > li .tt_bx .ex {
    margin-top: 8px;
    display: block;
    height: 42px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #666;
    text-align: left;
}

.sm_bx_list17 > li .ex_txt {
    padding-top: 18px;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    letter-spacing: -0.05em;
}

.sm_bx_list17 > li .ex_txt span {
    letter-spacing: -0.05em;
}

.semi_target {
    opacity: 0;
    height: 843px;
    background-color: #f2f8ff;
}

.semi_target.active {
    animation: parallax 1s ease forwards 1;
}

.semi_target .target_cc {
    position: relative;
    z-index: 2;
    width: 1200px;
    height: 843px;
    padding-top: 110px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.semi_target .target_cc ul {
    height: 380px;
    margin-top: 80px;
}

.semi_target .target_cc ul li {
    float: left;
    margin-left: 45px;
    text-align: center;
    width: 370px;
    height: 380px;
    border-radius: 12px;
    box-shadow: 0 6px 30px 0 rgba(17, 58, 170, 0.12);
    background-color: #ffffff;
}

.semi_target .target_cc ul li:first-child {
    margin-left: 0;
}

.semi_target .target_cc ul li .txt_box {
    padding-top: 45px;
}

.semi_target .target_cc ul li .txt_box.txt_box1 {
    background: url(../imgs/renew/img_dtec_covid19_01.png) no-repeat center top;
}

.semi_target .target_cc ul li .txt_box.txt_box2 {
    background: url(../imgs/renew/img_dtec_covid19_02.png) no-repeat center top;
}

.semi_target .target_cc ul li .txt_box.txt_box3 {
    background: url(../imgs/renew/img_dtec_covid19_03.png) no-repeat center top;
}

.semi_target .target_cc ul li .txt_box .tt {
    font-size: 26px;
    line-height: 30px;
    color: #265cf0;
    font-weight: bold;
}

.semi_target .target_cc ul li .txt_box .ex {
    margin-top: 6px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}


.nemo_cc3 {
    position: relative;
    width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.nemo_cc3 ul {
    height: 430px;
    margin-top: 80px;
}

.nemo_cc3 ul li {
    float: left;
    margin-left: 45px;
    text-align: center;
    width: 370px;
    height: 430px;
    border-radius: 12px;
    box-shadow: 0 6px 30px 0 rgba(17, 58, 170, 0.12);
    background-color: #ffffff;
}

.nemo_cc3 ul li:first-child {
    margin-left: 0;
}

.nemo_cc3 ul li .txt_box {
    padding: 38px 40px 0 40px;
}

.nemo_cc3 ul li .dl_txt1 dt {
    margin-top: 5px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
}

.nemo_cc3 ul li .dl_txt1 dd {
    margin-top: 6px;
    font-size: 16px;
    line-height: 20px;
    color: #8b8b8f;
}

.nemo_cc3 ul li .dl_txt2 {
    padding-top: 28px;
    margin-top: 26px;
    border-top: 1px solid #e5e5e5;
}

.nemo_cc3 ul li .dl_txt2 dt {
    font-size: 20px;
    line-height: 28px;
    color: #4070f2;
    font-weight: bold;
}

.nemo_cc3 ul li .dl_txt2 dd {
    margin-top: 11px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}


.semi_schedule {
    opacity: 0;
    background-color: #fff;
}

.semi_schedule.active {
    animation: parallax 1s ease forwards 1;
}

.semi_schedule .schedule_cc {
    position: relative;
    width: 1200px;
    padding: 110px 0 160px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto;
}

.semi_schedule .schedule_cc .tt_bx {
    float: left;
    width: 260px;
}

.semi_schedule .schedule_cc .table_schedule {
    float: right;
    width: 845px;
}

.icon_list_bx {
    padding: 0 40px;
}

.icon_list {
    overflow: hidden;
}

.icon_list li {
    float: left;
    width: 33.33%;
    margin: 20px 0;
}

.icon_list li .ic {
    margin-right: 10px;
}

.table_schedule.shadow {
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}

.table_schedule table {
    width: 100%;
    text-align: center;
}

.table_schedule table thead th {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: normal;
    padding: 25px 0;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #000;
    background-color: #fbfbfb;
    border-bottom: none;
}

.table_schedule table thead th:first-child {
    border-left: 0;
}

.table_schedule table thead th:last-child {
    border-right: 0;
}

.table_schedule table tbody th {
    background: #fbfbfb;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    vertical-align: middle;
}

.table_schedule table tbody td {
    background: #fff;
    padding: 34px 25px 27px;
    color: #000;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
}

.table_schedule table tbody td:first-child {
    border-left: 0;
    font-weight: bold;
}

.table_schedule table tbody td:last-child {
    border-right: 0;
}

.table_schedule table tbody td a {
    display: block;
    width: 950px;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_schedule table tbody tr.tbody_line th {
    border-top: 1px solid #000;
}

.table_schedule table tbody tr.tbody_line td {
    border-top: 1px solid #000;
}

.table_schedule3 {
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}

.table_schedule3 table {
    width: 100%;
    text-align: center;
}

.table_schedule3 table thead th {
    color: #4a4a4a;
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: normal;
    padding: 25px 0;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #000;
    background-color: #fbfbfb;
    border-bottom: none;
}

.table_schedule3 table thead th:first-child {
    border-left: 0;
}

.table_schedule3 table thead th:last-child {
    border-right: 0;
}

.table_schedule3 table tbody th {
    background: #fbfbfb;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    vertical-align: middle;
}

.table_schedule3 table tbody td {
    background: #fff;
    padding: 34px 25px 27px;
    color: #000;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    height: 50px;
}

.table_schedule3 table tbody td:first-child {
    border-left: 0;
    font-weight: bold;
}

.table_schedule3 table tbody td:last-child {
    border-right: 0;
}

.table_schedule3 table tbody td a {
    display: block;
    width: 950px;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_schedule3 table tbody tr.tbody_line th {
    border-top: 1px solid #000;
}

.table_schedule3 table tbody tr.tbody_line td {
    border-top: 1px solid #000;
}

.table_schedule3 table tbody th.bg_white {
    background: #fff;
}

.table_schedule2 {
    border-radius: 8px;
    border: 1px solid #b5c8ff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.table_schedule2 table {
    width: 100%;
    text-align: center;
}

.table_schedule2 table thead th {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: normal;
    padding: 25px 0;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #000;
    background-color: #fbfbfb;
    border-bottom: none;
}

.table_schedule2 table thead th:first-child {
    border-left: 0;
}

.table_schedule2 table thead th:last-child {
    border-right: 0;
}

.table_schedule2 table tbody th {
    background: #f2f6fd;
    color: #000;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    vertical-align: middle;
}

.table_schedule2 table tbody tr:first-child th {
    border-top: none;
}

.table_schedule2 table tbody tr:first-child td {
    border-top: none;
}

.table_schedule2 table tbody tr:last-child th {
    border-bottom: none;
}

.table_schedule2 table tbody tr:last-child td {
    border-bottom: none;
}

.table_schedule2 table tbody td {
    background: #fff;
    padding: 50px 25px;
    color: #000;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
}

.table_schedule2 table tbody td:first-child {
    border-left: 0;
    font-weight: bold;
}

.table_schedule2 table tbody td:last-child {
    border-right: 0;
}

.table_schedule2 table tbody td a {
    display: block;
    width: 950px;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_schedule2 table tbody tr.tbody_line th {
    border-top: 1px solid #000;
}

.table_schedule2 table tbody tr.tbody_line td {
    border-top: 1px solid #000;
}

.table_ex {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #7b7b7b;
}

.th_ex {
    margin-top: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
}

.jum_list > li {
    position: relative;
    margin-top: 15px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.jum_list.jum_list2 > li {
    margin-top: 5px;
}

.jum_list > li:first-child {
    margin-top: 0;
}

.jum_list > li::before {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
}

.jum_list > li > ul > li {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: normal;
}

.jum_list > li.none {
    padding: 0;
}

.jum_list > li .bold {
    font-weight: bold;
}

.jum_list > li .sbold {
    font-weight: 500;
}

.jum_list > li .blue {
    color: #265cf0;
}

.jum_list > li.none::before {
    display: none;
}

.jum_list > li .ex_txt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    font-weight: 400;
}

.jum_list4 > li {
    position: relative;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
}

.jum_list4 > li:first-child {
    margin-top: 0;
}

.jum_list4 > li::before {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
}

.jum_list4 > li > ul {
    padding-top: 8px;
}

.jum_list4 > li > ul > li {
    font-size: 18px;
    line-height: 28px;
    color: #666;
    font-weight: normal;
}

.jum_list4 > li > ul > li .f_blue {
    color: #2863f0;
}

.jum_list4 > li .bold {
    font-weight: bold;
}

.jum_list4 > li .sbold {
    font-weight: 500;
}

.jum_list4 > li .blue {
    color: #265cf0;
}

.jum_list4 > li.none::before {
    display: none;
}

.jum_list4 > li .ex_txt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

.ic_i {
    position: relative;
    padding-left: 28px;
    font-size: 20px;
    line-height: 28px;
    color: #2863f0;
}

.ic_i::before {
    position: absolute;
    left: 0;
    top: 3px;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../imgs/renew/ic_info_13.png) no-repeat center top;
}

.s_txt2_dong {
    position: relative;
    padding-left: 20px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    text-align: left;
    font-weight: bold;
}

.s_txt2_dong::before {
    position: absolute;
    left: 0;
    top: 9px;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url(../imgs/renew/ic_bullet_circle9.png) no-repeat center top;
}

.s_txt2_dong .f_blue {
    color: #2863f0;
}

.s_txt_blue {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #2863f0;
    text-align: left;
}

.s_txt_gray {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #8b8b8f;
    text-align: left;
}

.blue {
    color: #265cf0;
}

.bold {
    font-weight: bold;
}

.semi_btm {
    opacity: 0;
    height: 324px;
    box-sizing: border-box;
    background-image: url(../imgs/renew/bg_dtec_covid19.png);
    background-repeat: no-repeat;
    background-size: 1920px 324px;
    background-position: center center;
}

.semi_btm.active {
    animation: parallax 1s ease forwards 1;
}

.semi_btm .semi_cc {
    width: 1200px;
    margin: 0 auto;
}

.semi_btm .semi_cc .tit {
    font-size: 32px;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.semi_btm .semi_cc .tit .jum {
    position: relative;
    display: inline-block;
    font-size: 32px;
    line-height: 38px;
    color: #2ecbff;
}

.semi_btm .semi_cc .tit .jum::before {
    display: block;
    position: absolute;
    left: 50%;
    top: -5px;
    content: '';
    display: block;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #2ecbff;
    border-radius: 50%;
}

.semi_btm .semi_cc ul {
    overflow: hidden;
    margin-top: 60px;
}

.semi_btm .semi_cc ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.semi_btm .semi_cc ul li .txt_box {
    padding-top: 112px;
}

.semi_btm .semi_cc ul li .txt_box.txt_box1 {
    background: url(../imgs/renew/img_dtec_covid19_01.png) no-repeat center top;
}

.semi_btm .semi_cc ul li .txt_box.txt_box2 {
    background: url(../imgs/renew/img_dtec_covid19_02.png) no-repeat center top;
}

.semi_btm .semi_cc ul li .txt_box.txt_box3 {
    background: url(../imgs/renew/img_dtec_covid19_03.png) no-repeat center top;
}

.semi_btm .semi_cc ul li .txt_box .tt {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
}

.semi_btm .semi_cc ul li .txt_box .ex {
    margin-top: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    opacity: 0.5;
}

.cho_bx {
    position: relative;
    width: 100%;
    display: block;
}

.cho_bx > a {
    display: block;
    position: relative;
    height: 44px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 26px 0 16px;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 16px;
    line-height: 44px;
    color: #000;
    letter-spacing: 0;
    box-sizing: border-box;
}

.cho_bx > a.disabled {
    background: #eee;
    opacity: 0.5;
}

.cho_bx > a.disabled:hover, .cho_bx > a.disabled.on {
    border: 1px solid #dbdbdb;
}

.cho_bx > a:hover, .cho_bx > a.on {
    border: 1px solid #555;
}

.cho_bx > a::after {
    content: '';
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    background: url(../imgs/renew/ic_dropdown_arr_down.png) no-repeat center center;
    animation: spinDown 0.3s both cubic-bezier(0, 0, 0.2, 1);
}

.cho_bx > a.on::after {
    background: url(../imgs/renew/ic_dropdown_arr_down.png) no-repeat center center;
    transform: rotate(-180deg);
}

.cho_bx ul {
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    top: 44px;
    border: 1px solid #dbdbdb;
    border-top: 0;
    background: #fff;
    box-sizing: border-box;
}

.cho_bx ul li a {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    line-height: 44px;
    color: #7f7f7f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cho_bx ul li a:hover {
    background-color: #f5f8ff;
    color: #000;
}


.online_wrap {
    width: 1200px;
    margin: 65px auto 160px;
}

.online_wrap .online_bx {
    margin-top: 65px;
}

.online_wrap .online_bx:first-child {
    margin-top: 0;
}

.online_wrap .online_bx .title {
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.online_wrap .online_bx .sec_bx {
    position: relative;
    height: 44px;
}

.online_wrap .online_bx .sec_bx .cho_bx {
    position: absolute;
    right: 0;
    top: 0;
}

.online_wrap .online_bx .semi_list {
    width: 1200px;
}

.online_wrap .online_bx .semi_list .slick-track {
    display: inline-block !important;
}

.online-slider {
    width: 1224px;
    text-align: left;
    margin-left: 0;
    position: relative;
}

.online-slider .slick-slide {
    float: left;
}

.online-slider .slide-con {
    display: block;
    position: relative;
    width: 384px;
    height: 385px !important;
}

.online-slider .slide-con .img_bx {
    position: relative;
    width: 384px;
    height: 212px;
    border-radius: 4px;
    overflow: hidden;
}

.online-slider .slide-con .img_bx img {
    width: 384px;
    height: 212px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.online-slider .slide-con:hover .img_bx img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.online-slider .slide-con .img_bx .time {
    position: absolute;
    right: 12px;
    bottom: 10px;
    min-width: 46px;
    height: 23px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.4);
}

.online-slider .slide-con .img_bx .hash_list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5)
}

.online-slider .slide-con .img_bx .hash_list li {
    float: left;
    margin-right: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.online-slider .slide-con .con_txt {
    margin-top: 20px;
}

.online-slider .slide-con .con_txt .txt1 {
    max-height: 56px;
    overflow: hidden;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #000;
}

.online-slider .slide-con .con_txt .txt2 {
    max-height: 52px;
    overflow: hidden;
    margin-top: 4px;
    font-size: 18px;
    line-height: 26px;
    color: #7b7b7b;
}

.online-slider .slide-con .date_bx {
    margin-top: 12px;
}

.online-slider .slide-con .date_bx span {
    font-size: 16px;
    line-height: 24px;
    color: #7b7b7b;
}

.online-slider .slide-con .date_bx span::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    margin: -3px 7px 0 6px;
    background: #e5e5e5;
}

.online-slider .slide-con .date_bx span:first-child::before {
    display: none;
}

.online-slider .slick-prev {
    z-index: 5;
    left: auto;
    border-right: 1px solid #b9b9b9;
    right: 68px;
    top: -53px;
    width: 45px;
    height: 44px;
    background: url(../imgs/renew/btn_online_prev.png) no-repeat center center !important;
    opacity: 1;
}

.online-slider .slick-prev::before {
    display: none;
}

.online-slider .slick-prev:hover {
    background: url(../imgs/renew/btn_online_prev.png) no-repeat center center !important;
    opacity: 1;
}

.online-slider .slick-next {
    z-index: 5;
    right: 24px;
    top: -53px;
    width: 44px;
    height: 44px;
    background: url(../imgs/renew/btn_online_next.png) no-repeat center center !important;
    opacity: 1;
}

.online-slider .slick-next::before {
    display: none;
}

.online-slider .slick-next:hover {
    background: url(../imgs/renew/btn_online_next.png) no-repeat center center !important;
    opacity: 1;
}


.online_tab {
    width: 1200px;
    margin: 0 auto 60px;
}

.online_tab ul {
    position: relative;
    overflow: hidden;
}

.online_tab ul li {
    float: left;
    outline: none;
    margin: 0 1px 2px 0;
}

.online_tab ul li a {
    position: relative;
    z-index: 2;
    display: block;
    min-width: 199px;
    height: 50px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 50px;
    color: #333;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #e5e5e5;
    outline: none;
}

.online_tab ul li a.on {
    color: #fff;
    background: #265cf0;
    border: 1px solid #265cf0;
}

.online_tab ul li a.on:hover {
    background: #265cf0;
}

.online_tab ul li a:hover {
    background: #f5f5f5;
}

.online_wrap .btn_more {
    margin-top: 80px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.online_wrap .btn_more a {
    display: inline-block;
    font-size: 16px;
    line-height: 60px;
    color: #4a4a4a;
    height: 60px;
    background: #fff;
    outline: 0;
    cursor: pointer;
}

.online_wrap .btn_more a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../imgs/renew/i_more.png) no-repeat center center;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}

.n_popup_wrap {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.n_dim_bg {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.n_dim_bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.35;
}

.n_pop_wrap {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 500;
    width: 100%;
    height: 100%;
}

.n_pop_wrap .pop_size_bx {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 3px 21px -9px rgba(0, 0, 0, 0.75);
}

.pop_head {
    position: relative;
    height: 60px;
    text-align: left;
    padding: 0 40px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.pop_head h2 {
    font-size: 20px;
    line-height: 60px;
    color: #111;
    font-weight: bold;
}

.n_pop_head {
    position: relative;
    text-align: left;
    height: 60px;
    padding: 0 30px;
}

.n_pop_head h2 {
    font-size: 20px;
    line-height: 60px;
    color: #000;
    font-weight: bold;
}

.n_pop_head .btn_pop_close {
    position: absolute;
    z-index: 5;
    right: 20px;
    bottom: 15px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url(../imgs/renew/btn_pop_close.png) no-repeat center center;
    border: 0;
}

.n_pop_foot {
    position: relative;
    z-index: 500;
    text-align: center;
    padding: 0 15px 25px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.n_pop_foot button {
    height: 26px;
    border: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    border: 1px solid #ddd;
}

.n_pop_foot button:disabled {
    background: #f5f5f5;
    color: #777;
    border: 1px solid #ddd;
}

.n_pop_foot button:disabled:hover {
    background: #f5f5f5;
    color: #777;
    border: 1px solid #ddd;
}

.n_pop_foot .btn_pop_white {
    min-width: 80px;
    padding: 0 10px;
    height: 26px;
    border: 0;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.n_pop_foot .btn_pop_blue {
    min-width: 80px;
    padding: 0 10px;
    height: 26px;
    border: 0;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    border: 1px solid rgb(28, 144, 251);
    background: rgb(28, 144, 251);
}

.n_pop_foot .btn_pop_blue:hover {
    background: #006dd2;
    border: 1px solid #006dd2;
}

.n_pop_contents {
    position: relative;
    background: #fff;
    text-align: left;
}

.n_pop_contents .txt_failure {
    padding-top: 50px;
    margin-top: 10px;
    background: url(../Images/ico/ico_alert_warn02.png) no-repeat top center;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.n_pop_contents .txt_warning {
    padding-top: 50px;
    margin-top: 10px;
    background: url(../Images/ico/ico_alert_warn01.png) no-repeat top center;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.n_pop_contents .txt_question {
    padding-top: 50px;
    margin-top: 10px;
    background: url(../Images/ico/ico_alert_que01.png) no-repeat top center;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.n_pop_contents .txt_check {
    padding-top: 50px;
    margin-top: 10px;
    background: url(../Images/ico/ico_alert_suc01.png) no-repeat top center;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.n_pop_contents .txt_error {
    padding-top: 50px;
    margin-top: 10px;
    background: url(../Images/ico/ico_alert_err01.png) no-repeat top center;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.n_pop_contents .txt_none {
    padding-top: 0;
    margin-top: 0;
    background: none;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
}

.n_pop_contents .p_ex_txt {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #555;
}

.n_pop_contents .f_red {
    font-size: 15px;
    line-height: 18px;
    color: #ff0000;
}

.n_pop_contents .tit_alert {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    text-align: center;
    font-weight: bold;
}

.pop_size_bx .pop_img {
    position: relative;
}

.pop_size_bx .pop_img a {
    position: absolute;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.pop_size_bx .pop_img.pop_img09 {
}

.pop_size_bx .pop_img.pop_img09 .btn_imgmap1 {
    width: 179px;
    height: 55px;
    left: 211px;
    bottom: 50px;
}

.pop_size_bx .pop_img.pop_img09 .btn_imgmap2 {
    width: 50px;
    height: 40px;
    right: 10px;
    top: 10px;
}

.pop_video_bx {
    background: #fff;
    overflow: hidden;
}

.pop_video_bx .video_bx {
}

.pop_video_bx .con_txt {
    padding: 40px 40px 40px;
}

.pop_video_bx .con_txt .cate {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.pop_video_bx .con_txt .hash_list {
    margin-top: 20px;
    overflow: hidden;
}

.pop_video_bx .con_txt .hash_list li {
    float: left;
    height: 30px;
    margin-right: 6px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 30px;
    color: #265cf0;
    border-radius: 21px;
    border: 1px solid #265cf0;
}

.pop_video_bx .con_txt .tit {
    margin-bottom: 5px;
    display: block;
    width: 99%;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    word-break: break-all;
}

.pop_video_bx .con_txt .n_ex_txt {
    margin-top: 20px;
    height: 73px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #7b7b7b;
}

.pop_video_bx .con_txt .date_bx {
    padding-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px solid #d5d5d5;
}

.pop_video_bx .con_txt .date_bx span {
    font-size: 18px;
    line-height: 24px;
    color: #7b7b7b;
}

.pop_video_bx .con_txt .date_bx span::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    margin: -3px 7px 0 6px;
    background: #e5e5e5;
}

.pop_video_bx .con_txt .date_bx span:first-child::before {
    display: none;
}

.pop_video_bx .img_bx {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.pop_video_bx .img_bx img {
    width: 100%;
    height: 480px;
    border-radius: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pop_video_bx:hover .img_bx img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.pop_video_bx .img_bx button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url(../imgs/renew/btn_play_normal_100.png) no-repeat center center;
}

.pop_video_bx .img_bx button:hover {
    cursor: pointer;
    background: url(../imgs/renew/btn_play_hover_100.png) no-repeat center center;
}

.s_search_bx {
}

.s_search_bx .txt_cc {
    width: 1200px;
    margin: 0 auto;
}

.search_bx {
    padding: 19px 32px;
    background: #f7f7f7;
    border-radius: 4px;
}

.search_bx.alignC {
    text-align: center;
}

.search_bx .input_txt {
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    height: 44px;
    padding: 10px 35px 10px 15px;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    background: #fff;
    width: 370px;
}

.search_bx .input_txt input[type="text"] {
    border: 0;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
}

.search_bx .input_txt .btn_srh {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 5px;
    top: 6px;
    border: 0;
    font-size: 0;
    line-height: 0;
    width: 30px;
    height: 30px;
    background: url(../imgs/renew/ic_search.png) no-repeat center center;
    cursor: pointer;
}


.faq_cont {
    width: 1200px;
    margin: 60px auto 160px;
}

.faq_cont .faq_tit_bx {
    position: relative;
    height: 54px;
}

.faq_cont .faq_tit_bx .total {
    display: inline-block;
    vertical-align: middle;
    height: 44px;
    padding: 0 16px;
    border: solid 1px #e5e5e5;
    font-size: 16px;
    line-height: 42px;
    color: #000;
    font-weight: bold;
    box-sizing: border-box;
}

.faq_cont .faq_tit_bx .total em {
    color: #265cf0;
}

.faq_cont .faq_tit_bx .btn_list_all {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 16px;
    height: 44px;
    font-size: 16px;
    color: #000;
    background: #fff;
    border: solid 1px #e5e5e5;
}

.btn_faq {
    margin-top: 80px;
    text-align: center;
}

.btn_faq a {
    display: inline-block;
    min-width: 245px;
    height: 64px;
    font-size: 20px;
    line-height: 64px;
    color: #fff;
    background: #265cf0;
    border-radius: 4px;
}

select {
    padding-right: 35px !important;
}

.faq_list_bx {
}

.faq_list_bx ul {
    border-top: 1px solid #000;
}

.faq_list_bx ul li {
    border-bottom: 1px solid #e5e5e5;
}

.faq_list_bx ul li a {
    position: relative;
    display: flex;
    padding: 28px 80px 27px 40px;
}

.faq_list_bx ul li a::after {
    position: absolute;
    right: 32px;
    top: 50%;
    margin-top: -10px;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../imgs/renew/btn_accordion_arr_down.png) no-repeat center center;
}

.faq_list_bx ul li a.on::after {
    background: url(../imgs/renew/btn_accordion_arr_up.png) no-repeat center center;
}

.faq_list_bx ul li a .num {
    display: inline-block;
    width: 80px;
    font-size: 18px;
    line-height: 24px;
    color: #7b7b7b;
}

.faq_list_bx ul li a .kind {
    display: inline-block;
    width: 200px;
    padding-right: 10px;
    font-size: 18px;
    line-height: 24px;
    color: #7b7b7b;
}

.faq_list_bx ul li a .tit {
    flex: 1;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.faq_list_bx ul li .faq_view {
    display: none;
    padding: 27px 40px;
    background-color: #fafafa;
}

.faq_list_bx ul li .faq_view .q_txt {
    padding-left: 48px;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
    background: url(../imgs/renew/ic_question_blue_28px.png) no-repeat 0 0;
}

.faq_list_bx ul li .faq_view .a_txt {
    margin-top: 15px;
    padding-left: 48px;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    background: url(../imgs/renew/ic_answer_gray_28px.png) no-repeat 0 0px;
}


/* 로그인 */
.login_page {
    padding: 100px 0;
    background: #f7f7f7;
}

.login_write {
    width: 460px;
    margin: 0 auto;
}

.login_write.id_write {
    width: 500px;
    margin: 0 auto;
}

.fnb_loginbox {
    background: transparent;
}

.login_write .input {
    margin-top: 12px;
}

.input_lg {
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
}

.input_lg.btn {
}

.input_lg button {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -22px;
    min-width: 122px;
    height: 44px;
    font-size: 16px;
    color: #4a4a4a;
    border-radius: 4px;
    border: solid 1px #b9b9b9;
    background-color: #ffffff;
}

.input_lg button:disabled {
    background-color: #fafafa;
    border: solid 1px #e5e5e5;
    color: #7e7e7e;
}

.input_lg .time_txt {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -11px;
    font-size: 18px;
    line-height: 22px;
    color: #265cf0;
}

.input_lg.inline {
    display: inline-block;
}

.input_lg .txt {
    position: relative;
    border: 1px solid #dbdbdb;
    transition: border .3s;
    height: 64px;
    padding: 17px 30px 0 18px;
    box-sizing: border-box;
}

.input_lg .txt.focus {
    border: 1px solid #000;
}

.input_lg .txt.disabled {
    background-color: #fafafa;
    color: #7e7e7e;
    border: solid 1px #e5e5e5;
}

.input_lg .txt.icon_id {
    padding: 17px 30px 0 50px;
}

.input_lg .txt.icon_id::before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -9px;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../imgs/renew/ic_login_id.png) no-repeat 0 0;
}

.input_lg .txt.icon_pw {
    padding: 17px 30px 0 50px;
}

.input_lg .txt.icon_pw::before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -9px;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../imgs/renew/ic_login_pw.png) no-repeat 0 0;
}

.input_lg .txt input {
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    border: 0;
    padding: 0;
}

.input_lg .txt input::placeholder {
    color: #999;
}

.input_lg .txt svg {
    right: 16px !important;
}

.input_lg .txt.error {
    border: 1px solid #ff0000 !important;
}

.input_lg .txt.error .i_error {
    display: block !important;
}

.input_lg .txt.error .i_complete {
    display: none;
}

.input_lg .txt.error .i_write {
    display: none;
}

.input_lg .txt.error .i_default {
    display: none;
}

.input_lg .txt.complete {
    border: 1px solid #15c22c !important;
}

.input_lg .txt.complete .i_error {
    display: none;
}

.input_lg .txt.complete .i_complete {
    display: block !important;
}

.input_lg .txt.complete .i_write {
    display: none;
}

.input_lg .txt.complete .i_default {
    display: none;
}

.input_lg .txt.write {
    border: 1px solid #d6bf00 !important;
}

.input_lg .txt.write .i_error {
    display: none;
}

.input_lg .txt.write .i_complete {
    display: none;
}

.input_lg .txt.write .i_default {
    display: none;
}

.input_lg .txt.write .i_write {
    display: block !important;
}

.lg_tab_bx {
    height: 54px;
    margin-bottom: 50px;
    background: url(../imgs/renew/bg_head.png) repeat-x left bottom;
}

.lg_tab_bx .s_tab_cc {
    position: relative;
    height: 54px;
    margin: 0 auto;
}

.lg_tab_bx .s_tab_cc .tab_list {
    overflow: hidden;
}

.lg_tab_bx .s_tab_cc .tab_list li {
    float: left;
    width: 49.99%;
}

.lg_tab_bx .s_tab_cc .tab_list li a {
    display: block;
    padding: 0 24px;
    font-size: 16px;
    line-height: 52px;
    color: #000;
    box-sizing: border-box;
    text-align: center;
}

.lg_tab_bx .s_tab_cc .tab_list li a:hover, .lg_tab_bx .s_tab_cc .tab_list li a.on {
    color: #265cf0;
    border-bottom: 2px solid #265cf0;
    font-weight: bold;
}


.btn_lg_box {
    margin-top: 40px;
    overflow: hidden;
}

.btn_lg_box input[type="button"] {
    float: right;
    width: 49.5%;
    border: 1px solid #1c90fb;
    height: 50px;
    font-size: 15px;
    color: #fff;
    line-height: 50px;
    background: #1c90fb;
    text-align: center;
}

.btn_lg_box input[type="button"]:hover {
    background: #006dd2;
    border: 1px solid #006dd2;
}

.btn_lg_box input[type="button"]:disabled {
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    color: #8d8d8d;
}

.btn_lg_box input[type="button"]:first-child {
    float: left;
    background: #fff;
    color: #333;
    border: 1px solid #dbdbdb;
}

.btn_lg_box input[type="button"]:first-child:hover {
    border: 1px solid #8c8c8c;
}

.btn_lg_box button {
    float: right;
    width: 49.5%;
    border: 1px solid #265cf0;
    height: 64px;
    font-size: 20px;
    color: #265cf0;
    text-align: center;
    border-radius: 4px;
}

.btn_lg_box button:hover {
    background: #f5f8ff;
    border: 1px solid #265cf0;
}

.btn_lg_box button:disabled {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #7e7e7e;
}

.btn_lg_box button:first-child {
    float: left;
}

.btn_lg_box button.btn_white {
    background: #fff;
}

.btn_lg_box button.btn_white:hover {
    background: #f5f8ff;
    border: 1px solid #265cf0;
}

.btn_lg_box button.btn_blue {
    background: #265cf0;
    color: #fff;
}

.btn_lg_box button.btn_blue:hover {
    background: #3e6ff7;
    color: #fff;
}

.btn_lg_box button.btn_blue:disabled {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #7e7e7e;
}

.btn_lg_box button.btn_blue:disabled:hover {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #7e7e7e;
}

.lg_ex {
    margin-top: 7px;
    font-size: 16px;
    line-height: 22px;
    color: #555;
}

.lg_ex.error {
    color: #ff0000
}

.lg_ex.complete {
    color: #13ab27
}

.lg_ex.write {
    color: #c5c504
}

.fnb_loginbox {
    position: relative;
    width: 800px;
    margin: 0 auto;
}

.fnb_loginbox.renew {
    padding: 0;
    border: none;
}

.fnb_loginbox.renew .info_text {
    color: #000;
}

.fnb_loginbox.renew .login_form {
    width: 800px;
    min-height: 624px;
    padding-bottom: 100px;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #e3e3e3;
    background-color: #ffffff;
    overflow: hidden;
}

.fnb_loginbox.login_bx {
    margin: 120px auto 130px;
    padding: 0 80px 50px;
}

.fnb_loginbox.id_box {
    padding: 0 80px 75px;
}

.fnb_loginbox.id_box h2::before {
    content: '';
    display: inline-block;
    background: url(../imgs/common/i_member_1.png) no-repeat left center;
    width: 25px;
    height: 29px;
    vertical-align: middle;
    margin: -2px 7px 0 0;
}

.fnb_loginbox.id_box .info_text {
    width: 100%;
}

.fnb_loginbox.id_box .login_form h2 {
    padding: 65px 0 12px;
}

.fnb_loginbox.id_box.pw_box .login_form h2::before {
    background: url(../imgs/common/i_member_2.png) no-repeat left center;
    width: 30px;
    height: 31px;
}

.fnb_loginbox.id_box.id_result_box .login_form h2::before {
    background: url(../imgs/common/i_member_3.png) no-repeat left center;
    width: 30px;
    height: 31px;
}

.find_pw_bx {
    margin-top: 10px;
}

.find_pw_bx .input_lg.btn {
    padding-right: 140px;
}

.find_pw_bx .input_lg button {
    width: 134px;
}

.find_pw_bx .input_lg .time_txt {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 134px;
    margin-top: -8px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.txtbtn_bx {
    position: relative;
    height: 46px;
    margin-top: 10px;
    padding-right: 160px;
}

.txtbtn_bx.btn_none {
    padding-right: 0;
}

.txtbtn_bx input[type="button"] {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 46px;
    width: 155px;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #dbdbdb;
    background: #fff;
}

.txtbtn_bx input[type="button"]:hover {
    border: 1px solid #8c8c8c;
}

.txtbtn_bx .time_txt {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 48px;
    width: 150px;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
}


.btn_line_bx {
    margin-top: 45px;
    padding-top: 10px;
    border-top: 1px solid #d9d9d9;
    text-align: right;
}

.btn_line_bx input[type="button"] {
    border: 0;
    background: transparent;
    font-size: 14px;
    line-height: 16px;
    color: #8d8d8d;
    letter-spacing: -0.05em;
}

.btn_line_bx .btn_pwd {
    font-size: 14px;
    line-height: 16px;
    color: #8d8d8d;
    letter-spacing: -0.05em;
}

.fnb_loginbox .login_form h2 {
    padding: 100px 0 60px;
    font-size: 38px;
    line-height: 45px;
    text-align: center;
}

.fnb_loginbox .login_form h2 + p {
    margin: 0 auto;
}

.fnb_loginbox .login_form .login_error {
    position: relative;
    padding: 90px 0 20px;
    font-size: 20px;
}

.fnb_loginbox .login_form .login_error:before {
    position: absolute;
    left: 50%;
    width: 72px;
    height: 72px;
    margin-left: -36px;
    background: url(../imgs/ll/sp_login.png) 0 -90px no-repeat;
    -ms-transform: scale(.7);
    transform: scale(.7);
    content: "";
}

.fnb_loginbox .login_form .ico:before {
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 33px;
    margin-right: 3px;
    background: url(../imgs/ll/sp_login.png) no-repeat;
    vertical-align: middle;
    -ms-transform: scale(.7);
    transform: scale(.7);
    content: "";
}

.fnb_loginbox .login_form .ico.ico_qr:before {
    background-position: -91px -90px;
}

.fnb_loginbox .login_form .ico.ico_find_id:before {
    height: 29px;
    background-position: -126px -90px;
}

.fnb_loginbox .login_form .ico.ico_find_passwd:before {
    width: 24px;
    height: 30px;
    background-position: -91px -132px;
}

.fnb_loginbox .login_form .ico.ico_confirm_id:before {
    width: 30px;
    height: 31px;
    margin-right: 3px;
    background-position: -161px -90px;
}

.fnb_loginbox .login_form .ico.ico_reset_passwd:before {
    width: 30px;
    height: 31px;
    margin-right: 3px;
    background-position: -204px -90px;
}

.fnb_loginbox .login_form .info_text {
    padding-bottom: 20px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    letter-spacing: -1px;
    text-align: center;
    word-break: keep-all;
}

.fnb_loginbox .login_form .info_text2 {
    padding-bottom: 20px;
    font-size: 17px;
    color: #000;
    line-height: 22px;
    letter-spacing: -1px;
    text-align: center;
    word-break: keep-all;
    font-weight: bold;
}

.fnb_loginbox .login_form .info_text3 {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    letter-spacing: -1px;
    text-align: center;
    word-break: keep-all;
}

.fnb_loginbox .login_form .info_text3 .f_blue {
    color: #1c90fb;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -1px;
}

.fnb_loginbox .login_form .time_counter {
    position: absolute;
    top: 15px;
    right: 0;
    width: 61px;
    color: #424242;
    text-align: center;
}

.fnb_loginbox .LUX_basic_btn.login_basic_btn {
    width: 100%;
    height: 50px;
    margin-top: 25px;
    padding: 0 20px;
    font-size: 16px;
}

.fnb_loginbox .login_form .member_text {
    padding: 25px 0 15px;
    border-top: 1px solid #d9d9d9;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.08em;
    color: #333;
}

.fnb_loginbox .login_form .member_text .name {
    color: #1c90fb;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.08em;
}

.fnb_loginbox .login_form .checkbx_area {
    margin-top: 5px;
    text-align: left;
}

.fnb_loginbox .login_info {
    position: relative;
    padding-top: 16px;
    border-top: 1px solid #d9d9d9;
    text-align: left;
}

.fnb_loginbox .login_info.bdnone {
    border-top: none;
}

.chk_id label {
    display: inline-block;
    font-size: 16px;
    height: 24px;
    padding-left: 28px;
    color: #000;
}

.chk_id input[type="checkbox"] {
    display: none;
}

.chk_id input[type="checkbox"] + label {
    background: url(../imgs/renew/btn_check_off_24px.png) no-repeat left center;
}

.chk_id input[type="checkbox"]:checked + label {
    background: url(../imgs/renew/btn_check_on_24px.png) no-repeat left center;
}

.fnb_loginbox .login_info:after {
    display: table;
    clear: both;
    content: "";
}

.fnb_loginbox .login_info ul {
    position: absolute;
    right: 0;
    top: 16px;
    text-align: right;
}

.fnb_loginbox .login_info li {
    display: inline-block;
    position: relative;
    margin-left: 9px;
    padding-left: 9px;
}

.fnb_loginbox .login_info li:first-child {
    margin-left: 0;
    padding-left: 0;
}

.fnb_loginbox .login_info li:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 10px;
    margin-top: -4px;
    background-color: #e5e5e5;
    content: "";
}

.fnb_loginbox .login_info li:first-child:after {
    display: none;
}

.fnb_loginbox .login_info li > a {
    font-size: 16px;
    color: #8d8d8d;
    text-decoration: none;
}

.fnb_loginbox .login_info .btn_join {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 14px;
    color: #8d8d8d;
}

.fnb_loginbox .error_info ul {
    margin-top: 7px;
}

.fnb_loginbox .error_info li {
    position: relative;
    margin: 0 0 6px;
    color: #8d8d8d;
}

.fnb_loginbox .error_info li:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "*";
}

.fnb_loginbox .capcha_area {
    position: relative;
    margin-top: 20px;
}

.fnb_loginbox .capcha_area .capcha_img {
    width: auto;
    height: 78px;
    margin-right: 113px;
    border: 1px solid #dbdbdb;
    text-align: center;
}

.lg_banner {
    margin-top: 40px;
}

.lg_banner a {
    display: block;
    height: 104px;
    padding: 28px 0 0 30px;
    background: url(../imgs/renew/bg_btn.png) no-repeat left top;
    box-sizing: border-box;
}

.lg_banner a .tit {
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 22px;
    font-weight: bold;
}

.lg_banner a .ex {
    display: block;
    margin-top: 6px;
    font-size: 16px;
    color: rgba(74, 74, 74, 0.8);
    line-height: 22px;
}

.fnb_loginbox .login_form .input {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.fnb_loginbox .login_form .input-text {
    position: relative;
    margin: 0px;
    padding: 12px 10px 10px 10px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
}

.fnb_loginbox .login_form .input-text .text {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 0px none;
    background: transparent;
    color: rgb(26, 26, 26);
    cursor: auto;
    outline: none;
}

.fnb_loginbox .login_form .input-text.redplus {
    border: 1px solid #ff0000;
    color: #ff0000;
}

.fnb_loginbox .login_form .input-text.redplus .i_error {
    display: block !important;
}

.fnb_loginbox .login_form .input-pwd {
    position: relative;
    display: block;
}

.fnb_loginbox .login_form .input-pwd .pass {
    position: relative;
    padding: 12px 0px 10px 16px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
    line-height: 19px;
}

.fnb_loginbox .login_form .input-pwd.redplus {
    border: 1px solid #ff0000;
    color: #ff0000;
}

.fnb_loginbox .login_form .input-pwd .password {
    width: 96%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px 0 0 10px;
    display: block;
    border: 0px none;
    background: transparent;
    outline: none;
    cursor: auto;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    margin-left: -10px;
    color: rgb(26, 26, 26);
}


.fnb_loginbox .login_form p {
    font-size: 14px;
}

.fnb_loginbox .login_form p.red {
    color: #fc5356;
    font-size: 11px;
    line-height: 14px;
    font-family: 'dotum', '돋움';
}

.fnb_loginbox .login_form .btn_login_bx {
    margin-top: 15px;
}

.fnb_loginbox .login_form .btn_login_bx button {
    margin-top: 0;
}

.fnb_loginbox .login_form .loginbtn {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    border-radius: 0px;
    border: 1px solid rgb(28, 144, 251);
    background: #265cf0;
    color: rgb(255, 255, 255);
    text-decoration: none;
    height: 66px;
    font-size: 20px;
    line-height: initial;
    padding: 0px 20px;
    width: 100%;
    margin-top: 60px;
    border-radius: 4px;
}

.fnb_loginbox .login_form .loginbtn:disabled {
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    color: #8d8d8d;
    color: #8d8d8d;
}

.fnb_loginbox .login_form .loginbtn:disabled:hover {
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    color: #8d8d8d;
    color: #8d8d8d;
}

.fnb_loginbox .login_form .loginbtn:hover {
    background: #3e6ff7;
    border: 1px solid #3e6ff7;
}

.fnb_loginbox .login_form .checkbx_area {
    text-align: right;
}

.fnb_loginbox .LUX_basic_switch {
    line-height: 24px;
}

.fnb_loginbox .LUX_basic_switch label {
    font-size: 14px;
    color: #333;
}

.lg_icon_bx {
    text-align: center;
    padding-top: 100px;
    margin-bottom: 50px;
}

.lg_icon_bx .ic {
    width: 100%;
    height: 142px;
    margin-bottom: 40px;
}

.lg_icon_bx .ic.i_pw {
    background: url(../imgs/renew/img_pw_confirm.png) no-repeat center top;
}

.lg_icon_bx .ic.i_id {
    background: url(../imgs/renew/img_id_confirm.png) no-repeat center top;
}

.lg_icon_bx .txt1 {
    font-size: 28px;
    color: #000;
    line-height: 40px;
    font-weight: bold;
    padding: 0 20px;
}

.lg_icon_bx .txt1 .blue {
    font-size: 28px;
    color: #265cf0;
    line-height: 40px;
    font-weight: bold;
}

.lg_icon_bx .txt2 {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 18px;
    color: #7f7f7f;
    line-height: 30px;
}

.lg_icon_bx .txt2 .blue {
    font-size: 18px;
    color: #265cf0;
    line-height: 30px;
}

.lg_tip {
    display: none;
    width: 220px;
    background-color: #fff;
    color: #fff;
    box-sizing: border-box;
    text-align: left;
    padding: 11px 13px;
    position: absolute;
    z-index: 1;
    bottom: 71px;
    right: 0;
    margin-left: 0px;
    line-height: 18px;
    margin-top: -10px;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
    border: solid 1px #cccccc;
}

.lg_tip p {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    font-weight: bold;
}

.lg_tip span {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: normal;
}

.lg_tip::after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 7px;
    top: 100%;
    left: 50%;
    background: url(../imgs/renew/tooltip_arrow.png) no-repeat center top;
}

.lg_tip .btn_tool_close {
    border: 0;
    font-size: 0;
    text-indent: -9999px;
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 8px;
    background: url(../imgs/renew/tooltip_close.png) no-repeat center center;
}

.pw_txt_bx {
    margin-top: 40px;
    padding: 32px 30px;
    background-color: #fafafa;
}

.pw_txt_bx .tit {
    padding-left: 34px;
    min-height: 26px;
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: bold;
    background: url(../imgs/renew/ic_alert_warning_24.png) no-repeat left 1px;
}

.pw_txt_bx .p_jum_list {
    margin-top: 15px;
}

.pw_txt_bx .p_jum_list li {
    position: relative;
    padding-left: 13px;
    margin-top: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
}

.pw_txt_bx .p_jum_list li:first-child {
    margin-top: 0;
}

.pw_txt_bx .p_jum_list li::before {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 11px;
    left: 0;
    background: #666666;
    border-radius: 4px;
}

.cal_wrap {
}

.cal_wrap .ckind_list {
    margin-bottom: 20px;
    border-top: 1px solid #000;
    background: #f7f7f7;
    padding: 12px 15px 13px;
}

.cal_wrap .ckind_list ul {
    text-align: center;
}

.cal_wrap .ckind_list ul li {
    display: inline-block;
    margin-right: 70px;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.cal_wrap .ckind_list ul li .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.cal_wrap .cal_header {
    height: 46px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-bottom: 0;
}

.cal_wrap .cal_header .day-week {
    float: left;
    width: 171px;
    height: 46px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    line-height: 46px;
    font-weight: bold;
    font-size: 16px;
    border-left: 1px solid #e5e5e5;
    color: #000;
}

.cal_wrap .cal_content {
    border-bottom: 1px solid #e5e5e5;
}

.cal_wrap .cal_content .cal_tr {
    height: 140px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-bottom: 0;
}

.cal_wrap .cal_content .cal_tr .cal_td {
    position: relative;
    float: left;
    width: 171px;
    height: 140px;
    padding: 4px 6px 0 6px;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
    color: #777;
}

.cal_wrap .cal_content .cal_tr .cal_td .day_txt {
    margin-bottom: 5px;
    font-size: 14px;
    color: #777;
}

.cal_wrap .cal_content .cal_tr .cal_td.today {
    background: #fafafa;
}

.cal_wrap .cal_content .cal_tr .cal_td.today .day_txt {
    color: #000;
    font-weight: bold;
}

.cal_wrap .sun {
    color: #fc5356 !important;
}

.cal_wrap .sat {
    color: #265cf0 !important;
}

.i_nemo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 14px;
    height: 14px;
}

.cal_td .btn_cal {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    width: 100%;
}

.cal_td .btn_cal button {
    display: block;
    width: 100%;
    height: 24px;
    font-size: 13px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
}

.day_sch {
    position: relative;
    display: block;
    margin-bottom: 5px;
    height: 24px;
    box-sizing: border-box;
    padding: 1px 4px 0;
}

.day_sch dl {
    position: relative;
}

.day_sch dl dt {
    height: 24px;
}

.day_sch dl dt .i_nemo {
    margin-right: 3px;
    width: 12px;
    height: 12px;
    margin-top: 2px;
}

.day_sch dl dt .txt {
    width: 91px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day_sch dl dd {
    position: absolute;
    right: 0;
    top: 1px;
    width: 36px;
}

.day_sch .i_state {
    display: block;
    height: 20px;
    border-radius: 24px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    box-sizing: border-box;
}

.day_sch .i_complete {
    background: #fff;
    color: #265cf0;
    border: 1px solid #265cf0;
}

.day_sch .i_possible {
    background: #3859ff;
    color: #fff;
}

.day_sch .i_end {
    background: #e3e3e3;
    color: #7e7e7e;
}

.day_sch .i_impossible {
    background: #fc5356;
    color: #fff;
}

.cal_none {
    padding: 220px 0;
    text-align: center;
}

.cal_none .i_txt {
    display: inline-block;
    padding: 120px 0 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #999;
    background: url(../imgs/renew/img_empty_schedule.png) no-repeat center center;
}

.cal-schedule .day_sch dl dt .txt {
    width: 470px;
}


/* ======================
	공통
====================== */
/* 중앙정렬 박스 */
.center-cont {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 160px;
}

/* 컨텐츠 타이틀 영역 */
.c-tit-box {
    position: relative;
    margin-top: 52px;
    padding: 16px 0;
    font-size: 0;
}

.s_title_bx + .s_contents .center-cont .c-tit-box:first-child {
    margin-top: -21px;
}

.c-tit-box .c-tit {
    display: inline-block;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.c-tit-box .c-txt {
    display: inline-block;
    margin-left: 10px;
    color: #7b7b7b;
    font-size: 16px;
}

.c-tit-box .rt-area {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 0;
}

.c-tit-box .rt-area [class^=btn-box] + [class^=btn-box] {
    margin-left: 8px;
}

.c-tit-box .rt-area .btn-group {
    display: inline-block;
    vertical-align: middle;
}

.c-tit-box .rt-area .btn-group [class^=btn-box] + [class^=btn-box] {
    margin-left: -1px;
}

.c-tit-box .rt-area .btn-group + [class^=btn-box] {
    margin-left: 8px;
}

.c-tit-box .rt-area .table-dropdown .dropdown select {
    min-width: 210px;
}

.c-tit-box.type2 {
    margin: 47px 0 40px;
}

.c-tit-box.type2 .c-tit {
    display: block;
    font-size: 28px;
}

.c-tit-box.type2 .c-txt {
    display: block;
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 1.67;
}

/* 버튼 */
[class^=btn-box],
button[class^=btn-box] {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: all .3s;
}

[class^=btn-box].lg {
    min-width: 245px;
    height: 64px;
    padding: 0 23px;
    font-size: 20px;
    line-height: 62px;
}

[class^=btn-box].md {
    height: 44px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 42px;
}

[class^=btn-box].md span {
    font-size: 16px;
}

[class^=btn-box].sm {
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
}

[class^=btn-box].disabled {
    cursor: default;
}

.btn-box1 {
    border-color: #b9b9b9;
    background-color: #fff;
    color: #4a4a4a;
}

.btn-box1:hover,
.btn-box1:active {
    border-color: #666;
}

.btn-box1.disabled {
    border-color: #e5e5e5;
    background-color: #fafafa;
    color: #7e7e7e;
}

.btn-box2 {
    border-color: #265cf0;
    background-color: #265cf0;
    color: #fff;
}

.btn-box2:hover,
.btn-box2:active {
    border-color: #3e6ff7;
    background-color: #3e6ff7;
}

.btn-box2.disabled {
    border-color: #e3e3e3;
    background-color: #e3e3e3;
    color: #7e7e7e;
}

.btn-box3 {
    border-color: #265cf0;
    background-color: #fff;
    color: #265cf0;
}

.btn-box3:hover,
.btn-box3:active {
    border-color: #265cf0;
    background-color: #f5f8ff;
}

.btn-box3.disabled {
    border-color: #b9b9b9;
    background-color: #e3e3e3;
    color: #7e7e7e;
}

/* 아이콘 버튼 */
[class^=btn-box] .ico {
    display: inline-block;
}

[class^=btn-box].btn-srch .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/ic_search_normal_18.png) no-repeat 0 50%;
}

[class^=btn-box].btn-srch.disabled .ico {
    background: url(../imgs/sub/btn/ic_search_disable_18.png) no-repeat 0 50%;
}

[class^=btn-box].btn-plus {
    position: relative;
}

[class^=btn-box].btn-plus .ico {
    position: relative;
    padding-left: 20px;
}

[class^=btn-box].btn-plus .ico:before,
[class^=btn-box].btn-plus .ico:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
}

[class^=btn-box].btn-plus .ico:before {
    left: 0;
    width: 13px;
    height: 1px;
}

[class^=btn-box].btn-plus .ico:after {
    left: 6px;
    width: 1px;
    height: 13px;
}

[class^=btn-box].btn-plus input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

[class^=btn-box].btn-listall .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_list_all.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico1 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_01.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico2 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_02.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico3 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_03.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico4 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_04.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico5 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_05.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico6 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_06.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico7 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/ic_calendar_18_normal.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico8 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_08.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico9 .ico {
    padding-left: 22px;
    background: url(../imgs/sub/btn/btn_ico_09.png) no-repeat 0 50%;
}

.btn-box1.btn-plus .ico:before,
.btn-box1.btn-plus .ico:after {
    background-color: #4a4a4a;
}

.btm-btn-area {
    margin-top: 80px;
    font-size: 0;
    text-align: center;
}

.btm-btn-area [class^=btn-box] + [class^=btn-box] {
    margin-left: 10px;
}

/* 파일다운로드 */
.btn-file-down {
    display: block;
    padding-left: 27px;
    background: url(../imgs/sub/ico/ico_attach.png) no-repeat 0 50%;
    color: #000;
    font-size: 16px;
}

.btn-file-down:hover,
.btn-file-down:focus,
.btn-file-down:hover span,
.btn-file-down:focus span {
    color: #265cf0;
    text-decoration: underline;
}

.btn-file-down span {
    color: #7b7b7b;
    font-size: 16px;
}

/* 버튼그룹 */
.btn-group {
    overflow: hidden;
    padding-left: 1px;
}

.btn-group [class^=btn-box] {
    float: left;
    margin-left: -1px;
    border-radius: 0;
}

.btn-group [class^=btn-box]:first-child {
    border-radius: 4px 0 0 4px;
}

.btn-group [class^=btn-box]:last-child {
    border-radius: 0 4px 4px 0;
}

/* 폼요소 */
input[type=text],
input[type=number],
input[type=password],
input[type=tel] {
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    color: #000;
    font-size: 16px;
    transition: border .3s;
}

.table-dropdown .dropdown {
    display: block;
    height: 44px;
}

.table-dropdown .dropdown select {
    transition: border .3s;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
.table-dropdown .dropdown select:focus {
    border-color: #666;
}

/* 라디오 / 체크박스 */
.rdioBox,
.chkBox {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 0;
    vertical-align: middle;
}

.rdioBox .chk,
.chkBox .chk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.rdioBox input[type=radio],
.chkBox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    z-index: 5;
    opacity: 0;
}

.rdioBox .chk {
    background-image: url(../imgs/sub/ico/icon_radio_off.png);
}

.rdioBox input[type=radio]:checked + .chk {
    background-image: url(../imgs/sub/ico/icon_radio_on.png);
}

.rdioBox input[type=radio]:disabled:checked + .chk {
    background-image: url(../imgs/sub/ico/icon_radio_off_disable.png);
}

.rdioBox input[type=radio]:disabled:checked + .chk {
    background-image: url(../imgs/sub/ico/icon_radio_on_disable.png);
}

.chkBox .chk {
    background-image: url(../imgs/sub/ico/icon_check_off.png);
}

.chkBox input[type=checkbox]:checked + .chk {
    background-image: url(../imgs/sub/ico/icon_check_on.png);
}

.chkBox input[type=checkbox].type2 + .chk {
    background-image: url(../imgs/sub/ico/icon_check_02_off.png);
}

.chkBox input[type=checkbox].type2:checked + .chk {
    background-image: url(../imgs/sub/ico/icon_check_02_on.png);
}

.chkBox input[type=checkbox].type2:disabled + .chk {
    background-image: url(../imgs/sub/ico/icon_check_02_off_disable.png);
}

.chkBox input[type=checkbox].type2:disabled:checked + .chk {
    background-image: url(../imgs/sub/ico/icon_check_02_on_disable.png);
}

.chk-lst {
    overflow: hidden;
    margin: -10px -15px 0;
}

.chk-lst .chk-item {
    float: left;
    margin: 10px 15px 0;
}

.chk-lst .chk-item .txt {
    display: inline-block;
    padding: 0 10px 0 6px;
    color: #000;
    font-size: 18px;
    vertical-align: middle;
}

/* 인풋 */
.srch-input {
    display: inline-block;
    position: relative;
    width: 320px;
}

.srch-input input[type=text] {
    width: 100%;
    padding-right: 42px;
}

.srch-input .btn-srch {
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 0;
    background: transparent url(../imgs/sub/btn/ic_search_normal_18.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    outline: 0;
}

.srch-input .btn-srch:hover,
.srch-input .btn-srch:focus {
    outline: 1px dotted #999;
}

.srch-sel-input {
    font-size: 0;
}

.srch-sel-input .table-dropdown {
    vertical-align: top;
    margin-right: 4px;
}

.srch-sel-input .table-dropdown .dropdown select {
    min-width: 130px;
}

.srch-sel-input .srch-input {
    width: 300px;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/* ======================
	회원가입
====================== */
/* 상단 스텝 박스 */
.step-box-lst:after {
    content: '';
    display: block;
    clear: both;
}

.step-box-lst .step-item {
    float: left;
    position: relative;
    width: 50%;
    height: 90px;
    box-sizing: border-box;
    border: solid 1px #265cf0;
    background-color: #fff;
    opacity: .3;
}

.step-box-lst .step-item.on {
    opacity: 1;
}

.step-box-lst .step-item .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #265cf0;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.step-box-lst .step-item .txt .num {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: #265cf0;
    vertical-align: top;
    color: #f5f8ff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
}

.pop_contents .acc-lst {
    margin-top: 25px;
}

/* 약관동의 */
.acc-lst {
    border-top: 1px solid #000;
}

.acc-lst .acc-item {
    border-bottom: 1px solid #e5e5e5;
}

.acc-lst .acc-item input[type=checkbox] {
    opacity: 0;
}

.acc-lst .acc-item .tit-box {
    display: block;
    position: relative;
    width: 100%;
    height: 82px;
    padding: 0 80px 0 30px;
    box-sizing: border-box;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.acc-lst .acc-item .tit-box.free {
    height: auto;
    min-height: 82px;
}

.acc-lst .acc-item .tit-box.free .label {
    height: 58px;
    z-index: 2;;
}

.acc-lst .acc-item .tit-box.free .label .txt {
    top: 42px;
}

.acc-lst .acc-item .tit-box .chk-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px 0 0 30px;
}

.acc-lst .acc-item .tit-box .label {
    position: absolute;
    top: 0;
    right: 200px;
    left: 0;
    bottom: 0;
}

.acc-lst .acc-item .tit-box .label .txt {
    position: absolute;
    top: 50%;
    right: 0;
    left: 72px;
    transform: translateY(-50%);
}

.popup_wrap .acc-lst .acc-item .tit-box .chk-area input[type="checkbox"] {
    cursor: pointer;
}

.popup_wrap .acc-lst label {
    cursor: pointer;
    display: inline-block;
}

.acc-lst .acc-item .tit-box .label .txt .txt-comp {
    color: #fc5356;
}

.acc-lst .acc-item .tit-box .label span,
.acc-lst .acc-item .tit-box .label em {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.acc-lst .acc-item .tit-box .btn-box1 {
    position: absolute;
    top: 50%; /* right:92px; */
    right: 30px;
    transform: translateY(-50%);
}

.acc-lst .acc-item .tit-box .btn-acc {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 0;
    background-color: transparent;
    color: transparent;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    cursor: pointer;
}

.acc-lst .acc-item .tit-box .btn-acc:before {
    display: none;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 12px;
    height: 12px;
    margin-top: -4px;
    border-right: solid 2px #4a4a4a;
    border-bottom: solid 2px #4a4a4a;
    transition: all .1s;
}

.acc-lst .acc-item.on .tit-box .btn-acc:before {
    margin-top: 4px;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.check_list_bx {
    position: relative;
    width: 570px;
    padding: 70px 0 15px 30px;
    box-sizing: border-box;
}

.check_list_bx .tt_tit {
    font-size: 16px;
}

.check_list_bx .tt_ex {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.check_list_bx .check_bx_all {
}

.check_list_bx .check_bx_all .check {
    margin-left: 135px;
}

.check_list_bx .check_bx_all .check:first-child {
    margin-left: 0;
}

.check_list_bx .check_bx_all label {
    font-size: 16px;
    font-weight: 500;
}

.check_list_bx .check_bx_all input[type="checkbox"], .check_list_bx .check_bx_all input[type="radio"] {
    opacity: 1;
}

.acc-lst .acc-item .acc-layer {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
    padding: 30px;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.acc-lst .acc-item .acc-layer [class^=txt] {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

.acc-lst .acc-item .acc-layer [class^=txt] + [class^=txt] {
    margin-top: 24px;
}

.acc-lst .acc-item .acc-layer .txt2 {
    font-weight: bold;
}

/* 테이블 입력폼 */
.join_end {
    width: 500px;
    margin: 0 auto;
}

.join_end table {
    border-top: 2px solid #000;
}

.join_ex {
    margin-top: 7px;
    color: #333;
    font-size: 13px;
    line-height: 16px;
}

.join_ex .blue {
    color: #1c90fb;
}

.table_join {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border-top: 1px solid #000;
}

.table_join caption {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
}

.table_join tbody th {
    padding: 28px 0 27px 30px;
    border-bottom: 1px solid #e5e5e5;
    color: #7b7b7b;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
}

.table_join tbody td {
    padding: 19px 10px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 22px;
}

.table_join .ac {
    text-align: center;
}

.table_join .al {
    text-align: left;
}

.table_join .ar {
    text-align: right;
}

.sp_lux {
    display: inline-block;
    width: 10px;
    height: 22px;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.sp_lux:before {
    content: '*';
    display: inline-block;
    width: 10px;
    height: 22px;
    color: #fc5356;
    font-size: 18px;
    text-indent: 0;
    line-height: 22px;
}

.table_join tbody td [class^=ico-status].sm {
    margin: 0 6px;
    vertical-align: bottom;
}

.table_join tbody td .tit-chk {
    position: relative;
    padding-right: 130px;
}

.table_join tbody td .tit-chk input[type=text] {
    width: 100%;
}

.table_join tbody td .tit-chk .chk-area {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 130px;
    box-sizing: border-box;
    padding-left: 16px;
}

.table_join tbody td .tit-chk .chk-area label {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

.table_join tbody td.edit-area {
    padding: 19px 0 0;
    border-bottom: 0;
}

.input_tt {
    position: relative;
    height: 44px;
    box-sizing: border-box;
    vertical-align: middle;
}

.input_tt.btn {
    padding-right: 98px;
}

.input_tt.inline {
    display: inline-block;
}

.input_tt .txt {
    position: relative;
    box-sizing: border-box;
}

.input_tt .txt input {
    width: 100%;
    height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    color: #333;
    font-size: 16px;
}

.input_tt .txt input:focus {
    border: 1px solid #666;
}

.input_tt .txt input:readonly,
.input_tt .txt input:disabled {
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    color: #999;
}

.input_tt .txt input::placeholder {
    color: #999;
}

.input_tt .txt svg {
    right: 10px !important;
}

.input_tt .txt.error input {
    border: 1px solid #ff0000;
}

.input_tt .txt.error .i_error {
    display: block !important;
}

.input_tt .txt.error .i_complete {
    display: none;
}

.input_tt .txt.error .i_write {
    display: none;
}

.input_tt .txt.error .i_default {
    display: none;
}

.input_tt .txt.complete input {
    border: 1px solid #15c22c;
}

.input_tt .txt.complete .i_error {
    display: none;
}

.input_tt .txt.complete .i_complete {
    display: block !important;
}

.input_tt .txt.complete .i_write {
    display: none;
}

.input_tt .txt.complete .i_default {
    display: none;
}

.input_tt .txt.write input {
    border: 1px solid #d6bf00;
}

.input_tt .txt.write .i_error {
    display: none;
}

.input_tt .txt.write .i_complete {
    display: none;
}

.input_tt .txt.write .i_default {
    display: none;
}

.input_tt .txt.write .i_write {
    display: block !important;
}

.input_tt button {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    background: #fff;
    color: #4a4a4a;
    font-size: 16px;
    transition: all .3s;
}

.input_tt button:hover,
.input_tt button:active {
    border: 1px solid #666;
}

.input_tt button:disabled {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    color: #7e7e7e;
}

table .input_tt {
    display: inline-block;
    width: 504px;
}

.btn_t_white {
    display: inline-block;
    width: 80px;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.btn_t_white:disabled {
    border: 1px solid #d3d3d3;
    background: #f2f2f2;
    color: #999;
}

.input_tt.phone:after {
    content: '';
    display: block;
    clear: both;
}

.input_tt.phone button {
    width: 122px;
}

.input_tt.phone .middleSpace {
    display: none;
}

.input_tt.phone .table-dropdown {
    float: left;
    width: 130px;
}

.input_tt.phone .table-dropdown .dropdown select {
    width: 100%;
}

.input_tt.phone .input_tt {
    float: left;
    width: 119px;
    margin-left: 3px;
}

.input_tt.mail:after {
    content: '';
    display: block;
    clear: both;
}

.input_tt.mail .input_tt.inline {
    float: left;
    width: 172px;
}

.input_tt.mail .middleSpace {
    float: left;
    width: 22px;
    font-weight: normal;
    text-align: center;
    line-height: 44px;
}

.input_tt.mail .table-dropdown {
    float: right;
    width: 130px;
}

.input_tt.mail .table-dropdown select {
    width: 100%;
}

.table_join .tt_ex {
    margin-top: 7px;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.table_join .tt_ex.blue {
    color: #265cf0;
}

.table_join .tt_ex .f-color1 {
    color: #265cf0;
    font-size: 16px;
}

.table_join .tt_ex .f-color2 {
    color: #7b7b7b;
    font-size: 16px;
}

.tt_ex.error {
    color: #ff0000;
}

.tt_ex.complete {
    color: #13ab27;
}

/* 가입완료 */
.s_contents.color-bg {
    padding: 100px 0;
    background-color: #f7f7f7;
}

.box-content {
    width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
}

.ico-text-type {
    padding: 100px 20px;
    text-align: center;
}

.ico-text-type .ico-area {
    margin-bottom: 40px;
    font-size: 0;
}

.ico-text-type .tit-area {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.61;
}

.ico-text-type .txt-area {
    margin-top: 10px;
    color: #7f7f7f;
    font-size: 18px;
    line-height: 1.67;
}

.ico-text-type .btm-btn-area {
    margin-top: 60px;
}

.ico-text-type .btm-btn-area [class^=btn-box] {
    min-width: 460px;
}

.box-content .join_table_bx {
    width: 600px;
    margin: 38px auto 0;
}

.box-content .table_join tbody td {
    text-align: left;
}

.box-content .join_table_bx + .txt-area {
    margin-top: 20px;
    font-size: 16px;
}

/* ======================
	나의 상담
====================== */
/* 검색 영역 */
.date-field {
    position: relative;
}

.date-field .btn-date {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    background: url(../imgs/sub/btn/ic_calendar_18_normal.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    outline: 0;
}

.srch-wrap {
    position: relative;
    padding: 9px 130px 9px 12px;
    border-radius: 4px;
    background-color: #f7f7f7;
}

.srch-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.srch-wrap .srch-item {
    float: left;
    position: relative;
    width: 33.3%;
    padding: 5px 0 5px 93px;
    box-sizing: border-box;
}

.srch-wrap .srch-item.wid2 {
    width: 66.6%;
}

.srch-wrap .srch-item.wid3 {
    width: 100%;
}

.srch-wrap .srch-item.wid4 {
    width: 50%;
}

.srch-wrap .srch-item:after {
    content: '';
    display: block;
    clear: both;
}

.srch-wrap .srch-item.wid3 .field-box {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
}

.srch-wrap .srch-item.wid3 .field-box select {
    background-color: #fff;
}

.srch-wrap .srch-item.wid3 .field-box:nth-child(3) {
    width: 33.4%;
    padding: 0 4px;
    background-color: #f7f7f7;
}

.srch-wrap .srch-item .tit-txt {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 93px;
    padding-right: 10px;
    box-sizing: border-box;
    color: #7b7b7b;
    font-size: 18px;
    text-align: right;
}

.srch-wrap .srch-item .field-box {
    display: inline-block;
    width: 100%;
}

.srch-wrap .srch-item .field-box input,
.srch-wrap .srch-item .field-box select {
    width: 100%;
}

.srch-wrap .btn-srch {
    position: absolute;
    top: 14px;
    right: 32px;
}

/* 데이트 피커 */
.srch-wrap .srch-item .field-box .PUDD.PUDD-UI-datePicker {
    width: 100%;
    height: 44px;
}

.srch-wrap .srch-item .field-box .PUDD.PUDD-UI-datePicker input {
    padding: 0 56px 0 16px;
    color: #000;
    font-size: 16px;
}

.srch-wrap .srch-item .field-box .PUDD.PUDD-UI-datePicker .btn {
    width: 40px;
    height: 100%;
}

.srch-wrap .srch-item .field-box .PUDD.PUDD-UI-datePicker svg {
    right: 13px;
}

/* 상담전체목록 */
.tbl-top-info {
    position: relative;
    margin-top: 50px;
    padding: 10px 0;
}

.tbl-top-info:first-child {
    margin-top: 0;
}

.tbl-top-info .info-lst {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.tbl-top-info .info-lst .item {
    float: left;
    position: relative;
    padding: 0 15px 0 16px;
    color: #000;
    font-size: 16px;
    line-height: 44px;
}

.tbl-top-info .info-lst .item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #e5e5e5;
}

.tbl-top-info .info-lst .item:first-child:before {
    display: none;
}

.tbl-top-info .info-lst .item .num {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
}

.tbl-top-info .info-lst .item .f-color1 {
    color: #fc5356;
}

.tbl-top-info .info-lst .item:first-child .num {
    color: #265cf0;
}

.tbl-top-info .table-dropdown + [class^=btn-box] {
    margin-left: 6px;
}

.tbl-top-info .rt-area {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.tbl-top-info .rt-area .switchs {
    margin-right: 20px;
}

.tbl-top-info .rt-area .switchs:last-child {
    margin-right: 0;
}

.tbl-lst table {
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #000;
}

.tbl-lst table th {
    height: 52px;
    background-color: #f7f7f7;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

.tbl-lst table td {
    height: 30px;
    padding: 26px 0;
    border-bottom: 1px solid #e5e5e5;
    background: #fff url(../imgs/sub/ico/ico_tbl_td.jpg) no-repeat 0 50%;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}

.tbl-lst table td:first-child {
    background: none;
}

.tbl-lst table tr:hover td,
.tbl-lst table tr.hover td {
    background-color: #f3f6fe;
    transition: all .5s ease-in;
}

.tbl-lst table td.subject {
    padding: 0;
    vertical-align: top;
}

.tbl-lst table td.subject a,
.tbl-lst table td.subject .in-txt {
    display: block;
    overflow: hidden;
    padding: 0 18px;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 82px;
    white-space: nowrap;
}

.tbl-lst table td.subject a.new {
    font-weight: bold;
}

.tbl-lst table td.subject a:hover,
.tbl-lst table td.subject a:focus {
    text-decoration: underline;
}

.tbl-lst table td.subject a [class^=ico-status]:first-child,
.tbl-lst table td.subject .in-txt [class^=ico-status]:first-child {
    margin-right: 9px;
    vertical-align: middle;
}

.tbl-lst table td.subject.bold a {
    font-weight: 500;
}


.tbl-lst table td.subject2 a {
    display: block;
    padding: 7px 10px 7px 15px;
    text-align: left;
}

.tbl-lst table td.subject2 a .tit-area {
    display: block;
    overflow: hidden;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tbl-lst table td.subject2 a .txt-area {
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.tbl-lst table td.subject2 a .txt-area em {
    float: left;
    position: relative;
    color: #7b7b7b;
    font-size: 16px;
    font-weight: bold;
}

.tbl-lst table td.subject2 a .txt-area em + em {
    margin-left: 6px;
    padding-left: 8px;
}

.tbl-lst table td.subject2 a .txt-area em + em:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background-color: #999;
}

.tbl-lst table .a-lft {
    padding-left: 17px;
    padding-right: 10px;
    text-align: left;
}

.tbl-lst table .status-area {
    padding-top: 5px;
    font-size: 0;
}

.tbl-lst table .status-area [class^=ico-status] {
    margin: 5px 0 0 5px;
}

.tbl-lst table .status-area [class^=ico-status]:first-child {
    margin-left: 0;
}

.tbl-lst table .f-style1 {
    font-size: 16px;
    color: #7b7b7b;
}

.tbl-lst table [class^=ico-status] + .f-style1 {
    margin-top: 6px;
}

.tbl-lst.type2 table tr {
    transition: background .3s;
}

.tbl-lst.type2 table tr:hover {
    background-color: #f5f8ff;
}

.tbl-lst.type2 table td {
    background: none;
    color: #7b7b7b;
    font-weight: normal;
}

.tbl-lst.type2 table td.subject a:hover,
.tbl-lst.type2 table td.subject a:focus {
    text-decoration: none;
}

.tbl-lst.type2 table td.subject a .ico-file {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    background: url(../imgs/sub/ico/ico_attach.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: middle;
    line-height: 0;
}

.tbl-lst.type2 table td.subject.wide a {
    position: relative;
    padding-right: 45px;
}

.tbl-lst.type2 table td.subject.wide a .ico-file {
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
}

[class^=ico-status] {
    display: inline-block;
    min-width: 63px;
    height: 30px;
    padding: 0 12px;
    border-radius: 25px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
    background-color: transparent;
}

.ico-status1 {
    border-color: #e3e3e3;
    background-color: #e3e3e3;
    color: #7e7e7e;
}

.ico-status2 {
    border-color: #f0c324;
    color: #f0c324;
}

.ico-status3 {
    border-color: #45a3f0;
    color: #45a3f0;
}

.ico-status4 {
    border-color: #1ec997;
    color: #1ec997;
}

.ico-status5 {
    border-color: #fc5356;
    color: #fc5356;
}

.ico-status6 {
    border-color: #265cf0;
    color: #265cf0;
}

.ico-status7 {
    border-color: #7b7b7b;
    color: #7b7b7b;
}

.ico-status8 {
    border-color: #2ebfff;
    background-color: #2ebfff;
    color: #fff;
}

.ico-status9 {
    border-color: #2b94ff;
    background-color: #2b94ff;
    color: #fff;
}

.ico-status10 {
    border-color: #8a4af0;
    background-color: #8a4af0;
    color: #fff;
}

.ico-status11 {
    border-color: #6153ff;
    background-color: #6153ff;
    color: #fff;
}

.ico-status12 {
    border-color: #2772ff;
    background-color: #2772ff;
    color: #fff;
}

.ico-status13 {
    border-color: #0542cb;
    background-color: #0542cb;
    color: #fff;
}

.ico-status14 {
    border-color: #17d1e2;
    background-color: #17d1e2;
    color: #fff;
}

.ico-status15 {
    border-color: #6a7b95;
    background-color: #6a7b95;
    color: #fff;
}

.ico-status16 {
    border-color: #fff5f6;
    background-color: #fff5f6;
    color: #ed4659;
}

.ico-status17 {
    border-color: #265cf0;
    background-color: #265cf0;
    color: #fff;
}

.ico-status18 {
    border-color: #4a4a4a;
    background-color: #4a4a4a;
    color: #fff;
}

.ico-status19 {
    border-color: #2b93fd;
    color: #2b93fd;
}

[class^=ico-status].sm {
    min-width: 46px;
    height: 20px;
    padding: 0 8px;
    font-size: 11px;
    line-height: 17px;
}

[class^=ico-status].edge {
    border-radius: 2px;
}

.pagenation {
    margin-top: 80px;
    font-size: 0;
    text-align: center;
}

.pagenation [class^=btn],
.pagenation .page {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0 4px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    color: #454545;
    transition: all .3s;
}

.pagenation [class^=btn]:hover,
.pagenation .page:hover,
.pagenation [class^=btn]:focus,
.pagenation .page:focus {
    border-color: #666;
}

.pagenation [class^=btn] {
    position: relative;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: top;
    line-height: 0;
}

.pagenation [class^=btn]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.pagenation .btn-first:before {
    background-image: url(../imgs/sub/btn/btn_page_first.png);
}

.pagenation .btn-prev:before {
    background-image: url(../imgs/sub/btn/btn_page_prev.png);
}

.pagenation .btn-next:before {
    background-image: url(../imgs/sub/btn/btn_page_next.png);
}

.pagenation .btn-last:before {
    background-image: url(../imgs/sub/btn/btn_page_last.png);
}

.pagenation .page {
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.pagenation .page.now {
    border-color: #265cf0;
    background-color: #265cf0;
    color: #fff;
}

.pagenation .page.now:hover,
.pagenation .page.now:focus {
    border-color: #3e6ff7;
    background-color: #3e6ff7;
}

.pagenation.disabled {
    position: relative;
}

.pagenation.disabled [class^=btn],
.pagenation.disabled .page {
    border-color: #e5e5e5;
    background-color: #fafafa;
    color: #7e7e7e;
}

.pagenation.disabled [class^=btn]:before {
    opacity: .5;
}

.pagenation.disabled .page.now {
    border-color: #e3e3e3;
    background-color: #e3e3e3;
}

.pagenation.disabled:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
}

/* 상담등록 */
.select-lst {
    display: inline-block;
    overflow: hidden;
    width: 504px;
    margin: 0 -2px;
    vertical-align: middle;
}

.select-lst .table-dropdown {
    float: left;
    width: 33.3%;
    padding: 0 2px;
    box-sizing: border-box;
}

.select-lst .table-dropdown:nth-child(2) {
    width: 33.4%;
}

.select-lst .table-dropdown select {
    width: 100%;
}

.tooltip-area {
    display: inline-block;
    vertical-align: middle;
}

.tooltip-area .btn-tooltip {
    display: block;
    padding: 10px 0 10px 24px;
    background: url(../imgs/sub/btn/btn_info.png) no-repeat 0 11px;
    color: #7b7b7b;
    font-size: 14px;
    font-weight: normal;
}

.tooltip-area .tooltip-layer {
    display: none;
}

.select-lst + .tooltip-area {
    margin-left: 10px;
}

.add-file-area .btn-info-area {
    overflow: hidden;
}

.add-file-area .btn-info-area .btn-plus {
    float: left;
}

.add-file-area .btn-info-area .btn-delete {
    float: left;
    margin: 7px 0 0 7px;
    padding: 0 7px;
    border: 0;
    background-color: transparent;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 30px;
}

.add-file-area .btn-info-area .btn-delete:focus {
    outline: 1px dotted #999;
}

.add-file-area .btn-info-area .rt-info {
    overflow: hidden;
    float: right;
}

.add-file-area .btn-info-area .rt-info .item {
    float: left;
    position: relative;
    color: #7b7b7b;
    font-size: 16px;
    line-height: 44px;
}

.add-file-area .btn-info-area .rt-info .item + .item {
    margin-left: 13px;
    padding-left: 14px;
}

.add-file-area .btn-info-area .rt-info .item + .item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #e5e5e5;
}

.add-file-area .btn-info-area .rt-info .item span {
    color: #265cf0;
    font-size: 16px;
}

.add-file-area .btn-info-area .rt-info .item:first-child span {
    color: #000;
}

.add-file-area .file-lst {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    min-height: 126px;
    max-height: 420px;
    margin-top: 10px;
    border: 1px solid #dbdbdb;
}

.add-file-area .file-lst .file-item {
    position: relative;
    padding: 0 75px 0 17px;
    transition: background .3s;
}

.add-file-area .file-lst .file-item:hover,
.add-file-area .file-lst .file-item:focus {
    background-color: #f5f8ff;
}

.add-file-area .file-lst .file-item .file {
    color: #000;
    font-size: 16px;
    line-height: 42px;
}

.add-file-area .file-lst .file-item .file span {
    color: #7b7b7b;
}

.add-file-area .file-lst .file-item .file.pdf {
    padding-left: 20px;
    background: url(../imgs/sub/ico/ico_pdf.png) no-repeat 0 50%;
}

.add-file-area .file-lst .file-item [class^=btn-box] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.add-file-area .none-file {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    color: #999;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.add-file-area .file-lst .file-item + .none-file {
    display: none;
}

/* 상담진행내역 */
.info-btn-area {
    display: inline-block;
    vertical-align: middle;
}

.info-btn-area .btn-info {
    width: 18px;
    height: 18px;
    border: 0;
    background: transparent url(../imgs/sub/btn/btn_info.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    outline: 0;
}

.info-btn-area .info-layer {
    display: none;
}

.advice-info {
    position: relative;
    min-height: 310px;
    padding-right: 383px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e5e5e5;
}

.advice-info .tit-box {
    overflow: hidden;
}

.advice-info .tit-box dl {
    float: left;
    width: 50%;
    height: 94px;
    padding: 21px 0 0 93px;
    box-sizing: border-box;
    background: url(../imgs/sub/ico/ico_person.png) no-repeat 20px 50%;
}

.advice-info .tit-box dl:first-child {
    padding-left: 113px;
    background: url(../imgs/sub/ico/ico_customer.png) no-repeat 40px 50%;
}

.advice-info .tit-box dl dt {
    color: #7b7b7b;
    font-size: 16px;
}

.advice-info .tit-box dl dd {
    margin-top: 4px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.advice-info .info-lst {
    overflow: hidden;
    padding: 36px 20px;
    border-top: 1px solid #e5e5e5;
}

.advice-info .info-lst .info-item {
    float: left;
    position: relative;
    width: 50%;
    padding: 5px 20px 6px 29px;
    box-sizing: border-box;
    color: #7b7b7b;
    font-size: 18px;
    line-height: 1.4;
}

.advice-info .info-lst .info-item.wide {
    width: 100%;
}

.advice-info .info-lst .info-item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    width: 2px;
    height: 2px;
    margin-top: -1px;
    background-color: #999;
}

.advice-info .info-lst .info-item .info {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: #30333b;
    font-size: 18px;
    font-weight: bold;
}

.advice-info .info-lst .info-item .info .f-nm {
    font-size: 18px;
    font-weight: normal;
}

.advice-info .info-lst .info-item .info .info-btn-area {
    margin-left: 4px;
}

.advice-info .info-lst .info-item .f-style {
    font-size: 18px;
    text-decoration: underline;
    vertical-align: middle;
}

.advice-info .info-lst .info-item [class^=ico-status] {
    margin-left: 10px;
    vertical-align: bottom;
}

.advice-info .info-lst .info-item .f-color1 {
    color: #265cf0;
    font-size: 18px;
}

.advice-info .info-lst .info-item .f-color2 {
    color: #fc5356;
    font-size: 18px;
}

.advice-info .chart-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 383px;
    border-left: 1px solid #e5e5e5;
}

.advice-info.type2 {
    min-height: auto;
    padding-right: 0;
}

.advice-history {
    position: relative;
    margin-bottom: -160px;
    padding-bottom: 160px;
    border-top: 1px solid #000;
}

.advice-history:before {
    content: '';
    position: absolute;
    top: 57px;
    bottom: 0;
    left: 20px;
    width: 1px;
    background-color: #d9d9d9;
}

.advice-history .years-hr {
    position: relative;
    padding: 60px 0 0 40px;
    text-align: center;
}

.advice-history .years-hr:before {
    content: '';
    position: absolute;
    top: 77px;
    left: 40px;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}

.advice-history .years-hr .years {
    display: inline-block;
    position: relative;
    width: 154px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 25px;
    border: 1px solid #e3e3e3;
    background-color: #f7f7f7;
    color: #7e7e7e;
    font-size: 16px;
    line-height: 31px;
}

.advice-history .history-lst {
    padding-top: 10px;
}

.advice-history .history-lst .history-item {
    padding: 13px 0 0 40px;
}

.advice-history .history-item .tit-date {
    position: relative;
    margin-left: -40px;
    padding-left: 40px;
    color: #000;
    font-size: 20px;
    line-height: 54px;
}

.advice-history .history-item .tit-date:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 13px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ccc;
}

.advice-history .history-item .tit-date .f-style {
    display: inline-block;
    margin-right: 0px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.advice-history .history-item .tit-date [class^=ico-status] {
    margin-left: 16px;
}

.advice-history .history-item .status-box {
    position: relative;
    margin-top: 7px;
    padding: 42px 0 20px;
    border-radius: 12px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .08);
    border: 1px solid #e0e0e0;
}

.advice-history .history-item .status-box .btn-detail {
    display: inline-block;
    position: absolute;
    top: 37px;
    right: 39px;
    padding: 0 24px 0 5px;
    background: url(../imgs/sub/btn/btn_page_next.png) no-repeat 100% 50%;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 40px;
}

.advice-history .history-item .status-box .tit-box {
    padding: 0 40px 20px;
}

.advice-history .history-item .status-box .tit-box .info-area {
    overflow: hidden;
}

.advice-history .history-item .status-box .tit-box .info {
    float: left;
    position: relative;
    color: #7b7b7b;
    font-size: 18px;
}

.advice-history .history-item .status-box .tit-box .info + .info {
    margin-left: 10px;
    padding-left: 10px;
}

.advice-history .history-item .status-box .tit-box .info + .info:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #e5e5e5;
}

.advice-history .history-item .status-box .tit-box .info:first-child {
    color: #265cf0;
    font-weight: bold;
}

.advice-history .history-item .status-box .tit-box .subject {
    margin-top: 14px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.advice-history .history-item .status-box .btn-tog {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 36px;
    border: 0;
    background-color: transparent;
    outline: 0;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
}

.advice-history .history-item .status-box .btn-tog:focus {
    outline: 1px dotted #999;
}

.advice-history .history-item .status-box .btn-tog:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url(../imgs/sub/btn/btn_arr_down.png) no-repeat 50% 50%;
}

.advice-history .history-item .status-layer {
    display: none;
    padding: 25px 0 35px;
    margin: 0 40px;
    border-top: 1px solid #e5e5e5;
}

.advice-history .history-item .status-layer .btn-file-down {
    margin: -3px 0 20px;
}

.advice-history .history-item .status-layer .step-area {
    border-radius: 60px;
    background-color: #f5f8ff;
}

.advice-history .history-item .status-layer .step-area:after {
    content: '';
    display: block;
    clear: both;
}

.advice-history .history-item .status-layer .step-area .step {
    float: left;
    position: relative;
    width: 25%;
    padding-left: 20px;
    box-sizing: border-box;
}

.advice-history .history-item .status-layer .step-area .step + .step {
    padding-left: 40px;
    background: url(../imgs/sub/bg/bg_process_next.png) no-repeat 0 50%;
}

.advice-history .history-item .status-layer .step-area .step .in-txt {
    height: 66px;
    padding-top: 12px;
    box-sizing: border-box;
    font-size: 0;
}

.advice-history .history-item .status-layer .step-area .step .num {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #fff;
    color: #265cf0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 42px;
}

.advice-history .history-item .status-layer .step-area .step .txt-area {
    display: inline-block;
    position: relative;
    z-index: 5;
    margin-left: 10px;
    color: #265cf0;
    font-size: 18px;
    vertical-align: middle;
}

.advice-history .history-item .status-layer .step-area .step .txt-area .date {
    display: none;
    color: #7b7b7b;
    font-size: 14px;
}

/* on */
.advice-history .history-item .status-layer .step-area .step.on:before,
.advice-history .history-item .status-layer .step-area .step.on:after {
    content: '';
    position: absolute;
    top: -4px;
    width: 40px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.advice-history .history-item .status-layer .step-area .step.on:before {
    left: -8px;
    background-image: url(../imgs/sub/bg/bg_process_on_lft.png);
}

.advice-history .history-item .status-layer .step-area .step.on:first-child:before {
    background-image: url(../imgs/sub/bg/bg_process_on_first.png);
}

.advice-history .history-item .status-layer .step-area .step.on:after {
    right: -27px;
    background-image: url(../imgs/sub/bg/bg_process_on_rt.png);
}

.advice-history .history-item .status-layer .step-area .step.on:last-child:after {
    background-image: url(../imgs/sub/bg/bg_process_on_last.png);
}

.advice-history .history-item .status-layer .step-area .step.on .in-txt:before {
    content: '';
    position: absolute;
    top: -4px;
    right: 13px;
    left: 31px;
    height: 80px;
    background: url(../imgs/sub/bg/bg_process_on.png) repeat-x 0 0;
}

.advice-history .history-item .status-layer .step-area .step.on .num {
    background-color: #265cf0;
    color: #fff;
}

.advice-history .history-item .status-layer .step-area .step.on .txt-area {
    font-weight: bold;
}

.advice-history .history-item .status-layer .step-area .step.com .num {
    background: transparent url(../imgs/sub/bg/bg_process_com.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
}

.advice-history .history-item .status-layer .step-area .step.com .txt-area {
    color: #7b7b7b;
}

.advice-history .history-item .status-layer .step-area .step.com .txt-area .date {
    display: block;
}

.advice-history .history-item .status-layer .step-notice {
    margin-top: 25px;
}

.advice-history .history-item .status-layer .step-notice .txt {
    color: #265cf0;
    font-size: 18px;
    text-align: center;
}

.advice-history .history-item .status-layer .step-notice .txt span {
    color: #265cf0;
    font-size: 18px;
    font-weight: bold;
}

/* 레이어 열렸을 경우 */
.advice-history .history-item .status-box,
.advice-history .history-item .tit-date:before,
.advice-history .history-item .tit-date .f-style {
    transition: border, background, color .8s;
}

.advice-history .history-item .status-box .btn-tog:before {
    transition: transform .3s;
}

.advice-history .history-item.on .status-box {
    margin-top: 0;
    border-color: #265cf0;
}

.advice-history .history-item.on .tit-date:before {
    background-color: #265cf0;
}

.advice-history .history-item.on .tit-date .f-style {
    color: #265cf0;
}

.advice-history .history-item.on .status-box .btn-tog:before {
    transform: translate(-50%, -50%) rotate(-180deg);
}


/*상담상세내역 */
.c-tit-box + .view-content.questions,
.view-content.answer {
    border-top: 1px solid #000;
}

.view-content .tit-box {
    padding: 40px 0 44px;
}

.view-content .tit-box [class^=ico-status] {
    margin-bottom: 14px;
}

.view-content .tit-box .tit-area {
    color: #000;
    font-size: 28px;
    font-weight: bold;
}

.view-content.questions .tit-box .tit-area {
    padding-left: 52px;
    background: url(../imgs/sub/ico/ico_question.png) no-repeat 0 1px;
}

.view-content.answer .tit-box .tit-area {
    min-height: 33px;
    padding-top: 4px;
    padding-bottom: 12px;
    padding-left: 52px;
    background: url(../imgs/sub/ico/ico_answer.png) no-repeat 0 1px;
    font-size: 24px;
}

.view-content .tit-box .tit-area .len {
    font-size: 28px;
    color: #265cf0
}

.view-content .tit-box .info-area {
    overflow: hidden;
    margin-top: 14px;
}

.view-content .tit-box .info-area .info-txt {
    float: left;
    position: relative;
    margin-left: 14px;
    padding-left: 15px;
    color: #7b7b7b;
    font-size: 18px;
    line-height: 30px;
}

.view-content .tit-box .info-area .info-txt:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #e5e5e5;
}

.view-content .tit-box .info-area .info-txt:first-child {
    margin-left: 0;
    padding-left: 0;
}

.view-content .tit-box .info-area .info-txt:first-child:before {
    display: none;
}

.view-content .tit-box .info-area [class^=ico-status] {
    float: left;
}

.view-content .file-box {
    padding: 25px 44px 22px;
    border-top: 1px solid #000;
}

.view-content.questions .file-box {
    border-top-color: #e5e5e5;
}

.view-content .file-box .btn-file-down {
    padding-top: 6px;
    padding-bottom: 7px;
}

.view-content .cont-box {
    padding: 57px 40px 110px;
    border-top: 1px solid #e5e5e5;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

.view-content.questions .cont-box {
    padding: 38px 40px;
    color: #000;
}

.bg-content {
    background-color: #fafafa;
}

.center-cont + .bg-content {
    margin-top: -88px;
}

.bg-content .view-content {
    border-top: 0;
}

.bg-content.type2 {
    margin-top: -50px;
    padding-top: 16px;
    background-color: #f3f3f3;
}

.view-content.answer .tit-box {
    padding-bottom: 0;
}

.view-content.answer .cont-box + .tit-box {
    padding-top: 15px;
}

.view-content.answer .tit-box .tit-area .len {
    font-size: 24px;
}

.view-content.answer .tit-box .info-area {
    margin-top: 0;
    padding: 25px 30px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.view-content.answer .tit-box .info-area [class^=ico-status] {
    margin-bottom: 0;
}

.view-content.answer .tit-box .info-area .info-txt {
    color: #999;
}

.view-content.answer .tit-box .info-area .info-txt em {
    color: #555;
    font-size: 18px;
}

.view-content.answer .cont-box {
    padding: 28px 40px 45px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    background-color: #fff;
}

.view-content.answer .file-tit {
    overflow: hidden;
    margin: 33px 0 9px;
}

.view-content.answer .file-tit .tit-area {
    float: left;
    color: #7b7b7b;
    font-size: 18px;
    line-height: 34px;
}

.view-content.answer .file-tit .tit-area span {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.view-content.answer .file-tit .tit-area .f-color {
    color: #265cf0;
}

.view-content.answer .file-tit .btn-download {
    float: left;
    position: relative;
    margin-left: 14px;
    padding: 0 15px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 34px;
    outline: 0;
}

.view-content.answer .file-tit .btn-download:hover,
.view-content.answer .file-tit .btn-download:focus {
    text-decoration: underline;
}

.view-content.answer .file-tit .btn-download:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #e5e5e5;
}

.view-content.answer .file-box {
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.appraisal-area {
    position: relative;
    margin-top: 80px;
    padding: 0 190px 0 284px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.appraisal-area .tit-area {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    color: #000;
    font-size: 18px;
}

.appraisal-area .rdo-img-lst {
    overflow: hidden;
}

.appraisal-area .rdo-img-lst li {
    float: left;
    position: relative;
    width: 20%;
    height: 112px;
    padding: 27px 0 0 32px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0;
}

.appraisal-area .rdo-img-lst li .rdioBox {
    display: inline-block;
    vertical-align: top;
}

.appraisal-area .rdo-img-lst li label {
    display: inline-block;
    min-width: 56px;
    vertical-align: top;
}

.appraisal-area .rdo-img-lst li img {
    display: inline-block;
}

.appraisal-area .rdo-img-lst li .txt {
    display: block;
    margin-top: 6px;
    color: #000;
    font-size: 14px;
}

.appraisal-area [class^=btn-box] {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.page-prev-next {
    border-top: 1px solid #e5e5e5;
}

.page-prev-next [class^=page-] {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 160px 0 270px;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    line-height: 80px;
    white-space: nowrap;
    transition: background .3s;
}

.page-prev-next [class^=page-]:hover,
.page-prev-next [class^=page-]:focus {
    background-color: #f5f8ff;
}

.page-prev-next [class^=page-].disabled {
    background-color: transparent;
    color: #7b7b7b;
    cursor: default;
}

.page-prev-next [class^=page-] .txt,
.page-prev-next [class^=page-] .date {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.page-prev-next [class^=page-] .txt {
    left: 30px;
    padding-right: 30px;
    color: #000;
    font-weight: bold;
}

.page-prev-next [class^=page-] .txt:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: 6px solid transparent;
}

.page-prev-next .page-prev .txt:before {
    margin-top: -3px;
    border-bottom-color: #265cf0;
}

.page-prev-next .page-next .txt:before {
    margin-top: 4px;
    border-top-color: #265cf0;
}

.page-prev-next [class^=page-] .date {
    right: 40px;
    color: #7b7b7b;
}

/* ======================
	마이페이지
====================== */
/* 회원탈퇴 */
.agree-gray-box {
    padding-top: 20px;
    border-top: 1px solid #000;
}

.agree-gray-box .tex-area {
    min-height: 400px;
    padding: 27px 30px;
    box-sizing: border-box;
    background-color: #fafafa;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

.agree-gray-box .tex-area .tit-txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
}

.agree-gray-box .tex-area .f-color1 {
    color: #265cf0;
    font-size: 16px;
    line-height: 1.75;
}

.agree-chk-area {
    position: relative;
    margin-top: 20px;
    padding-left: 40px;
}

.agree-chk-area .chkBox {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.agree-chk-area label {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.agree-chk-area label span {
    color: #fc5356;
    font-size: 20px;
}

/* 회원정보확인 */
.txt.icon_id.readonly {
    border-color: #e5e5e5;
    background-color: #fafafa;
}

.txt.icon_id.readonly input[readonly] {
    color: #999;
    background-color: transparent;
}

/* ======================
	공지사항
====================== */
/* 블루멤버십 */
.qna-box-cont {
    border: 1px solid #e5e5e5;
    border-top-color: #000;
}

.qna-box-cont .tit-box {
    min-height: 30px;
    padding: 40px 30px 40px 100px;
    background: url(../imgs/sub/ico/ico_question.png) no-repeat 44px 38px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

.qna-box-cont .cont-box {
    padding: 0 40px 40px;
    border-top: 1px solid #e5e5e5;
}

.qna-box-cont .cont-box .a-tit {
    padding: 39px 30px 39px 60px;
    background: url(../imgs/sub/ico/ico_answer.png) no-repeat 4px 38px;
    color: #000;
    font-size: 18px;
    line-height: 1.67;
}

.qna-box-cont .cont-box .color-box {
    padding: 40px 50px 40px 60px;
    background-color: #fafafa;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.56;
}

.qna-box-cont .cont-box .ico-noti-txt {
    margin: -6px 0 20px;
    padding: 6px 0 7px 52px;
    background: url(../imgs/sub/ico/ico_notice.png) no-repeat 0 0;
    color: #265cf0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.39;
}

.box-cont-lst {
    padding-top: 40px;
}

.box-cont-lst:first-child {
    padding-top: 80px;
}

.box-cont-lst .tit-box {
    min-height: 30px;
    padding: 28px 30px 29px 40px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.69;
}

.box-cont-lst .tit-box .f-color1 {
    color: #265cf0;
    font-size: 18px;
}

.box-cont-lst .cont-box {
    padding: 37px 30px 58px 40px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

/* 블루멤버십 구성 및 회원자격 */
.member-service-lst {
    border-top: 1px solid #000;
}

.member-service-item {
    position: relative;
    min-height: 164px;
    padding: 48px 40px 45px 345px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
}

.member-service-item .tit-area {
    position: absolute;
    top: 48px;
    left: 50px;
    padding: 20px 0 20px 90px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.member-service-item.ico1 .tit-area {
    background-image: url(../imgs/sub/ico/ic_service01.png);
}

.member-service-item.ico2 .tit-area {
    background-image: url(../imgs/sub/ico/ic_service02.png);
}

.member-service-item.ico3 .tit-area {
    background-image: url(../imgs/sub/ico/ic_service03.png);
}

.member-service-item.ico4 .tit-area {
    background-image: url(../imgs/sub/ico/ic_service04.png);
}

.member-service-item .txt-lst li {
    position: relative;
    padding-left: 17px;
    color: #000;
    font-size: 18px;
    line-height: 1.56;
}

.member-service-item .txt-lst li + li {
    margin-top: 14px;
}

.member-service-item .txt-lst li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #6f7074;
}

.box-dl {
    margin-top: 20px;
    position: relative;
    padding-left: 260px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.box-dl + .box-dl {
    margin-top: 40px;
}

.box-dl dt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    border-right: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.box-dl dt .txt {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    padding: 0 10px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.box-dl dd {
    padding: 50px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

/* 원격지원 */
.remote-step-lst {
    overflow: hidden;
    border-top: 1px solid #000;
}

.remote-step-lst .lst-inner {
    margin: 0 -20px;
    text-align: center;
    font-size: 0;
}

.remote-step-lst .lst-inner .lst-item {
    display: inline-block;
    position: relative;
    width: 396px;
    min-height: 300px;
    padding: 52px 0 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
}

.remote-step-lst .lst-inner .lst-item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -12px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../imgs/sub/ico/ico_arr_double.png) no-repeat 50% 50%;
}

.remote-step-lst .lst-inner .lst-item:nth-child(1):before,
.remote-step-lst .lst-inner .lst-item:nth-child(4):before {
    display: none;
}

.remote-step-lst .lst-inner .lst-item .num {
    margin-bottom: 11px;
    font-size: 16px;
    font-weight: bold;
}

.remote-step-lst .lst-inner .lst-item:nth-child(1) .num {
    color: #72cfff;
}

.remote-step-lst .lst-inner .lst-item:nth-child(2) .num {
    color: #52b0ff;
}

.remote-step-lst .lst-inner .lst-item:nth-child(3) .num {
    color: #3e90ff;
}

.remote-step-lst .lst-inner .lst-item:nth-child(4) .num {
    color: #276eff;
}

.remote-step-lst .lst-inner .lst-item:nth-child(5) .num {
    color: #1154eb;
}

.remote-step-lst .lst-inner .lst-item:nth-child(6) .num {
    color: #0541ba;
}

.remote-step-lst .lst-inner .lst-item .ico-area {
    height: 76px;
    font-size: 0;
    text-align: center;
}

.remote-step-lst .lst-inner .lst-item .tit-area {
    margin-top: 17px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.remote-step-lst .lst-inner .lst-item .txt-area {
    margin-top: 7px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.5;
}

/* ======================
	상담상황판
====================== */
.rt-menu-conts {
    position: relative;
    border-top: 1px solid #000;
}

.rt-menu-conts:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -160px;
    left: 829px;
    width: 1px;
    background-color: #e5e5e5;
}

.rt-menu-conts:after {
    content: '';
    display: block;
    clear: both;
}

.rt-menu-conts .lft-conts {
    float: left;
    width: 790px;
}

.rt-menu-conts .btn-file-down {
    text-decoration: none;
}

.rt-menu-conts .btn-file-down span,
.rt-menu-conts .btn-file-down [class^=btn-box] {
    display: inline-block;
    vertical-align: middle;
}

.rt-menu-conts .btn-file-down span {
    margin-right: 8px;
}

.view-content.questions .rt-menu-conts .file-box {
    border-top: 0;
}

.rt-menu-conts .c-tit-box .c-tit .len {
    color: #265cf0;
    font-size: 24px;
}

.rt-menu-conts .c-tit-box .c-tit .txt-a {
    display: inline-block;
    width: 40px;
    height: 38px;
    margin-right: 5px;
    background: url(../imgs/sub/ico/ico_answer.png) no-repeat 0 0;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: bottom;
}

.rt-menu-conts .table_join tbody td {
    padding-right: 0;
    font-weight: normal;
}

.rt-menu-conts .select-lst {
    width: 100%;
}

.rt-menu-conts .add-file-area .btn-info-area .rt-info .item:last-child,
.rt-menu-conts .add-file-area .btn-info-area .rt-info .item span {
    color: #999;
}

.view-content.questions .rt-menu-conts .cont-box {
    padding-bottom: 120px;
}

.com-history {
    padding-top: 20px;
    border-top: 1px solid #000;
}

.com-history .txt-field {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.com-history .txt-field input[type=text] {
    width: 100%;
    height: 64px;
    padding-right: 114px;
}

.com-history .txt-field .btn-save {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 98px;
    height: 62px;
    border-left: 1px solid #e5e5e5;
    background-color: #fafafa;
    color: #7e7e7e;
    font-size: 16px;
    text-align: center;
    line-height: 62px;
}

.com-history .com-lst .com-item {
    position: relative;
    height: 82px;
    border-bottom: 1px solid #e5e5e5;
}

.com-history .com-lst .com-item .txt {
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
    color: #000;
    font-size: 18px;
}

.com-history .com-lst .com-item .rt-area {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 0;
}

.com-history .com-lst .com-item .rt-area .name {
    display: inline-block;
    color: #4a4a4a;
    font-size: 16px;
    vertical-align: middle;
}

.com-history .com-lst .com-item .rt-area .btn-del {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-left: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    background: url(../imgs/sub/btn/btn_del.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: middle;
    line-height: 0;
    transition: all .3s;
}

.com-history .com-lst .com-item .rt-area .btn-del:hover,
.com-history .com-lst .com-item .rt-area .btn-del:focus {
    border-color: #666;
}

.answer-lst {
    padding: 10px 30px 20px 30px;
    border-top: 1px solid #000;
    background-color: #f5f6f6;
}

.answer-lst .answer-item {
    position: relative;
    padding: 20px 0 10px 48px;
}

.answer-lst .answer-item:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 19px;
    width: 1px;
    background-color: #e0e1e5;
}

.answer-lst .answer-item:first-child:before {
    top: 20px;
}

.answer-lst .answer-item:last-child:before {
    bottom: 10px;
}

.answer-lst .answer-item .info-tit {
    position: relative;
    margin-left: -48px;
    padding-left: 48px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    cursor: pointer;
    outline: 0;
}

.answer-lst .answer-item.disabled {
    opacity: .6;
}

.answer-lst .answer-item.disabled .info-tit {
    cursor: default;
}

.answer-lst .answer-item.ico1 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_01_off.png);
}

.answer-lst .answer-item.ico2 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_02_off.png);
}

.answer-lst .answer-item.ico3 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_03_off.png);
}

.answer-lst .answer-item.ico4 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_04_off.png);
}

/* on */
.answer-lst .answer-item.on.ico1 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_01_on.png);
}

.answer-lst .answer-item.on.ico2 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_02_on.png);
}

.answer-lst .answer-item.on.ico3 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_03_on.png);
}

.answer-lst .answer-item.on.ico4 .info-tit {
    background-image: url(../imgs/sub/ico/ico_answer_04_on.png);
}

.answer-lst .answer-item .info-tit .tit-area {
    color: #7b7b7b;
    font-size: 18px;
    line-height: 38px;
}

/* on */
.answer-lst .answer-item.on .info-tit .tit-area {
    color: #265cf0;
    font-weight: bold;
}

.answer-lst .answer-item .info-tit .tit-area .len {
    display: inline-block;
    margin-left: 10px;
    padding: 0 0 5px 22px;
    background: url(../imgs/sub/ico/ico_a_len_off.png) no-repeat 0 5px;
    color: #7b7b7b;
    font-size: 13px;
    vertical-align: middle;
    line-height: 27px;
}

/* on */
.answer-lst .answer-item.on .info-tit .tit-area .len {
    background: url(../imgs/sub/ico/ico_a_len_on.png) no-repeat 0 5px;
    color: #265cf0;
}

.answer-lst .answer-item .info-tit .info {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.answer-lst .answer-item .info-tit .info span {
    float: left;
    position: relative;
    color: #999;
    font-size: 14px;
}

.answer-lst .answer-item .info-tit .info span + span {
    margin-left: 6px;
    padding-left: 7px;
}

.answer-lst .answer-item .info-tit .info span + span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 2px;
    margin-top: -1px;
    background-color: #999;
}

.answer-lst .answer-item .tog-layer {
    display: none;
    position: relative;
    margin-top: 3px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    line-height: 1.75;
}

.answer-lst .answer-item .tog-layer:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -33px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background-color: #bcc4cb;
}

.rt-menu-conts .rt-menu {
    float: right;
    width: 330px;
    padding: 18px 0 0;
}

.rt-menu-conts .rt-menu .menu-box {
    position: relative;
    margin-top: 60px;
}

.rt-menu-conts .rt-menu .menu-box + .menu-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: -40px;
    height: 1px;
    background-color: #e5e5e5;
}

.rt-menu-conts .rt-menu .menu-box:first-child {
    margin-top: 0;
}

.rt-menu-conts .rt-menu .menu-box .tit-area {
    position: relative;
    height: 64px;
}

.rt-menu-conts .rt-menu .menu-box .tit-area .tit-txt {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 64px;
}

.rt-menu-conts .rt-menu .menu-box .tit-area .btn-winpop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../imgs/sub/btn/btn_page_next.png) no-repeat 100% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
}

.rt-menu-conts .rt-menu .menu-box [class^=info-conts-] .name-area {
    position: relative;
    height: 56px;
    padding-left: 57px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 56px;
}

.rt-menu-conts .rt-menu .menu-box .info-conts-customer .name-area {
    background-color: #edf2ff;
    background-image: url(../imgs/sub/ico/ico_customer.png);
}

.rt-menu-conts .rt-menu .menu-box .info-conts-personal .name-area {
    background-color: #f5f0ff;
    background-image: url(../imgs/sub/ico/ico_person.png);
}

.rt-menu-conts .rt-menu .menu-box [class^=info-conts-] .name-area .label {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 46px;
    height: 30px;
    margin-top: -15px;
    border-radius: 2px;
    background-color: #4a4a4a;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.rt-menu-conts .rt-menu .menu-box [class^=info-conts-] .name-area .label.jay {
    background-color: #e3e3e3;
    color: #7e7e7e;
}

.rt-menu-conts .rt-menu .menu-box [class^=info-conts-] .name-area .val {
    display: inline-block;
    margin-right: 10px;
    color: #7b7b7b;
    font-size: 18px;
    font-weight: normal;
}

.rt-menu-conts .rt-menu .menu-box .info-lst {
    padding: 15px 0 24px;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li {
    overflow: hidden;
    padding: 5px 0;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-lft {
    float: left;
    position: relative;
    padding-left: 10px;
    color: #7b7b7b;
    font-size: 18px;
    line-height: 27px;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-lft:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1px;
    width: 2px;
    height: 2px;
    margin-top: -1px;
    background-color: #000;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-rt {
    float: right;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    line-height: 27px;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-rt [class^=f-color] {
    font-size: 18px;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-rt .f-color1 {
    color: #265cf0;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-rt .f-color2 {
    color: #fc5356;
}

.rt-menu-conts .rt-menu .menu-box .info-lst li .txt-rt [class^=ico-status] {
    margin: 2px 0 0 8px;
    vertical-align: top;
}

.rt-menu-conts .recom-answer .btn-winpop {
    display: block;
    position: relative;
    min-height: 56px;
    padding: 20px 0 20px 82px;
}

.rt-menu-conts .recom-answer .btn-winpop + .btn-winpop {
    border-top: 1px solid #e5e5e5;
}

.rt-menu-conts .recom-answer .btn-winpop .recom {
    position: absolute;
    top: 20px;
    left: 0;
    color: #265cf0;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

.rt-menu-conts .recom-answer .btn-winpop .recom .num-box {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background-color: #e4efff;
    color: #265cf0;
    font-size: 30px;
    font-weight: bold;
    line-height: 56px;
}

.rt-menu-conts .recom-answer .btn-winpop.com .recom {
    color: #7e7e7e;
}

.rt-menu-conts .recom-answer .btn-winpop.com .recom .num-box {
    background-color: #e3e3e3;
    color: #7e7e7e;
}

.rt-menu-conts .recom-answer .btn-winpop .txt-area .tit-txt {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
}

.rt-menu-conts .recom-answer .btn-winpop .txt-area .txt {
    margin-top: 8px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

.rt-menu-conts .recom-answer .btn-winpop .btn-file-down {
    margin-top: 11px;
    font-weight: bold;
}

.rt-menu-conts .update-lst {
    padding: 8px 0;
}

.rt-menu-conts .update-lst .btn-winpop {
    display: block;
    position: relative;
    color: #000;
    font-size: 18px;
    line-height: 46px;
}

.rt-menu-conts .update-lst .btn-winpop .date {
    position: absolute;
    top: 0;
    right: 0;
    color: #7b7b7b;
    font-size: 16px;
    line-height: 46px;
}

/* ======================
	오프라인세미나
====================== */
/* 목록 */
.s_tab_bx .s_tab_cc .rt-area {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.tbl-lst table td [class^=bullet-] {
    display: block;
    position: relative;
    padding-left: 38px;
    width: 100%;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.tbl-lst table td [class^=bullet-] .bul {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
}

.tbl-lst table td .num-len {
    font-size: 18px;
    font-weight: normal;
}

.tbl-lst table td .num-len .len {
    font-size: 18px;
    font-weight: bold;
}

.tbl-lst table td .num-len .color {
    color: #265cf0;
}

.years-navi {
    height: 160px;
    padding-top: 60px;
    box-sizing: border-box;
    text-align: center;
}

.years-navi .in-area {
    display: inline-block;
    position: relative;
    font-size: 0;
}

.years-navi .years {
    display: block;
    padding: 0 54px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 44px;
}

.years-navi [class^=btn-] {
    position: absolute;
    top: 0;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
}

.years-navi .btn-prev {
    left: 0;
    background-image: url(../imgs/sub/btn/btn_prev.png);
}

.years-navi .btn-next {
    right: 0;
    background-image: url(../imgs/sub/btn/btn_next.png);
}

.years-navi .sel-styled {
    position: relative;
    display: inline-block;
}

.years-navi .sel-styled:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(../imgs/renew/btn_accordion_arr_down.png) no-repeat 50% 50%;
}

.years-navi .sel-styled select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 40px;
    padding: 0 44px 0 10px !important;
    border: 0;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
}

.years-navi .sel-styled select::-ms-expand {
    display: none;
}

.years-navi .sel-styled select option {
    font-size: 18px;
}

/* 상세 */
.view-tit-area {
    position: relative;
    margin: 50px 0 20px;
    padding: 38px 40px;
    border-radius: 8px;
    background-color: #f7f7f7;
}

.view-tit-area .label {
    margin-bottom: 5px;
    color: #7b7b7b;
    font-size: 18px;
}

.view-tit-area .tit-area {
    padding-right: 90px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
}

.view-tit-area [class^=ico-status] {
    position: absolute;
    top: 55px;
    right: 40px;
}

.tbl-view caption {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.tbl-view table {
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

.tbl-view table th,
.tbl-view table td {
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    line-height: 1.67;
}

.tbl-view table th {
    height: 24px;
    padding: 26px 30px 25px 30px;
    color: #7b7b7b;
    vertical-align: top;
}

.tbl-view table td {
    height: 45px;
    padding: 18px 0;
    color: #000;
    vertical-align: middle;
}

.tbl-view .video-box {
    position: relative;
    width: 570px;
    height: 322px;
    padding: 10px 0;
}

.tbl-view .video-box .img-area {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    font-size: 0;
}

.tbl-view .video-box .img-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
}

.tbl-view .video-box .img-area img {
    transition: transform .5s;
}

/* hover */
.tbl-view .video-box:hover .img-area img {
    transform: scale(1.2);
    transition: transform 5s linear;
}

.tbl-view .video-box .btn-play {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    width: 100%;
    background: url(../imgs/renew/btn_play_normal_100.png) no-repeat 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    outline: 0;
}

.tbl-view .lft-space {
    margin-left: 10px;
}

.tbl-view .lst1 {
    padding: 5px 0;
}

.tbl-view .lst1 > li {
    margin-left: 18px;
    padding: 3px 0;
    font-size: 18px;
    font-weight: bold;
    text-indent: -18px;
}

.tbl-view .btn-file-down {
    padding-top: 7px;
    padding-bottom: 7px;
}

.tbl-view .f-color1 {
    color: #fc5356;
}

/* 세미나현황 */
.tbl-lst table td.txt-lft-dot {
    overflow: hidden;
    padding: 0 10px 0 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tbl-lst table td.btn-td {
    padding: 0;
}

.tbl-lst table td.btn-td [class^=btn-box] {
    min-width: 90px;
}

.subject .layer-type {
    position: relative;
}

.subject .cont-layer {
    display: none;
    position: absolute;
    top: 10px;
    left: calc(100% - 28px);
    z-index: 5;
    width: 318px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    font-weight: normal;
    text-align: left;
    opacity: 0;
}

.subject:hover .cont-layer {
    display: block;
    animation: contLayer .3s ease forwards;
    animation-delay: .2s;
}

@keyframes contLayer {
    0% {
        opacity: 0;
    }
    100% {
        left: calc(100% - 33px);
        opacity: 1;
    }
}

.subject .cont-layer:before {
    content: '';
    position: absolute;
    top: 25px;
    left: -14px;
    width: 15px;
    height: 16px;
    background: url(../imgs/sub/bg/bg_mas_box.png) no-repeat 50% 50%;
}

.subject .layer-type.btm .cont-layer {
    top: inherit;
    bottom: 10px;
}

.subject .layer-type.btm .cont-layer:before {
    top: inherit;
    bottom: 25px;
}

.subject .cont-layer {
    padding: 0 24px;
}

.subject .cont-layer .tit-area {
    padding: 19px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.subject .cont-layer .lst-area {
    padding: 15px 0 27px;
}

.subject .cont-layer .lst-area .lst > li {
    position: relative;
    padding-left: 74px;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
}

.subject .cont-layer .lst-area .lst > li + li {
    margin-top: 5px;
}

.subject .cont-layer .lst-area .lst > li .lft {
    position: absolute;
    top: 2px;
    left: 0;
    padding-left: 6px;
    color: #7b7b7b;
    font-size: 14px;
}

.subject .cont-layer .lst-area .lst > li .lft:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #7b7b7b;
}

.tbl-lst table td.subject {
    font-size: 0;
    text-align: left;
}

.tbl-lst table td.subject a, .tbl-lst table td.subject .in-txt.layer-type {
    display: inline-block;
    max-width: 100%;
}

.cont-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 318px;
    padding: 0 24px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    font-weight: normal;
    text-align: left;
}

.cont-layer:before {
    content: '';
    position: absolute;
    top: 25px;
    left: -14px;
    width: 15px;
    height: 16px;
    background: url(../imgs/sub/bg/bg_mas_box.png) no-repeat 50% 50%;
}

.cont-layer.btm:before {
    top: auto;
    bottom: 25px;
}

.cont-layer .hideArea {
    position: absolute;
    top: -11px;
    left: 0;
    width: 100%;
    height: 82px;
}

.cont-layer.btm .hideArea {
    top: auto;
    bottom: -11px;
}

.cont-layer .tit-area {
    padding: 19px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.cont-layer .lst-area {
    padding: 15px 0 27px;
}

.cont-layer .lst-area .lst > li {
    position: relative;
    padding-left: 74px;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
}

.cont-layer .lst-area .lst > li + li {
    margin-top: 5px;
}

.cont-layer .lst-area .lst > li .lft {
    position: absolute;
    top: 2px;
    left: 0;
    padding-left: 6px;
    color: #7b7b7b;
    font-size: 14px;
}

.cont-layer .lst-area .lst > li .lft:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #7b7b7b;
}

/* ======================
	DTEC소개
====================== */
/* 오시는길 */
.map-slider {
    overflow: hidden;
    padding-top: 63px;
}

.map-slider .map-tit {
    padding-bottom: 62px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.map-slider .slide-item {
    overflow: hidden;
    width: 1044px;
    opacity: .2;
    transition: opacity .3s linear;
}

.map-slider .slide-item img {
    transform: scale(1);
    transition: transform .3s;
}

/* on */
.map-slider .center .slide-item {
    opacity: 1;
}

.map-slider .center .slide-item img {
    transform: scale(1.1);
    transition: transform 10s;
    transition-delay: .3s;
}

.map-slider .slide-item .img-area {
    width: 1044px;
    height: 640px;
    font-size: 0;
}

.map-slider .slide-item .img-area img {
    width: 100%;
    height: 100%;
}

.map-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1248px;
    margin-top: -60px;
}

.map-slider .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 102px;
    height: 102px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    outline: 0;
    transition: background-position .3s;
}

.map-slider .owl-nav .owl-prev {
    left: 0;
    background-image: url(../imgs/sub/btn/btn_slider_lft.png);
    background-position: 44px 50%;
}

.map-slider .owl-nav .owl-next {
    right: 0;
    background-image: url(../imgs/sub/btn/btn_slider_rt.png);
    background-position: 26px 50%;
}

.map-slider .owl-nav button:hover {
    background-position: 50% 50%;
}

.map-slider .owl-dots {
    padding: 47px 0;
    font-size: 0;
    text-align: center;
}

.map-slider .owl-dots .owl-dot {
    height: 4px;
    padding: 13px 3px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.map-slider .owl-dots .owl-dot span {
    display: block;
    width: 56px;
    height: 4px;
    background-color: rgba(0, 0, 0, .1);
    transition: background-color .2s;
}

.map-slider .owl-dots .owl-dot.active span {
    background-color: #265cf0;
    transition: background-color .5s;
}

.tbl-view .txt-line {
    color: #000;
    font-size: 18px;
}

.tbl-view .txt-line-area {
    padding: 10px 0;
}

.tbl-view .txt-line-area .txt {
    margin-bottom: 20px;
    font-size: 18px;
}

.tbl-view .txt-line + .txt-line {
    margin-top: 6px;
}

.tbl-view [class^=ico-line] {
    display: inline-block;
    min-width: 22px;
    height: 22px;
    margin-right: 8px;
    padding: 0 7px;
    box-sizing: border-box;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    line-height: 21px;
}

.tbl-view [class^=ico-line] + [class^=ico-line] {
    margin-left: -4px;
}

.tbl-view .ico-line-1 {
    background-color: #1e4cb9;
}

.tbl-view .ico-line-2 {
    background-color: #18be71;
}

.tbl-view .ico-line-3 {
    background-color: #f06e00;
}

.tbl-view .ico-line-4 {
    background-color: #2c9ede;
}

.tbl-view .ico-line-5 {
    background-color: #8936e0;
}

.tbl-view .ico-line-6 {
    background-color: #b5500b;
}

.tbl-view .ico-line-7 {
    background-color: #697215;
}

.tbl-view .ico-line-8 {
    background-color: #e51e6e;
}

.tbl-view .ico-line-9 {
    background-color: #d1a62c;
}

.tbl-view .ico-line-10 {
    background-color: #eba900;
}

.tbl-view .ico-line-11 {
    background-color: #73b6e4;
}

.tbl-view .ico-line-12 {
    background-color: #ee8d4a;
}

.tbl-view .ico-line-13 {
    background-color: #7cc4a5;
}

.tbl-view .ico-line-14 {
    background-color: #77c371;
}

.tbl-view .ico-line-15 {
    background-color: #08af7b;
}

.tbl-view .ico-line-16 {
    background-color: #a71e31;
}

.tbl-view .ico-line-17 {
    background-color: #ff9d27;
}

.tbl-view .ico-line-18 {
    background-color: #2673f2;
}

.tbl-view .ico-line-19 {
    background-color: #c6c100;
}

.tbl-view .ico-line-20 {
    background-color: #8bc53f;
}

.tbl-view .ico-line-21 {
    background-color: #96710a;
}

.tbl-view .ico-line-22 {
    background-color: #6f99d0;
}

.tbl-view .ico-line-23 {
    background-color: #eca53c;
}

.tbl-view .ico-line-b {
    background-color: #18be71;
}

.tbl-view .ico-line-n {
    background-color: #265cf0;
}

.tbl-view .ico-line-g {
    background-color: #18be71;
}

.tbl-view .ico-line-b {
    background-color: #265cf0;
}

.tbl-view .ico-line-r {
    background-color: #fc5356;
}

.map-api {
    overflow: hidden;
    height: 539px;
    margin-top: 60px;
    font-size: 0;
}

/* ======================
	이용약관
====================== */
.anchor-area a {
    display: block;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

.anchor-area a:hover {
    text-decoration: underline;
}

/* ======================
	레이어 팝업
====================== */
.layer-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    background-color: rgba(0, 0, 0, .35);
}

.layer-popup .dimmed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.layer-popup .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 820px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
}

.pop-head {
    position: relative;
    padding: 0 40px;
    border-bottom: 1px solid #e5e5e5;
}

.pop-head .tit {
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
}

.pop-head .btn-close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border: 0;
    background-color: transparent;
}

.pop-head .btn-close span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 24px;
    height: 24px;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
}

.pop-head .btn-close span:before,
.pop-head .btn-close span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #4a4a4a;
}

.pop-head .btn-close span:before {
    width: 100%;
    height: 1px;
}

.pop-head .btn-close span:after {
    width: 1px;
    height: 100%;
}

.layer-popup .popup .pop-cont {
    padding: 45px 40px 0;
}

.layer-popup .popup .pop-tit-area {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
}

.layer-popup .popup .pop-tit-area .tit {
    color: #000;
    font-size: 28px;
    font-weight: bold;
}

.layer-popup .popup .pop-tit-area .txt {
    margin-top: 10px;
    color: #7b7b7b;
    font-size: 16px;
}

.layer-popup .popup .pop-tit-area .table-dropdown {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.layer-popup .popup .pop-tit-area .table-dropdown .dropdown select {
    min-width: 210px;
}

.layer-popup .popup .terms-scrl-box {
    overflow: hidden;
    overflow-y: auto;
    max-height: 514px;
    margin-top: 20px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fafafa;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 28px;
}

.layer-popup .popup .terms-scrl-box .tit {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}

.layer-popup .pop-btm-btn-area {
    padding: 40px 0;
    text-align: center;
}

.layer-popup .pop-btm-btn-area [class^=btn-box] {
    min-width: 110px;
}

.layer-popup.scrlPop {
    overflow-y: auto;
    padding: 40px 20px;
}

.layer-popup.scrlPop .popup {
    position: relative;
    top: inherit;
    left: inherit;
    transform: translate(0, 0);
    margin: 0 auto;
}

/* 특수계정등록안내 팝업 */
.notice-slider {
    overflow: hidden;
    position: relative;
}

.notice-slider .btn-arr-group [class^=btn] {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0;
    text-indent: -99999px;
    line-height: 0;
    outline: 0;
}

.notice-slider .btn-arr-group .btn-prev {
    left: 0;
    background-image: url(../imgs/sub/btn/ic_arr_right_60.png);
}

.notice-slider .btn-arr-group .btn-next {
    right: 0;
    background-image: url(../imgs/sub/btn/ic_arr_left_60.png);
}

.notice-slider .btn-arr-group [class^=btn]:focus {
    border: 1px dotted #999;
}

.notice-slider .btn-arr-group [class^=btn].disabled {
    display: none;
}

.notice-slider .btn-dot-group {
    overflow: hidden;
    padding: 7px 45px 0;
}

.notice-slider .btn-dot-group .btn-dot {
    float: left;
    position: relative;
    width: 20%;
    height: 124px;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    text-align: center;
    outline: 0;
}

.notice-slider .btn-dot-group .btn-dot:before {
    content: '';
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e5e5e5;
}

.notice-slider .btn-dot-group .btn-dot:first-child:before {
    width: 50%;
    left: 50%;
}

.notice-slider .btn-dot-group .btn-dot:last-child:before {
    width: 50%;
}

.notice-slider .btn-dot-group .btn-dot .num {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #c0c0c0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    transition: all .3s;
}

.notice-slider .btn-dot-group .btn-dot .txt {
    display: block;
    margin-top: 12px;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    transition: all .3s;
}

.notice-slider .btn-dot-group .btn-dot.on .num {
    background-color: #265cf0;
}

.notice-slider .btn-dot-group .btn-dot.on .txt {
    color: #265cf0;
}

.notice-slider .slide-inner {
    overflow: hidden;
}

.notice-slider .slide-inner .slide-item {
    float: left;
}

.notice-slider .slide-inner .btn-txt {
    display: none;
}

/* ======================
	윈도우 팝업
====================== */
.winodw-popup .pop-content {
    padding: 40px 40px 0;
}

.winodw-popup .pop-btm-btn-area {
    padding: 40px 0;
    text-align: center;
}

.winodw-popup .pop-btm-btn-area [class^=btn-box] {
    min-width: 110px;
}

/* 상담현황판 > 고객정보상세보기 */
.winodw-popup .advice-info .info-lst .info-item .info {
    right: inherit;
    left: 180px;
}

.winodw-popup .advice-info .info-lst .info-item:nth-child(2) .info,
.winodw-popup .advice-info .info-lst .info-item:nth-child(4) .info,
.winodw-popup .advice-info .info-lst .info-item:nth-child(6) .info {
    left: 132px;
}

.winodw-popup .advice-info .info-lst + .info-lst .info-item .info {
    left: 215px;
}

/* 상담현황판 > 업데이트상세내역 */
.winodw-popup .pagenation {
    margin: 40px -40px 0;
}

.winodw-popup .acc-lst .acc-item .tit-box {
    height: 62px;
}

/* 상담현황판 > 추천답변전체보기 */
.winodw-popup .c-tit-box .c-tit .len {
    color: #265cf0;
    font-size: 24px;
}

.winodw-popup .recom-answer {
    border-top: 1px solid #000;
}

.winodw-popup .recom-answer .recom-item {
    display: block;
    position: relative;
    padding: 30px 30px 30px 82px;
    border-bottom: 1px solid #e5e5e5;
}

.winodw-popup .recom-answer .recom-item .recom {
    position: absolute;
    top: 30px;
    left: 0;
    color: #265cf0;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

.winodw-popup .recom-answer .recom-item .recom .num-box {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background-color: #e4efff;
    color: #265cf0;
    font-size: 30px;
    font-weight: bold;
    line-height: 56px;
}

.winodw-popup .recom-answer .recom-item.com .recom {
    color: #7e7e7e;
}

.winodw-popup .recom-answer .recom-item.com .recom .num-box {
    background-color: #e3e3e3;
    color: #7e7e7e;
}

.winodw-popup .recom-answer .recom-item .txt-area .tit-txt {
    overflow: hidden;
}

.winodw-popup .recom-answer .recom-item .txt-area .tit-txt span {
    float: left;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
}

.winodw-popup .recom-answer .recom-item .txt-area .tit-txt span + span {
    padding-left: 20px;
    background: url(../imgs/sub/btn/btn_page_next.png) no-repeat 3px 50%;
}

.winodw-popup .recom-answer .recom-item .txt-area .tit-txt span:last-child {
    color: #265cf0;
}

.winodw-popup .recom-answer .recom-item .txt-area [class^=ico-status] {
    position: absolute;
    top: 30px;
    right: 30px;
}

.winodw-popup .recom-answer .recom-item .txt-area .txt {
    overflow: hidden;
    max-height: 140px;
    margin-top: 16px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.75;
}

.winodw-popup .recom-answer .recom-item .file-area {
    overflow: hidden;
    margin-top: 30px;
}

.winodw-popup .recom-answer .recom-item .file-area .btn-file-down {
    float: left;
    margin-right: 4px;
    line-height: 24px;
}

.winodw-popup .recom-answer .recom-item .file-area [class^=btn-box] {
    float: left;
    width: 64px;
    margin-left: 4px;
}

/* contents2 수정 */
.tbl-top-info {
    min-height: 44px;
}

@keyframes parallax {
    0% {
        opacity: 0;
        transform: translateY(80px)
    }
    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

/*  디자인 가이드 적용 css  */

/* ==========
	new_layout.css
========== */
.s_location .location_cc .list li::before {
    background: url(../imgs/renew/ic_loc_arr_path.png) no-repeat 50% 50%;
}

.table-dropdown .dropdown:after {
    background: url(../imgs/renew/ic_srh_arrow.png) no-repeat 50% 50%;
}


/* ==========
	new_contents.css
========== */
.online-slider .slide-con .con_txt .txt1 {
    font-size: 22px;
}

.faq_cont .btn_more a::after {
    width: 11px;
    background: url(../imgs/renew/ic_more.png) no-repeat 50% 50%;
}

.faq_cont .btn_more a:hover {
    color: #265cf0;
    transition: color .3s;
}

.faq_cont .btn_more a:hover::after {
    background: url(../imgs/renew/ic_more_on.png) no-repeat 50% 50%;
}

.online_wrap .btn_more a::after {
    width: 11px;
    background: url(../imgs/renew/ic_more.png) no-repeat 50% 50%;
}

.online_wrap .btn_more a:hover {
    color: #265cf0;
    transition: color .3s;
}

.online_wrap .btn_more a:hover::after {
    background: url(../imgs/renew/ic_more_on.png) no-repeat 50% 50%;
}

.center-cont .btn_more a::after {
    width: 11px;
    background: url(../imgs/renew/ic_more.png) no-repeat 50% 50%;
}

.center-cont .btn_more a:hover {
    color: #265cf0;
    transition: color .3s;
}

.center-cont .btn_more a:hover::after {
    background: url(../imgs/renew/ic_more_on.png) no-repeat 50% 50%;
}


.faq_list_bx ul li .faq_view .a_txt {
    background: url(../imgs/renew/ico_answer_gray_28px.png) no-repeat 0 0;
}

.faq_list_bx ul li .faq_view {
    background-color: #f7f7f7;
}

.faq_cont .btn_more {
    margin-top: 20px;
}

.faq_list_bx .list_none span,
.online-slider .list_none_bx .list_none span {
    padding-top: 102px;
    background: url(../imgs/renew/ico_empty_list.png) no-repeat 50% 0;
}

.chkBox .chk {
    background-image: url(../imgs/sub/ico/ico_check_off.png);
}

.acc-lst .acc-item .acc-layer,
.layer-popup .popup .terms-scrl-box {
    background-color: #f7f7f7;
}

.input_lg button:disabled,
.input_tt button:disabled {
    background-color: #f7f7f7;
    color: #7b7b7b;
}

.input_tt .txt input[readonly],
.input_tt .txt input[disabled] {
    background-color: #f7f7f7;
}

.input_lg .txt.disabled,
.input_lg .txt.disabled input {
    background-color: #f7f7f7;
}

.btn_lg_box button.btn_blue:disabled,
.btn-box2.disabled {
    background: #e5e5e5;
    color: #7b7b7b;
}

.btn_lg_box button {
    width: calc(50% - 5px);
}

.pw_txt_bx {
    background-color: #f7f7f7;
}

.txt.icon_id.readonly {
    background-color: #f7f7f7;
}

.agree-gray-box .tex-area {
    background-color: #f7f7f7
}

.bg-content.type2 {
    background-color: #f7f7f7;
}

.qna-box-cont .cont-box .a-tit {
    background: url(../imgs/sub/ico/ic_answer.png) no-repeat 4px 38px;
}

.qna-box-cont .cont-box .color-box {
    background-color: #f7f7f7;
}

.pagenation [class^=btn], .pagenation .page {
    color: #4a4a4a;
}

.pagenation [class^=btn]:before {
    opacity: .8;
}

.btn-file-down {
    background: url(../imgs/sub/btn/ic_attach_m_normal.png) no-repeat 0 50%;
}

.page-prev-next [class^=page-] .txt:before {
    border-width: 5px;
}

.ico-status1 {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
    color: #7b7b7b;
}

.tooltip-area .btn-tooltip {
    background: url(../imgs/sub/btn/bt_info.png) no-repeat 0 11px;
}

.btn-box1.btn-plus .ico:before, .btn-box1.btn-plus .ico:after {
    background-color: #666;
}

.view-content.answer .tit-box .info-area,
.view-content.answer .cont-box,
.view-content.answer .file-box {
    border: 1px solid #e5e5e5;
}

.view-content.answer .cont-box {
    border-top: 0;
}

.advice-history:before {
    background-color: #e5e5e5;
}

.advice-history .history-item .tit-date:before {
    background-color: #dbdbdb;
}

.advice-history .history-item .status-box,
.advice-history .years-hr .years {
    border: 1px solid #e5e5e5;
}

.com-history .txt-field .btn-save {
    color: #7b7b7b;
}

.answer-lst .answer-item:before {
    background-color: #dbdbdb;
}

.answer-lst .answer-item .tog-layer:before {
    background-color: #999;
}

.fnb_loginbox .login_form .loginbtn:disabled {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
    color: #7b7b7b;
}

.ico-status16 {
    color: #fc5356;
}

.tt_ex {
    color: #7b7b7b;
}

.tt_ex .f_blue {
    color: #265cf0;
}

.tt_ex.error .f_blue {
    color: #fc5356;
}

.input_lg .txt {
    padding: 17px 40px 0 18px;
}

.input_lg .txt.icon_pw {
    padding: 17px 40px 0 50px;
}

.input_lg .txt svg {
    fill: #999 !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    right: 21px !important;
}

.input_lg .txt input[type="password"]:focus + svg[class="i_default"] {
    fill: #666 !important;
}

.input_lg .txt input[type="text"] + svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
}

.input_lg .txt.error svg {
    fill: #fc5356 !important;
}

.input_lg .txt.error.icon_pw.focus svg {
    fill: #fc5356 !important;
}

.input_lg .txt.complete svg {
    fill: #18be71 !important;
}

.input_lg .txt.complete.icon_pw.focus svg {
    fill: #18be71 !important;
}

.input_lg .txt.write svg {
    fill: #febc2c !important;
}

.input_lg .txt.write.icon_pw.focus svg {
    fill: #febc2c !important;
}

.input_lg .txt .ic_pass {
    display: none;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../imgs/sub/ico/ic_security_l_disable.png) no-repeat 0 50%;
}

.input_lg .txt input[type="password"]:focus + .ic_pass {
    background: url(../imgs/sub/ico/ic_security_l_normal.png) no-repeat 0 50%;
}

.input_lg .txt .ic_pass.default {
    display: block;
}

.input_lg .txt.error .ic_pass {
    display: block;
    background: url(../imgs/sub/ico/ic_security_l_bad.png) no-repeat 0 50%;
}

.input_lg .txt.complete .ic_pass {
    display: block;
    background: url(../imgs/sub/ico/ic_security_l_good.png) no-repeat 0 50%;
}

.input_lg .txt.write .ic_pass {
    display: block;
    background: url(../imgs/sub/ico/ic_security_l_warning.png) no-repeat 0 50%;
}

.input_tt .txt input[type="text"] {
    box-sizing: border-box;
    padding: 0 33px 0 10px;
}

.input_tt .txt input[type="password"] {
    box-sizing: border-box;
    padding: 0 33px 0 10px;
}

.input_tt .txt svg {
    fill: #999 !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    right: 13px !important;
}

.input_tt .txt input[type="password"]:focus + svg[class="i_default"] {
    fill: #666 !important;
}

.input_tt .txt.error svg {
    fill: #fc5356 !important;
}

.input_tt .txt.complete svg {
    fill: #18be71 !important;
}

.input_tt .txt.write svg {
    fill: #febc2c !important;
}

.input_tt .txt .ic_pass {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../imgs/sub/ico/ic_security_l_disable.png) no-repeat 0 50%;
}

.input_tt .txt input[type="password"]:focus + .ic_pass {
    background: url(../imgs/sub/ico/ic_security_l_normal.png) no-repeat 0 50%;
}

/*
.input_tt .txt .ic_pass.default{display:block;}
.input_tt .txt.error .ic_pass{display:block;background:url(../imgs/sub/ico/ic_security_l_bad.png) no-repeat 0 50%;}
.input_tt .txt.complete .ic_pass{display:block;background:url(../imgs/sub/ico/ic_security_l_good.png) no-repeat 0 50%;}
.input_tt .txt.write .ic_pass{display:block;background:url(../imgs/sub/ico/ic_security_l_warning.png) no-repeat 0 50%;}
*/

.pop_contents {
    padding: 50px 15px 40px;
}

.pop_contents .txt_error {
    margin-top: 0;
}

.pop_contents .txt_failure {
    margin-top: 0;
}

.pop_contents .txt_question {
    margin-top: 0;
}

.pop_contents .txt_check {
    margin-top: 0;
    background: url(../imgs/renew/ic_alert_complete.png) no-repeat top center;
}

.center-cont .btn_more {
    margin-top: 0px;
    text-align: center;
}

.center-cont .btn_more a {
    display: inline-block;
    font-size: 16px;
    line-height: 60px;
    color: #4a4a4a;
    height: 60px;
    background: #fff;
    outline: 0;
    cursor: pointer;
}

.center-cont .btn_more a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../imgs/renew/i_more.png) no-repeat center center;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}

.pop_foot .btn_pop_blue, .pop_foot .btn_pop_white {
    min-width: 110px;
    padding: 0 40px;
    box-sizing: border-box;
}

/* 20210122 추가 */
.tbl-lst table td [class^=bullet-] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

[class^=btn-box].btn-ico6 .ico {
    background: url(../imgs/sub/btn/ic_list_m_normal.png) no-repeat 0 50%;
}

[class^=btn-box].btn-listall .ico {
    background: url(../imgs/sub/btn/ic_view_list_m_normal.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico8 .ico {
    background: url(../imgs/sub/btn/ic_map_m_normal.png) no-repeat 0 50%;
}

[class^=btn-box].btn-ico9 .ico {
    background: url(../imgs/sub/btn/ic_print_m_normal.png) no-repeat 0 50%;
}

.cal_wrap .ckind_list {
    padding: 13px 38px 13px;
}

.cal_wrap .ckind_list ul {
    text-align: left;
}

.cal_wrap .ckind_list ul li .txt {
    line-height: 27px;
}

.cal_wrap .cal_content .cal_tr .cal_td .day_txt {
    color: #7b7b7b;
}

.cal_wrap .cal_content .cal_tr .cal_td.today {
    background: #f7f7f7;
}

.cont-layer {
    border: 1px solid #dbdbdb;
}

.tbl-view .video-box {
    width: 560px;
    height: 315px;
}

.tbl-lst table td {
    font-weight: 500;
}

.tbl-lst table tr:hover td,
.tbl-lst table tr.hover td {
    background-color: #f3f6fe;
}

.btn-box1.disabled {
    color: #7b7b7b;
    background: #f7f7f7;
}

.online-slider .slide-con .img_bx {
    width: 384px;
    height: 216px;
}

.online-slider .slide-con .img_bx img {
    width: 384px;
    height: 216px;
}

.online-slider .slide-con:hover .img_bx img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.tbl-lst.type2 table td.subject a .ico-file {
    margin-top: -3px;
    background: url(../imgs/sub/btn/ic_attach_m_normal.png) no-repeat 50% 50%;
}

.bg-content {
    background-color: #f7f7f7;
}

.acc-lst .acc-item .tit-box .label span, .acc-lst .acc-item .tit-box .label em {
    font-size: 18px;
}

.acc-lst .acc-item:first-child .label span {
    font-size: 20px;
}

.switchs-input.gray:checked ~ .switchs-label {
    background: #b9b9b9;
}

.chk_id input[type="checkbox"] + label {
    background: url(../imgs/renew/btn_check_agree_s_off.png) no-repeat left -2px;
}

.chk_id input[type="checkbox"]:checked + label {
    background: url(../imgs/renew/btn_check_on_24px.png) no-repeat left -2px;
}

.fnb_loginbox .login_form .loginbtn:disabled:hover {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
    color: #7b7b7b;
}

.tt_ex.error {
    color: #fc5356
}

.btn_write {
    display: inline-block;
    width: 90px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    background: #fff;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s;
    vertical-align: middle;
}

.btn_write:hover, .btn_write:active {
    border: 1px solid #666;
}

.btn_write:disabled {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    color: #7e7e7e;
}

.acc-lst .acc-item .tit-box .label .txt .txt-gray {
    color: #7e7e7e;
}


.my_slider {
    width: 1044px;
    height: 666px;
    position: relative;
    margin: 80px auto 0;
}

.my_slider .slick-slide {
    outline: none;
}

.my_slider .slick-prev, .my_slider .slick-next {
    position: absolute;
    z-index: 10;
    top: 47%;
    width: 80px;
    height: 100px;
}

.my_slider .slick-prev {
    left: -80px;
    background: url(../imgs/renew/btn_arr_left_normal_gray.png) no-repeat center center !important;
}

.my_slider .slick-prev:hover {
    background: url(../imgs/renew/btn_arr_left_normal_gray.png) no-repeat center center;
}

.my_slider .slick-prev::before {
    display: none;
}

.my_slider .slick-prev.slick-disabled {
    opacity: 0;
}

.my_slider .slick-next.slick-disabled {
    opacity: 0;
}

.my_slider .slick-next {
    right: -80px;
    background: url(../imgs/renew/btn_arr_right_normal_gray.png) no-repeat center center !important;
}

.my_slider .slick-next:hover {
    background: url(../imgs/renew/btn_arr_right_normal_gray.png) no-repeat center center;
}

.my_slider .slick-next::before {
    display: none;
}


.my_slider .slick-dots {
    width: 100%;
    height: 10px;
    overflow: hidden;
    bottom: 0px;
}

.my_slider .slick-dots li {
    width: 56px;
    height: 4px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
    vertical-align: top;
}

.my_slider .slick-dots li.slick-active {
    background: #265cf0;
}

.my_slider .slick-dots li button:before {
    content: '';
}

/* 고도화 서브메인 */
.sub_visual_bx .vis_con_bx.vis_con_bx01 {
    padding-top: 136px;
}

.sub_visual_bx .sub_bg1 {
    background-image: url(../imgs/renew/img_seminar_kv06.png);
}

.vis_con_bx .visual_txt .txt2 {
    font-weight: 300;
}

.section .s_txt2 {
    line-height: 52px;
}

.semi_txt_bx01_1 {
    overflow: hidden;
    height: 864px;
    background: #fff url(../imgs/renew/img_seminar01_bg_introduce.png) no-repeat center bottom;
}

.semi_txt_bx01_1_1 {
    overflow: hidden;
    height: 849px;
    background: #fcfcfc;
}

.semi_txt_bx01_1_2 {
    overflow: hidden;
    height: 1713px;
    background: #fff;
}

.semi_txt_bx01_1_2 .img_bg1 {
    width: 1290px;
    height: 1254px;
    margin-top: 80px;
    background: url(../imgs/renew/img_seminar01_img_01.png) no-repeat center top;
}

.semi_txt_bx01_1 .img_bg1 {
    width: 1200px;
    height: 490px;
    margin-top: 30px;
    background: url(../imgs/renew/img_seminar01_device.png) no-repeat center top;
}

.semi_txt_bx01_1 .img_bg2 {
    width: 1218px;
    height: 165px;
    margin-left: -9px;
    margin-top: -6px;
    background: url(../imgs/renew/img_seminar01_banner.png) no-repeat center bottom;
}

.semi_btm {
    height: 324px;
    box-sizing: border-box;
    padding-top: 110px;
}

.semi_btm .semi_cc .tit {
    margin-left: 290px;
    min-height: 104px;
    padding: 8px 0 0 134px;
    font-size: 38px;
    line-height: 56px;
    text-align: left;
    background: url(../imgs/renew/img_dtec_covid19_01.png) no-repeat left top;
}

.semi_btm .semi_cc .tit .ex {
    margin-top: 8px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 300;
    opacity: 0.5;
}

.section .s_txt1 {
    padding-bottom: 1px;
}

.jum_list > li {
    padding-left: 14px;
}

.jum_list > li::before {
    top: 12px;
}

.semi_schedule .schedule_cc .table_schedule {
    border-top: 1px solid #000;
}

.table_schedule table thead th {
    border-top: none;
}

.semi_txt_bx01_2 {
    height: 1210px;
    background: #fff;
}

.pur_con2 {
    text-align: left;
    margin-top: 80px;
}

.pur_con2 .img_bg1 {
    float: left;
    width: 620px;
    height: 548px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url(../imgs/renew/img_seminar01_graphic.png) no-repeat 0 0;
}

.pur_con2 .img_bg2 {
    clear: both;
    padding-top: 60px;
    width: 1290px;
    height: 269px;
    margin-left: -45px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url(../imgs/renew/img_seminar01_banner2.png) no-repeat 0 40px;
}

.pur_con2 .right_txt {
    float: right;
    width: 550px;
}

.pur_con2 .right_txt .tit1 {
    padding-top: 60px;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    font-weight: bold;
}

.pur_con2 .right_txt .tit2 {
    margin-top: 6px;
    font-size: 24px;
    line-height: 36px;
    color: #265cf0;
}

.p_jum_list > li {
    position: relative;
    margin-top: 6px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.p_jum_list > li:first-child {
    margin-top: 0;
}

.p_jum_list > li::before {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
}

.p_jum_list > li > ul > li {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: normal;
}

.p_jum_list > li.none {
    padding: 0;
}

.p_jum_list > li .bold {
    font-weight: bold;
}

.p_jum_list > li .blue {
    color: #265cf0;
}

.p_jum_list > li.none::before {
    display: none;
}

.sub_visual_bx .sub_bg6 {
    background-image: url(../imgs/renew/img_seminar_kv07.png);
}

.semi_txt_bx02_1 {
    opacity: 0;
    height: 1041px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar02_image_02.jpg) no-repeat center 0;
}

.semi_txt_bx02_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx02_1 .img_bx {
    text-align: left;
    margin-top: 80px;
}

.semi_txt_bx08_1 {
    opacity: 0;
    height: 1000px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar08_image_02.png) no-repeat center bottom;
}

.semi_txt_bx08_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx08_2 {
    opacity: 0;
    height: 803px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar08_bg_intro.png) no-repeat center bottom;
}

.semi_txt_bx08_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx09_1 {
    opacity: 0;
    box-sizing: border-box;
    background: #fcfcfc;
}

.semi_txt_bx09_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx09_2 {
    opacity: 0;
    box-sizing: border-box;
    background: #fff url(../imgs/renew/img_seminar09_bg_intro.png) no-repeat center bottom;
}

.semi_txt_bx09_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx09_3 {
    opacity: 0;
    box-sizing: border-box;
    background: #fcfcfc;
}

.semi_txt_bx09_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_rd_bx {
    width: 1078px;
    margin: 40px auto 0;
    padding: 24px 40px 40px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    text-align: left;
    box-sizing: border-box;
    background: #fff;
}

.semi_rd_bx .tit {
    position: relative;
    padding: 0 0 16px 20px;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}

.semi_rd_bx .tit::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url(../imgs/renew/ic_bullet_circle9.png) no-repeat;
}

.semi_rd_bx .jum_list {
}

.semi_txt_bx10_1 {
    opacity: 0;
    height: 928px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_bg_10_1.jpg) no-repeat center bottom;
}

.semi_txt_bx10_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx10_2 {
    opacity: 0;
    height: 823px;
    box-sizing: border-box;
    background: #fff url(../imgs/renew/img_seminar_bg_10_2.png) no-repeat center bottom;
}

.semi_txt_bx10_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx10_2 .img_bg1 {
    margin-top: 0;
    width: 1200px;
    height: 550px;
    background: url(../imgs/renew/img_seminar_10_2.png) no-repeat center 40px;
}

.semi_txt_bx10_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fcfcfc;
}

.semi_txt_bx10_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx10_3 .img_bg1 {
    margin-top: 40px;
    width: 1200px;
    height: 1359px;
    background: url(../imgs/renew/img_graphic_10_3.png) no-repeat center top;
}

.semi_txt_bx10_3 .smt_bx .arrow {
    margin: 30px 0 20px;
}

.semi_txt_bx10_4 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #f5faff;
}

.semi_txt_bx10_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx11_1 {
    opacity: 0;
    height: 928px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_bg_11_1.jpg) no-repeat center bottom;
}

.semi_txt_bx11_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx11_2 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx11_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx11_3 {
    opacity: 0;
    height: 1102px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar_bg_11_3.png) no-repeat center bottom;
}

.semi_txt_bx11_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx11_3 .img_bg1 {
    margin-top: 0;
    width: 1200px;
    height: 550px;
    background: url(../imgs/renew/img_seminar_11_3.png) no-repeat center 10px;
}

.semi_txt_bx11_4 {
    opacity: 0;
    height: 1070px;
    box-sizing: border-box;
    background: #f2f8ff;
}

.semi_txt_bx11_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx12_1 {
    opacity: 0;
    height: 1010px;
    box-sizing: border-box;
}

.semi_txt_bx12_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx12_2 {
    opacity: 0;;
    box-sizing: border-box;
    background: #fcfcfc no-repeat center bottom;
}

.semi_txt_bx12_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx12_2 .img_bg1 {
    margin-top: 0;
    margin-left: -50px;
    width: 1300px;
    height: 587px;
    background: url(../imgs/renew/img_seminar12_1_table.png) no-repeat center top;
}

.semi_txt_bx12_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background-image: linear-gradient(147deg, #f5f8fc 34%, #e8eeff 106%);
}

.semi_txt_bx12_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx12_3 .img_bx {
    margin-top: 80px;
}

.semi_txt_bx12_3 .smt_bx .arrow {
    margin: 30px 0 20px;
}

.semi_txt_bx12_4 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
}

.semi_txt_bx12_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx13_1 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx13_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx13_1 .s_txt2 {
    font-size: 36px;
    line-height: 50px;
}

.semi_txt_bx13_2 {
    opacity: 0;
    height: 982px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar13_bg_intro.png) no-repeat center bottom;
}

.semi_txt_bx13_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx13_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx13_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx13_4 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #f2f8ff;
}

.semi_txt_bx13_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx14_1 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx14_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx14_1 .img_bx {
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #f2f5fb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%, #f2f5fb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%, #f2f5fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.semi_txt_bx14_2 {
    opacity: 0;
    height: 957px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar14_bg_02.png) no-repeat center top;
}

.semi_txt_bx14_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx14_2 .ex_txt {
    margin-top: -20px;
    font-size: 18px;
    line-height: 34px;
    color: #8b8b8f;
    text-align: left;
}

.semi_txt_bx14_2 .img_bg1 {
    height: 720px;
    background: url(../imgs/renew/img_seminar14_02.png) no-repeat center top;
}

.semi_txt_bx14_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx14_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx14_3 .jum_list > li .b_blue {
    font-size: 28px;
    color: #2863f0;
    vertical-align: middle;
    font-weight: 500;
}

.semi_txt_bx14_3 .jum_list > li .ex_txt {
    font-size: 18px;
    vertical-align: middle;
}

.semi_txt_bx14_3 .jum_list > li div.ex_txt {
    margin-top: 3px;
    color: #8b8b8f;
}

.semi_txt_bx14_3 .jum_list > li.b_li::before {
    top: 15px;
}

.semi_txt_bx14_4 {
    opacity: 0;
    height: 1391px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar14_bg_04.png) no-repeat center bottom;
}

.semi_txt_bx14_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx15_1 {
    opacity: 0;
    height: 1013px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar15_1_bg.png) no-repeat center bottom;
}

.semi_txt_bx15_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx15_2 {
    opacity: 0;
    height: 632px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar15_2_bg.png) no-repeat center bottom;
}

.semi_txt_bx15_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx15_2 .con_bx {
    text-align: center;
    padding-top: 48px;
}

.semi_txt_bx15_2 .con_bx .txt_con {
    display: inline-block;
}

.semi_txt_bx15_2 .con_bx .txt_con {
    padding-top: 44px;
    text-align: left;
}

.semi_txt_bx15_2 .con_bx .txt_con dt {
    font-size: 42px;
    line-height: 58px;
    color: #000;
    font-weight: bold;
}

.semi_txt_bx15_2 .con_bx .txt_con dd {
    font-size: 20px;
    line-height: 30px;
    color: #7b7b7b;
}

.semi_txt_bx15_2 .con_bx .photo_bx {
    display: inline-block;
    vertical-align: top;
}

.semi_txt_bx15_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #f2f8ff;
}

.semi_txt_bx15_3.active {
    animation: parallax 1s ease forwards 1;
}


.semi_txt_bx15_4 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx15_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx15_4 .s_txt2_dong {
    font-size: 22px;
}

.semi_txt_bx15_4 .f_black {
    font-weight: 500;
}

.semi_profile {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 3px 16px 0 rgba(17, 58, 170, 0.04);
    border: solid 1px #e5e5e5;
    background-color: #fff;
    box-sizing: border-box;
}

.semi_profile .photo_bx {
    float: left;
    width: 345px;
    margin-right: 80px;
}

.semi_profile .txt_bx {
    float: left;
    width: 600px;
    text-align: left;
    padding-top: 90px;
}

.semi_profile .txt_bx .tt {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
}

.semi_profile .txt_bx .tt span {
    font-weight: normal;
}


.semi_txt_bx16_1 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx16_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx16_1 .img_bg1 {
    height: 605px;
    background: url(../imgs/renew/img_seminar16_1_1.png) no-repeat center top;
}

.semi_txt_bx16_2 {
    opacity: 0;
    height: 1710px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_bg_16_2.png) no-repeat center bottom;
}

.semi_txt_bx16_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx16_2 .img_bg1 {
    margin-top: 0;
    margin-left: -50px;
    width: 1300px;
    height: 587px;
    background: url(../imgs/renew/img_seminar16_2_7.png) no-repeat center top;
}


.semi_txt_bx16_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff;
}

.semi_txt_bx16_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx16_3 .img_bx {
    margin-top: 110px;
}

.semi_txt_bx16_4 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_bg_16_4.png) no-repeat center bottom;
}

.semi_txt_bx16_4.active {
    animation: parallax 1s ease forwards 1;
}


.semi_txt_bx17_1 {
    opacity: 0;
    height: 1185px;
    box-sizing: border-box;
    background: #fcfcfc;
}

.semi_txt_bx17_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx17_1 .img_bx {
    margin-top: 110px;
}

.semi_txt_bx17_2 {
    opacity: 0;
    height: 1030px;
    box-sizing: border-box;
    background: #fff url(../imgs/renew/bg_17_2.png) no-repeat center bottom;
}

.semi_txt_bx17_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx17_2 .img_bg1 {
    margin-top: 0;
    width: 100%;
    height: 720px;
    background: url(../imgs/renew/img_17_2_1.png) no-repeat center top;
}

.semi_txt_bx17_2 .ex_txt {
    margin-top: -20px;
    font-size: 18px;
    line-height: 34px;
    color: #8b8b8f;
    text-align: left;
}

.semi_txt_bx17_3 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fcfcfc;
}

.semi_txt_bx17_3.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx17_4 {
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    background: #fff url(../imgs/renew/bg_17_4.png) no-repeat center bottom;
}

.semi_txt_bx17_4.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx17_4 .img_bg1 {
    margin-top: 60px;
    width: 100%;
    height: 605px;
    background: url(../imgs/renew/img_17_4_1.png) no-repeat center top;
}

.semi_txt_bx18_1 {
    opacity: 0;
    box-sizing: border-box;
    background: #fafafa;
}

.semi_txt_bx18_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx18_1 .s_img_01 {
    padding: 80px 0 80px 0
}

.semi_txt_bx19_1 {
    opacity: 0;
    box-sizing: border-box;
    background: #fff
}

.semi_txt_bx19_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx19_1 .s_img_01 {
    padding: 80px 0 80px 0
}

.semi_txt_bx19_1 .s_tex4 {
    padding-top: 30px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}


.semi_txt_bx20_1 {
    width: 100%;
    height: 680px;
    background: url(../imgs/renew/img_seminar_premium_banner_20230508.png) no-repeat center top;
}

.semi_txt_bx21_1 {
    width: 100%;
    background: #fff
}

.semi_txt_bx21_1 .semi_21_bene {
    display: flex;
}

.semi_txt_bx21_1 .semi_21_bene .bene_left {
    flex: 1;
    margin-right: 10px;
}

.semi_txt_bx21_1 .semi_21_bene .bene_right {
    flex: 1;
    margin-left: 10px;
}

/*20230407*/
.semi_txt_bx21_1 .sm_btn_bx a {
    display: inline-block;
    width: 320px;
    height: 64px;
    padding: 0 75px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    background-color: #265cf0;
    text-align: center;
    box-sizing: border-box;
}

.semi_txt_bx21_1 .sm_btn_bx a:hover {
    background: #3e6ff7;
}

.semi_txt_bx21_1 .sm_btn_bx a.btn_white {
    border: 1px solid #265cf0;
    background-color: #fff;
    color: #265cf0;
}

.semi_txt_bx21_1 .sm_btn_bx a.btn_white:hover {
    background-color: #f5f8ff;
}

.semi_txt_bx21_1 .info_list {
    padding: 15px 10px 0 10px;
}

.semi_txt_bx21_1 .info_list .tit {
    width: 78px;
    display: inline-block
}

.semi_txt_bx21_1 .sub_tit {
    font-size: 18px;
    line-height: 34px;
    color: #000;
    text-align: left;
    padding-left: 10px;
}

.semi_txt_bx21_1 .tb_tit {
    font-size: 18px;
    font-weight: bold;
}

.semi_txt_bx21_1 .color_tit {
    color: #265CF0;
}


.vd_con {
    width: 1200px;
    margin: 0 auto;
}

.vd_con ul {
    overflow: hidden;
}

.vd_con ul li {
    float: left;
    width: 585px;
    margin-left: 30px;
}

.vd_con ul li:first-child {
    margin-left: 0;
}

.vd_con ul li .tit {
    font-size: 20px;
    line-height: 34px;
    color: #fff;
}

.vd_con ul li .img_bx {
    position: relative;
    width: 585px;
    height: 359px;
}

.vd_con ul li .img_bx .hash {
    position: absolute;
    left: 22px;
    top: 20px;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
}

.vd_con ul li .img_bx .video_bg {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.vd_con ul li .img_bx .time {
    position: absolute;
    right: 22px;
    bottom: 20px;
    min-width: 51px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
}

.vd_con ul li .img_bx .ic_play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url(../imgs/renew/btn_play.png) no-repeat center center;
    outline: 0;
    border: 0;
}


.jum_list3 {
}

.jum_list3 > li {
    position: relative;
    padding-left: 15px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: normal;
}

.jum_list3 > li:first-child {
    margin-top: 0;
}

.jum_list3 > li::before {
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
}

.jum_list3 > li.none {
    padding: 0;
}

.jum_list3 > li .bold {
    font-weight: bold;
}

.jum_list3 > li .blue {
    color: #265cf0;
}

.jum_list3 > li.none::before {
    display: none;
}

.jum_list17 {
}

.jum_list17 > li {
    margin-top: 8px;
    position: relative;
    padding-left: 15px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.jum_list17 > li:first-child {
    margin-top: 0;
}

.jum_list17 > li::before {
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
}

.jum_list17 > li.none {
    padding: 0;
}

.jum_list17 > li .black {
    font-weight: bold;
}

.jum_list17 > li .blue {
    color: #265cf0;
}

.jum_list17 > li .s_txt {
    font-size: 16px;
    color: #7b7b7b;
}

.jum_list17 > li.none::before {
    display: none;
}


.semi_card_bx {
    width: 1200px;
    margin: 80px auto 0;
}

.semi_card_bx .card_list {
    width: 1224px;
    height: 391px;
    margin-left: -12px;
}

.semi_card_bx .card_list li {
    float: left;
    width: 384px;
    height: 391px;
    margin: 12px;
    border-radius: 12px;
}

.semi_card_bx .card_list li a {
    display: block;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}

.semi_card_bx .card_list li a .default {
}

.semi_card_bx .card_list li a .default .img_bx {
    position: relative;
    height: 216px;
}

.semi_card_bx .card_list li a .default .img_bx img {
    width: 384px;
    height: 216px;
}

.semi_card_bx .card_list li a .default .con_txt {
    position: relative;
    height: 175px;
    padding: 27px 33px 0 33px;
    box-sizing: border-box;
    text-align: left;
}

.semi_card_bx .card_list li a .default .con_txt .txt1 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #999;
}

.semi_card_bx .card_list li a .default .con_txt .txt2 {
    overflow: hidden;
    height: 54px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #000;
}

.semi_card_bx .card_list li a .default .con_txt .btn_view {
    position: absolute;
    left: 31px;
    bottom: 27px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #265cf0;
}

.semi_card_bx .card_list li a .default .con_txt .btn_view::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 4px;
    width: 18px;
    height: 18px;
    background: url(../imgs/renew/ico_arrow.png) no-repeat center center;
}


.semi_txt_bx06_1 {
    opacity: 0;
    background: #fcfcfc;
}

.semi_txt_bx06_1.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx06_1 .purpose_txt {
    padding: 110px 0 160px;
}

.semi_txt_bx06_2 {
    opacity: 0;
    box-sizing: border-box;
    background: url(../imgs/renew/pattern.png) no-repeat center 0;
}

.semi_txt_bx06_2.active {
    animation: parallax 1s ease forwards 1;
}

.semi_txt_bx06_2 .img_bg1 {
    margin-top: 30px;
    width: 1200px;
    height: 490px;
    background: url(../imgs/renew/img_seminar06_device@3x.png) no-repeat center 0;
    background-size: 1200px 550px;
}

.semi_txt_bx06_2 .s_txt2 {
    margin-top: 0;
}

.semi_txt_bx06_2 .smt_con {
    padding-top: 20px;
}

.semi_txt_bx06_2 .purpose_txt {
    padding: 110px 0 0;
}

.sub_visual_bx .vis_con_bx.vis_con_bx02 {
    padding-top: 120px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx03 {
    padding-top: 136px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx04 {
    padding-top: 148px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx05 {
    padding-top: 124px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx055 {
    padding-top: 123px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx06 {
    padding-top: 136px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx07 {
    padding-top: 86px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx08 {
    padding-top: 149px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx09 {
    padding-top: 136px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx10 {
    padding-top: 149px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx11 {
    padding-top: 136px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx12 {
    padding-top: 149px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx13 {
    padding-top: 149px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx14 {
    padding-top: 149px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx15 {
    padding-top: 149px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx16 {
    padding-top: 153px;
}

.sub_visual_bx .vis_con_bx.vis_con_bx17 {
    padding-top: 148px;
}

.vis_con_bx .info_txt.info_txt05 {
    top: 60px;
}

.semi_txt_bx055_1 {
    background: #fcfcfc;
}

.semi_txt_bx05_1 {
    height: 884px;
    box-sizing: border-box;
    background: #fcfcfc url(../imgs/renew/img_seminar_bg_purpose.png) no-repeat center 0;
}

.jum_list > li {
    margin-top: 2px;
}

.sm_bx_list > li {
    border-radius: 12px;
    border: 1px solid #265cf0;
    background: #fff;
}

.bx_list {
    padding-top: 68px;
}

.bx_list ul {
    width: 1224px;
    overflow: hidden;
    text-align: left;
    margin-left: -12px;
}

.bx_list ul li {
    float: left;
    width: 384px;
    height: 364px;
    margin: 12px;
    padding: 50px 10px 0 62px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
}

.bx_list ul li.bg1 {
    background: #fff url(../imgs/renew/ic_bizboxa_total01.png) no-repeat 247px 226px;
}

.bx_list ul li.bg2 {
    background: #fff url(../imgs/renew/ic_bizboxa_total02.png) no-repeat 247px 226px;
}

.bx_list ul li.bg3 {
    background: #fff url(../imgs/renew/ic_bizboxa_total03.png) no-repeat 247px 226px;
}

.bx_list ul li.bg4 {
    background: #fff url(../imgs/renew/ic_bizboxa_total04.png) no-repeat 247px 226px;
}

.bx_list ul li.bg5 {
    background: #fff url(../imgs/renew/ic_bizboxa_total05.png) no-repeat 247px 226px;
}

.bx_list ul li.bg6 {
    background: #fff url(../imgs/renew/ic_bizboxa_total06.png) no-repeat 247px 226px;
}

.bx_list ul li.bg7 {
    background: #fff url(../imgs/renew/ic_bizboxa_total07.png) no-repeat 247px 226px;
}

.bx_list ul li.bg8 {
    background: #fff url(../imgs/renew/ic_bizboxa_total08.png) no-repeat 247px 226px;
}

.bx_list ul li.bg9 {
    background: #fff url(../imgs/renew/ic_bizboxa_total09.png) no-repeat 247px 226px;
}

.bx_list ul li .tt_bx {
    font-size: 22px;
    line-height: 33px;
    color: #000;
    font-weight: bold;
}

.bx_list ul li .ex_txt {
    margin-top: 18px;
    font-size: 18px;
    line-height: 30px;
    color: #4a4a4a;
}

.bx_wrap {
}

.bx_wrap {
    padding-top: 48px;
    overflow: hidden;
}

.bx_list2 {
    float: left;
    width: 588px;
    height: 263px;
}

.bx_list2.right {
    float: right;
}

.bx_list2.last {
    width: 100%;
    margin-top: 24px;
}

.bx_list2 ul {
    overflow: hidden;
    text-align: left;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    border: solid 1px #b5c8ff;
    box-sizing: border-box;
}

.bx_list2 ul li {
}

.bx_list2 ul li .tt_bx {
    height: 75px;
    padding: 21px 0 0 52px;
    font-size: 22px;
    line-height: 33px;
    color: #000;
    font-weight: bold;
    background: #f2f6fd;
    box-sizing: border-box;
}

.bx_list2 ul li .ex_txt {
    padding: 27px 0 0 52px;
    font-size: 18px;
    line-height: 30px;
    color: #4a4a4a;
}

.bx_list2 ul li .ex_txt span {
    display: inline-block;
    width: 150px;
}

.bx_list2 ul li .ex_txt span.small {
    width: 110px;
    margin-left: 56px;
}

.bx_list2.last ul li .ex_txt span {
    width: 220px;
}

.tbl-lst table td.subject a span {
    vertical-align: middle;
}

.tbl-lst table td.subject a .tit {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}