@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------------
    컨텐츠 공통
-------------------------------------------------------------------------------------------------------------------*/
.cont_img {position: relative;display: block;}

.h3_tit {position: relative;display: block;font-size: 23px;color: #222;font-weight: 600 !important;line-height: 22px;padding-top: 10px;letter-spacing: -0.07em;margin-bottom: 15px}
.h3_tit span {font-weight: 600 !important;}
.h3_tit:after {position: absolute;top: 0;left: 0;width: 25px;height: 3px;background: #313e94;content: ""}

.h4_tit {position: relative;display: block;font-size: 17px;color: #222;font-weight: 600 !important;line-height: 22px;padding-left: 23px;margin-bottom: 7px}
.h4_tit span {font-weight: 600 !important;}
.h4_tit:after {position: absolute;top: 2px;left: 0;width: 19px;height: 19px;line-height: 19px;border-radius: 50%;background: #313e94;font-family: lineawesome;text-align: center;font-size: 13px;color: #fff;content: "\f112"}


.enter {display: block}

.cont_tab {position: relative;display: block;overflow: hidden;margin-bottom: 40px}
.cont_tab ul {overflow: hidden;text-align: center}
.cont_tab li {position: relative;float: left;margin: 1px 0 0 1px;}
.cont_tab li a {display: block;text-align: center;min-width: 145px;color: #333;line-height: 50px;height: 50px;font-size: 15px;font-weight: 600;padding: 0 18px;background: #e7e8ee}
.cont_tab li.active a {color: #fff;background: #313e94}

.cont_tab02 {position: relative;display: block;padding: 0 15px;margin-bottom: 30px}
.cont_tab02 ul {overflow: hidden;text-align: center;border: 1px solid #e9edfc;border-radius: 8px;padding: 10px 0; background: #e9edfc;}
.cont_tab02 li {position: relative;display: inline-block;vertical-align: top;padding: 0 20px;margin: 5px 0}
.cont_tab02 li:before {position: absolute;top: 8px;right: -1px;width: 2px;height: 15px;background: #c3cae6;content: ""}
.cont_tab02 li:last-child:before {display: none;}
.cont_tab02 li a {position: relative;display: inline-block;color: #333;line-height: 30px;height: 30px;font-size: 15px;font-weight: 600;}
.cont_tab02 li.active a {color: #645ae7;}
.cont_tab02 li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #645ae7;content: ""}

.cont_tab03 {position: relative;display: block;padding: 0 15px;margin-bottom: 20px}
.cont_tab03 ul {overflow: hidden;border-radius: 0;padding: 10px 0; background: #fff;}
.cont_tab03 li {position: relative;display: inline-block;vertical-align: top;padding: 0 20px;margin: 5px 0}
.cont_tab03 li:before {position: absolute;top: 8px;right: -1px;width: 2px;height: 15px;background: #ccc;content: ""}
.cont_tab03 li:last-child:before {display: none;}
.cont_tab03 li a {position: relative;display: inline-block;color: #333;line-height: 30px;height: 30px;font-size: 15px;font-weight: 600;}
.cont_tab03 li.active a {color: #B44796;}
.cont_tab03 li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #B44796;content: ""}

.cont_reBox {position: relative;}

.tab50 li {width: 50%}
.tab33 li {width: 33.33%}
.tab25 li {width: 25%}
.tab20 li {width: 20%}

.gr_box {position: relative;display: block;padding: 20px;background: #eee;}
.whg_box {position: relative;display: block;padding: 20px;border: 1px solid #ddd;background: #f6f6f6;border-radius: 7px}
.whg_box.mttop {margin-top: -1px}
.wh_box {position: relative;display: block;padding: 20px;border: 1px solid #ddd;}
.bline_box {position: relative;display: block;overflow: hidden;padding: 0 0 44px;margin-bottom: 40px;background: url("/static/images/contents/pattern01.png") repeat-x bottom;}

.txtLst {position: relative;display: block}
.txtLst li {position: relative;display: block;padding-left:10px;margin-bottom: 5px;}
.txtLst li:after {position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #313e94;border-radius: 50%;content: ""}
.txtLst li:last-child {margin-bottom: 0}
.txtLst li small {display: block;font-size: 14px}

.bl_txt {position: relative;display: block;padding-left: 17px;line-height: 150%}
.bl_txt span {position: absolute;top: 0;left: 0}

.stxtLst {position: relative;display: block;margin: 0 0 10px}
.stxtLst li {position: relative;display: block;padding-left:10px;font-size: 14px;color: #777;line-height: 150%}
.stxtLst li:after {position: absolute;top: 11px;left: 0;width: 6px;height: 2px;background: #ccc;content: ""}
.stxtLst li:last-child {margin-bottom: 0}

.dltxt {position: relative;display: block}
.dltxt dt {display: block;font-size: 18px;font-weight: 600;color: #222;margin-bottom: 10px}
.dltxt dd {position: relative;display: block;padding-left:10px;margin-bottom: 5px;}
.dltxt dd:after {position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #313e94;border-radius: 50%;content: ""}
.dltxt dd:last-child {margin-bottom: 0}
.dltxt dd a {color: #666}

.numLst {position: relative;display: block}
.numLst li {position: relative;display: block;margin-bottom: 5px;padding: 10px 10px 10px 60px;background: #eee;border-radius: 5px}
.numLst li b {display: block;color: #333;font-size: 16px}
.numLst li .num {position: absolute;top: 20px;left: 15px;width: 30px;height: 30px;border-radius: 50%;color: #fff;text-align: center;line-height: 30px;background: #313e94;content: ""}
.numLst li:last-child {margin-bottom: 0}
.numLst li small {display: block;font-size: 14px}


.btxt18 {display: block;font-size: 18px;color: #222;font-weight: 600;}

/*준비중*/
.msg-wrap {width: 800px;max-width: 100%;margin: 0 auto;border: 1px solid #ddd;background: #fafafa;text-align:center;font-size:15px;color:#333;padding:80px 0;}
.msg-wrap .tit {font-size:22px;font-weight:bold;letter-spacing:-1px;margin:15px 0;color:#132E3A;line-height:1;}
.msg-wrap:before {content:"";display:block;width:104px;height:80px;background:url("/static/images/contents/msg-sprite.png") no-repeat center;margin:0 auto 30px;}

@media all and (max-width: 1200px) {

    .msg-wrap {padding:60px 20px;box-sizing: border-box}
    .msg-wrap .tit {font-size:18px;}
}

/*테이블*/
.tbl_st01 {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;border-top:2px solid #333;background: #fff}
.tbl_st01 th, .tbl_st01 td {padding: 8px 12px;text-align:center;border:1px solid #ccc;line-height: 160%;word-wrap:break-word;word-break:keep-all;}
.tbl_st01 th {background:#f8f8f8;color:#222;}
.tbl_st01 thead th {background:#edefff;color:#222;}
.tbl_st01 a {color: #555}
.tbl_st01 small {font-weight: normal;letter-spacing: 0;color: #555;margin-left: 5px;font-size: 14px}
.tbl_st01.left td {text-align: left;padding: 10px 12px}
.tbl_st01 .td_bg {background: #e7f6f8}

.tbl_st01.p0 th, .tbl_st01.p0 td {padding: 5px 2px;font-size: 12px}

.tbl_form {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;border-top:2px solid #333;}
.tbl_form th, .tbl_form td {border:1px solid #ccc;line-height: 140%;word-wrap:break-word;word-break:keep-all;}
.tbl_form th {background:#f8f8f8;color:#222;text-align:center;padding:14px 10px;}
.tbl_form td {padding:14px 20px;text-align:left;}
.tbl_form small {font-size: 13px;color: #777;font-weight: normal;display: block}
.tbl_form a {color: #555;}
.tbl_form .l {text-align: left;padding:14px 20px;}
.tbl_form.cntr td {text-align: center;padding:14px 10px;}

.table_rtxt {position: relative;display: block;text-align: right;font-size: 14px}

/*반응형 테이블,이미지*/
.rspvn_tableBox { position: relative;display: block;}
.rspvn_tableBox .astxt {position: absolute;top: -30px;right: 0;font-size: 13px;color: #888}
.rspvn-scroll {overflow:hidden }

/*폼*/
.form_tit {display: block;margin-bottom: 5px}
.form_tit label {position: relative;display: inline-block;color: #333;line-height: 20px;}
.form_tit label.nec {padding-right: 15px;}
.form_tit small {font-size: 12px;color: #777;}
.form_tit label.nec:before {position: absolute;top: 0;right: 0;width: 10px;height: 20px;line-height: 28px;content: "*";color: #e92138}
.form_group {display: block;overflow: hidden;}
.form_group .sm_input {width: 28%;float: left;}
.form_group .form_ctxt {width: 15px;float: left;margin: 0 5px;line-height: 35px;text-align: center}


@media all and (max-width: 1200px) {
    .cont_img img {width: 100%;}
    .enter {display: inline}

    .h3_tit {font-size: 20px}

    .cont_tab li {width: calc(33.33% - 1px);box-sizing: border-box;}
    .cont_tab li a {line-height: 45px;height: 45px;font-size: 15px;padding: 0 18px}

}
@media all and (max-width: 1000px) {

    .rspvn-scroll {position:relative;overflow-x:scroll;width: 100%;background: #fff}
    .rspvn-scroll table {width: 1200px !important}

    .cont_tab02 {padding: 0 10px;margin-bottom: 30px}
    .cont_tab02 ul {border-radius: 5px;padding: 10px 0;}
    .cont_tab02 li {padding: 0 20px;margin: 3px 0}
    .cont_tab02 li a {font-size: 14px;}

    .cont_tab03 {padding: 0 10px;margin-bottom: 30px}
    .cont_tab03 ul {border-radius: 5px;padding: 10px 0;}
    .cont_tab03 li {padding: 0 20px;margin: 3px 0}
    .cont_tab03 li a {font-size: 14px;}

}

@media all and (max-width:640px) {

    .h3_tit {font-size: 18px}
    .h4_tit {font-size: 15px;}

    .rspvn_tableBox .astxt {top: -25px;font-size: 11px;}

    /*.rspvn_tableBox {padding-top:120px;background: #f2f2f2 url("/static/images/contents/rspvn-drag.png") no-repeat center 18px;background-size: 150px}
    .rspvn_tableBox:after, .rspvn_tableBox:before {position:absolute;top:50px;width:40px;height:20px;display: block;background-size: 40px !important;content:"";}
    .rspvn_tableBox:after { right:20px;background:url("/static/images/contents/rspvn-arr02.png") no-repeat;}
    .rspvn_tableBox:before { left:20px;background:url("/static/images/contents/rspvn-arr01.png") no-repeat;}*/

    .rspvn-scroll {position:relative;overflow-x:scroll;width: 100%;padding-top: 20px;background: #fff}

    .rspvn-scroll table {width:600px !important}

    .tbl_st01 {font-size: 13px;}
    .tbl_st01 th, .tbl_st01 td {padding:10px 8px;}

    .tbl_form {font-size: 13px;}
    .tbl_form th, .tbl_form td {padding:10px 8px;}

    .cont_tab li {width: calc(50% - 1px);box-sizing: border-box;}
    .cont_tab li a {line-height: 40px;height: 40px;font-size: 14px;}
}

@media all and (max-width: 480px) {

    .h3_tit {font-size: 16px}
    .h4_tit {font-size: 14px;}

    .tbl_st01 .msize {width: 80px !important;}

    .tbl_form .msize {width: 100px !important;}
    .tbl_form .w300 {width: 100% !important;}

    .cont_tab li {width: 100%;}
    .cont_tab li a {font-size: 13px;}

    .dltxt dt {font-size: 15px;margin-bottom: 5px}

    .cont_tab02 {padding: 0 10px;margin-bottom: 5px}
    .cont_tab02 ul {padding: 10px 0;}
    .cont_tab02 li {padding: 0 15px;}
    .cont_tab02 li:before {top: 6px;height: 13px}
    .cont_tab02 li a {font-size: 14px;line-height: 25px;height: 25px}

    .cont_tab03 {padding: 0;margin-bottom: 5px}
    .cont_tab03 ul {padding: 10px 0;}
    .cont_tab03 li {padding: 0 15px;}
    .cont_tab03 li:before {top: 6px;height: 13px}
    .cont_tab03 li a {font-size: 14px;line-height: 25px;height: 25px}

}

@media all and (max-width: 400px) {

}


/*-------------------------------------------------------------------------------------------------------------------
    전시회 소개
-------------------------------------------------------------------------------------------------------------------*/

.introduce01_img {position: absolute;top: 0;right: 0;display: inline-block;overflow: hidden;box-shadow: 0px 55px 80px -40px rgba(0, 0, 0, 0.45)}
.introduce01_btit { position: relative;display: block;overflow: hidden;font-weight: 600;font-size: 35px;color: #333;line-height: 120%;margin-bottom: 15px}
.cont_ltit_box_s {position: relative;display: block;overflow: hidden;border-bottom: 1px solid #e3e3e3;padding: 20px 0 20px 140px;width: 500px}
.cont_ltit_box_s:last-child {margin-bottom: 0;border-bottom: none;padding-bottom: 0}
.cont_ltit_box_s .title {position: absolute;top: 20px;left: 0;font-size: 17px;font-weight: 600;color: #222;line-height: 130%}
.cont_ltit_box_s .title span {position: relative}

.cont_ltit_box {position: relative;display: block;overflow: hidden;border-bottom: 1px solid #e3e3e3;padding: 30px 0 30px 240px}
.cont_ltit_box:last-child {margin-bottom: 0;border-bottom: none;padding-bottom: 0}
.cont_ltit_box .title {position: absolute;top: 30px;left: 0;font-size: 20px;font-weight: 600;color: #222;line-height: 130%}
.cont_ltit_box .title span {position: relative}
/*.cont_ltit_box .title span:before {position: absolute;bottom: 4px;right: -10px;width: 7px;height: 7px;border-radius: 50%;background: #B44796;content: ""}*/

.cont_ltit_box .c_pb {padding-bottom: 40px}

.online_step {position: relative;display: block;overflow: hidden;}
.online_step ul {overflow: hidden}
.online_step li {position: relative;float: left;width: 390px;border-radius: 10px;background: #eee;text-align: center;padding: 30px 20px 20px;margin: 20px 40px 40px 0}
.online_step li:nth-child(even) {margin-right: 0}
.online_step li .num {position: absolute;top: -20px;left: 50%;margin-left: -20px;border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;color: #fff;background: #B44796}

.pr_plan {position: relative;display: block;overflow: hidden;padding: 0 15px 40px}
.pr_plan .box {display: block;width: 433px;border: 1px solid #eee;padding: 30px 50px;float: left;min-height: 400px;border-top: 3px solid #132E3A;box-shadow: 0 10px 10px 0 rgb(0,0,0,0.15) }
.pr_plan .box_l {margin-right: 40px;}
.pr_plan .img {display: block;text-align: center}
.pr_plan .title {display: block;font-weight: 600;font-size: 25px;color: #222;text-align: center;margin: 24px 0}

.online_step2 {position: relative;display: block;overflow: hidden;}
.online_step2 ul {overflow: hidden}
.online_step2 li {position: relative;float: left;width: 430px;min-height: 123px;box-sizing: border-box;border-radius: 10px;font-size: 16px;background: #eee;text-align: center;padding: 20px;margin: 0 40px 0 0}
.online_step2 li:nth-child(even) {margin-right: 0}
.online_step2 li .tit {display: block;font-size: 20px;color: #313e94;font-weight: 600;line-height: 140%;margin-bottom: 5px;}

.btxt20 {display: block;font-size: 20px;font-weight: 600;color: #333;line-height: 140%}

.step_li {position: relative;display: block;overflow: hidden;}
.step_li li {position: relative;border-radius: 10px;background: #eee;padding: 35px 20px 20px;margin: 35px 0 0}
.step_li li .step {position: absolute;top: -17px;left: 20px;background: #313e94;border-radius: 35px;line-height: 35px;width: 100px;text-align: center;color: #fff;font-weight: 600}
.step_li li .tit {display: block;font-size: 18px;color: #333;font-weight: 600;line-height: 140%;margin-bottom: 5px;}



@media all and (max-width: 1200px) {

    .introduce01_img {width: 35%;}
    .introduce01_img img {width: 100%}
    .cont_ltit_box_s {width: 62%}

    .online_step li {width: 48%;box-sizing: border-box;margin: 20px 4% 20px 0;min-height: 100px}

    .pr_plan .box {width: 100%;float: none;min-height: 300px;box-sizing: border-box}
    .pr_plan .box_l {margin-right: 0;margin-bottom: 40px}
    .pr_plan .b_txt br {display: none}

    .online_step2 li {width: 48%;box-sizing: border-box;margin: 0 4% 0 0;min-height: 120px}

}

@media all and (max-width: 980px) {

    .introduce01_img {display: none}
    .cont_ltit_box_s {width: 100%;box-sizing: border-box}

    .cont_ltit_box {padding: 30px 0 30px 200px}
    .cont_ltit_box .title {font-size: 23px;}
}

@media all and (max-width: 780px) {

    .cont_ltit_box {padding: 20px 0}
    .cont_ltit_box .title {position: relative;top: 0;font-size: 20px;margin-bottom: 15px}
    .cont_ltit_box .title br {display: none}
    .btxt18 {font-size: 16px}

    .cont_ltit_box .c_pb {padding-bottom: 0}

    .btxt20 {font-size: 17px;}

    .step_li li {padding: 30px 15px 15px;margin: 25px 0 0}
    .step_li li .step {top: -15px;left: 15px;border-radius: 30px;line-height: 30px;}
    .step_li li .tit {font-size: 16px;}
}


@media all and (max-width: 680px) {


    .introduce01_btit { font-size: 30px;}
    .cont_ltit_box_s {padding: 20px 0 20px 120px;}
    .cont_ltit_box_s .title {font-size: 15px;}

    .pr_plan {padding: 0 0 20px}
    .pr_plan .box {padding: 20px 30px;}
    .pr_plan .title {font-size: 20px;}

    .online_step2 li {width: 100%;margin: 0 0 10px 0;min-height: 70px;font-size: 14px}





}

@media all and (max-width: 480px) {

    .cont_ltit_box_s {padding: 20px 0;}
    .cont_ltit_box_s .title {position: relative;top: 0;font-size: 17px;margin-bottom: 15px}
    .cont_ltit_box_s .title br {display: none}

    .btxt18 {font-size: 15px}

    .cont_ltit_box .sssgap {height: 5px}

    .online_step li {width: 100%;margin: 20px 0 20px 0;min-height: 20px}

    .pr_plan .box {padding: 20px;}

}


/*-------------------------------------------------------------------------------------------------------------------
    온라인 전시관
-------------------------------------------------------------------------------------------------------------------*/

.exhibition_banner_slider {position: relative;display: block;padding: 0 15px;margin-bottom: 36px}
.exhibition_banner_slider  .banner_slider_swiper {border-radius: 15px;overflow: hidden;box-shadow: 0 15px 15px 0 rgb(0 0 0 / 15%);}
.exhibition_banner_slider .swiper-slide {max-height: 300px;overflow: hidden}
.exhibition_banner_slider .swiper-slide a {display: block}
/*.exhibition_banner_slider .swiper-slide:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.1);content: "";z-index: 1}*/
.exhibition_banner_slider .swiper-slide img {position: relative;z-index: 0;width: 100%;height: 280px}
.exhibition_banner_slider .swiper-pagination-bullet {width: 15px;height: 15px;background: #ffff;cursor: pointer;box-shadow: 0 3px 6px #00000029;opacity: 0.6;margin: 0 6px !important}
.exhibition_banner_slider .swiper-pagination-bullet-active {opacity: 1;}

.exhibition_banner {position: relative;display: block;margin-bottom: 36px}
.exhibition_banner .swiper-slide {text-align: center;}
.exhibition_banner .swiper-slide img {width: 95%}

.company_type_list {position: relative;display: block;}
.company_type_list ul {overflow: hidden;padding: 0 15px}
.company_type_list li {position: relative; min-height: 250px;box-shadow: 0 15px 15px 0 rgb(0 0 0 / 15%);border: 1px solid #efefef; border-radius: 15px; margin-bottom: 24px;box-sizing: border-box; overflow: hidden;}
.company_type_list li .zoomImg {position: relative;display: block;width: 100%;height: 250px;overflow: hidden}
.company_type_list li .zoomImg a {display: block}
.company_type_list li .zoomImg:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: '';display: block;z-index: 2}
.company_type_list li .zoomImg img {width: 100%;min-height: 100%;filter: grayscale(40%)}
.company_type_list li .txtbox {position: absolute; top: 50%; left: 50%;text-align: center;transform: translateY(-50%) translateX(-50%);width: 100%;display: block;z-index: 5}
.company_type_list li .txtbox-cont {display: block; }
.company_type_list li .tit {display: inline-block;text-align: center;margin: 0 0 20px;font-weight: 600;color: #ffffff;line-height: 130%;font-size: 28px;}
.company_type_list li .tit a {font-weight: 600;color: #fff;line-height: 130%;font-size: 35px;}
/*
.company_type_list li .tit {display: inline-block;text-align: center;margin: 0 0 20px;font-weight: 600;color: #ffffff;line-height: 130%;font-size: 28px;background: rgba(0,0,0,0.2);border-radius: 40px;padding: 10px 30px }
.company_type_list li .tit a {font-weight: 600;color: #ffffff;line-height: 130%;font-size: 28px;}
*/
.company_type_list li .txt {display: block;font-size: 18px;text-align: center; color: #ffffff;}
.company_type_list li .btndiv {display: block;margin-top: 20px}
.company_type_list li .btndiv a {margin: 0 auto;display: block;width: 180px;padding: 10px 0;border-radius: 50px;text-align: center;font-size: 16px;font-weight: 600;color: #333333}
.company_type_list li .btndiv .btn_st1 {background: #121212; color: #fff; opacity: 80%}
.company_type_list li .btndiv .btn_st1:hover {opacity: 100%}
.company_type_list li:last-child {margin-bottom: 0px}

/*분야별 전시관(2026)*/
.company_type_list.hall_field li {width: 49%;display: inline-block;}





/*
.company_type_list li:hover .zoomImg:before {position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;line-height: 70px;transform: translateX(-50%) translateY(-50%);font-family: 'Feather' !important;
    content: "\e9b1";color: rgba(255,255,255,0.7);font-size: 35px;text-align: center;background: rgba(0,0,0,0.5);border-radius: 50%;z-index: 5}
*/
.company_menu {position: relative;display: block;overflow: hidden;margin: 0 0 36px;padding: 0 15px;}
.company_menu .nav {display: block;overflow: hidden;float: left;}
.company_menu .nav li {float: left;margin-right: 25px}
.company_menu .nav li a {position: relative;display: inline-block;font-size: 22px;font-weight: 600;color: #333333;line-height: 40px}
.company_menu .nav li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #B44796;content: ""}
.company_menu .form_group {float: right;width: 442px}
.company_menu .form_group input {height: 40px;line-height: 40px;margin: 0;float: left;width: 350px;box-sizing: border-box;}
.company_menu .form_group .btn {margin: 0 0 0 5px;height: 40px;padding: 0 15px;box-sizing: border-box;line-height: 40px}

.company_list {position: relative;display: block;}
.company_list ul {overflow: hidden;padding: 0 15px}
.company_list li {float: left;box-shadow: 0px 4px 4px #00000026;box-sizing: border-box;border-radius: 15px;margin-bottom: 24px;transition: all .3s ease;background: #e8f2f6;text-align: center}
.company_list li span {display: block}
.company_list li .logoimg {position: relative;display: block;width: 100%;height: 120px;overflow: hidden;box-sizing: border-box;border-radius: 8px;text-align: center;background: #fff;border: 1px solid rgba(0,0,0,0.07);}
.company_list li .logoimg img {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);max-width: 80%;max-height: 80%;vertical-align: middle}
.company_list li .company_name {display: block;overflow: hidden;color: #333;line-height: 130%;font-weight: 600;margin: 35px 0 3px}
.company_list li .company_name_en {display: block;overflow: hidden;color: #999;line-height: 130%;font-weight: 600;letter-spacing: 0;}
.company_list li a {display: block;}
.company_list li:hover {box-shadow: 0px 15px 20px #00000026;}

/*
.company_list li.package1 {background: rgb(63,149,251);background: linear-gradient(310deg, rgba(63,149,251,1) 0%, rgba(252,70,141,1) 100%);}
.company_list li.package2 {background: rgb(63,149,251);background: linear-gradient(310deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);}
.company_list li.basic1 {background: rgb(63,149,251);background: linear-gradient(310deg, rgba(188,218,255,1) 0%, rgba(255,215,230,1) 100%)}
.company_list li.basic2 {background: rgb(63,149,251);background: linear-gradient(135deg, rgba(188,218,255,1) 0%, rgba(255,215,230,1) 100%)}
.company_list li.school {background: rgb(63,149,251);background: linear-gradient(135deg, rgba(188,218,255,1) 0%, rgba(255,215,230,1) 100%)}
*/

.company_list li.package1 {position: relative;background: rgb(199,155,75);background: transparent linear-gradient(45deg,#2758e5,#ae5ce9) 0% 0% no-repeat padding-box;}
.company_list li.package1:before {position: absolute;bottom: -50px;left: 30px;width: 120px;height: 100%;content: "";background: url("/static/images/main/mian_bg.png") no-repeat center;background-size: 100%;opacity: 0.2;z-index: 1;}
.company_list li.package2 {background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);}
/*.company_list li.basic1 {background: rgb(63,149,251);background: linear-gradient(310deg, rgba(188,218,255,1) 0%, rgba(255,215,230,1) 100%)}
.company_list li.basic2 {background: rgb(63,149,251);background: linear-gradient(135deg, rgba(188,218,255,1) 0%, rgba(255,215,230,1) 100%)}
.company_list li.school {background: rgb(63,149,251);background: linear-gradient(135deg, rgba(188,218,255,1) 0%, rgba(255,215,230,1) 100%)}*/

.company_list li.basic1, .company_list li.basic2, .company_list li.school {border: 2px solid #224991;}

.company_list li.package1 .company_name, .company_list li.package2 .company_name {color: #fff;text-align: center}
.company_list li.package1 .company_name_en, .company_list li.package2 .company_name_en {color: #666;text-align: center}

.company_list li.basic1 .company_name, .company_list li.basic2 .company_name, .company_list li.school .company_name {color: #333;margin-top: 0}
.company_list li.basic1 .company_name_en, .company_list li.basic2 .company_name_en, .company_list li.school .company_name_en {color: #666;}


.company_list.style01 li {width: 542px;padding: 10px 10px 35px;}
.company_list.style01 li:nth-child(odd) {margin-right: 24px}
.company_list.style01 li .company_name {font-size: 26px}
.company_list.style01 li .company_name_en {font-size: 18px;}

.company_list.style02 li {width: 258px;padding: 10px 10px 15px;margin-right: 24px}
.company_list.style02 li:nth-child(4n) {margin-right: 0}
.company_list.style02 li .company_name {font-size: 17px;margin-bottom: 0;height: 45px}
.company_list.style02 li .company_name_en {font-size: 14px;}

.cp_pro_list {position: relative;display: block;}
.cp_pro_list ul {overflow: hidden;padding: 0 15px}

.cp_pro_list li {float: left;width: 543px;min-height: 448px;margin-bottom: 24px;padding: 24px;background: #fff;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);box-sizing: border-box;border: 1px solid #efefef;border-radius: 15px;}
/* .cp_pro_list li:hover{box-shadow: 0 15px 15px 0 rgb(0 0 0 / 15%);border: 1px solid #efefef;} */
.cp_pro_list li:nth-child(odd) {margin-right: 24px}
.cp_pro_list li .zoomImg {position: relative;display: block;width: 495px;height: 280px;overflow: hidden;border-radius: 15px}
.cp_pro_list li .zoomImg img {width: 100%;height: 100%;}

.cp_pro_list li .company {
    display: block;
    color: #999999;
    line-height: 120%;
    font-size: 16px;
    overflow: hidden;
    margin-top: 12px;
}
.cp_pro_list li .tit {display: block;margin: 12px 0 12px;font-weight: 600;color: #333333;line-height: 130%;font-size: 24px;overflow: hidden}
/*.cp_pro_list li .tit a {display: inline-block;float: left;vertical-align: middle;max-width: 65%;font-weight: 600;color: #333333;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 2px;}*/
.cp_pro_list li .tit a {display: inline-block;float: left;vertical-align: middle;font-weight: 600;color: #333333;font-size: 20px;padding-top: 2px;}
.cp_pro_list li .tit a:hover {color: #B44796}

.cp_pro_list li .tit .newBrand {
    display: inline-block;
    float: left;
    vertical-align: middle;
    /*height: 26px;*/
    line-height: 25px;
    color: #fff;
    font-size: 16px;
    padding: 3px 14px;
    border-radius: 30% 4px;
    background: tomato;
    margin-left: 5px
}

.cp_pro_list li .tit .newTech {
    display: inline-block;
    float: left;
    vertical-align: middle;
    /*height: 26px;*/
    line-height: 25px;
    color: #fff;
    font-size: 16px;
    padding: 3px 14px;
    border-radius: 30% 4px;
    background: lightseagreen;
    margin-left: 5px
}

.cp_pro_list li .txt {display: block;color: #999999;line-height: 150%;font-size: 16px;height: 70px;overflow: hidden;
    text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 75px;}
.cp_pro_list li .btndiv {display: block;margin-top: 12px}
.cp_pro_list li .btndiv a {float: left;width: 246px;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333333}

.cp_pro_list li .btndiv .btn_st1 {
    border: 1px solid #b44796;
    border-radius: 4px;
    color: #b44796
}
/* 원복 .cp_pro_list li .btndiv .btn_st1.on {background: #B44796 0% 0% no-repeat padding-box;border: 1px solid #DDDDDD;color: #fff;} */
.cp_pro_list li .btndiv .btn_st1:hover, .cp_pro_list li .btndiv .btn_st1.on {background: #B44796 0% 0% no-repeat padding-box;border: 1px solid #DDDDDD;color: #fff;}

.cp_pro_list li .btndiv .btn_st2 {border: 1px solid #fff;border-radius: 4px;}
/*.cp_pro_list li .btndiv .btn_st2:hover {border: 1px solid #EFEFEF;background: #EFEFEF}*/

.cp_pro_list li:hover .zoomImg:before {position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;line-height: 70px;transform: translateX(-50%) translateY(-50%);font-family: 'Feather' !important;
    content: "\e9b1";color: rgba(255,255,255,0.7);font-size: 35px;text-align: center;background: rgba(0,0,0,0.5);border-radius: 50%;z-index: 5}


/*컨퍼런스*/
.cp_conference_list {position: relative;display: block;}
.cp_conference_list ul {overflow: hidden;padding: 0 15px}
.cp_conference_list li {box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);border: 1px solid #efefef;border-radius: 15px;box-sizing: border-box;background: #fff;margin-bottom: 24px;padding: 24px;overflow: hidden}
.cp_conference_list li .zoomImg {float: left;width: 356px;height: 200px;border-radius: 8px;overflow: hidden;margin-right: 24px}
.cp_conference_list li .zoomImg img {width: 100%;height: 100%;}
.cp_conference_list li .txtbox {float: left;width: 678px;}
.cp_conference_list li .type {position: relative;z-index: 1}
.cp_conference_list li .type span {display: inline-block;color: #fff;padding: 1px 12px;line-height: 23px;height: 24px;font-size: 14px;border-radius: 25px;}
.cp_conference_list li .offline {background: #333333}
.cp_conference_list li .online_vod {background: #1275BF}
.cp_conference_list li .online_live {background: #E5025B}
.cp_conference_list li .title {display: block;font-size: 24px;color: #333;line-height: 130%;margin: 12px 0;font-weight: 600;overflow: hidden;
    text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 67px;}
.cp_conference_list li .title a {font-size: 20px;color: #333;line-height: 130%}
.cp_conference_list li .info {overflow: hidden;padding: 0}
.cp_conference_list li .info li {position: relative;float: left;box-shadow: none;border: none;font-size: 15px;font-weight: 600;box-sizing: border-box;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #999999}
.cp_conference_list li .info li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.cp_conference_list li .info li:last-child {margin-right: 0}
.cp_conference_list li .info li:last-child:before {display: none;}
.cp_conference_list li .session {padding: 0;margin: 24px 0;}
.cp_conference_list li .session li {display: block;box-shadow: none;border: 0;box-sizing: border-box;margin-bottom: 0;padding: 12px;overflow: hidden;}
.cp_conference_list li .session P {display: block;color: #333333;margin-bottom: 5px;}
.cp_conference_list li .session div {overflow: hidden}
.cp_conference_list li .session span {font-weight: 600;color: #333333}

.conference_btn {display: block;text-align: right}
.conference_btn a {display: inline-block;width: 212px;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #666666}
.conference_btn .btn_st1 {color: #666666;}
.conference_btn .btn_st2 {border: 1px solid #132E3A;border-radius: 4px;color: #132E3A;margin: 0 15px;}
.conference_btn .btn_st3 {border: 1px solid #B44796;border-radius: 4px;color: #B44796;}
.conference_btn .btn_st3.on {background: #B44796 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDDDDD;color: #fff;}
.conference_btn .btn_st3:hover {background: #B44796 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDDDDD;color: #fff;}
.cp_conference_list li.full .txtbox {width: 100%}

.cp_recruit_list {position: relative;display: block;margin: 0 auto;padding: 0 15px}
.cp_recruit_list li {position: relative;display: block;background: #fff;border: 1px solid #efefef;border-radius: 15px;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);box-sizing: border-box;margin-bottom: 24px;padding: 24px 264px 24px 24px;overflow: hidden;}
.cp_recruit_list li:hover {background: #F2F2F2}
.cp_recruit_list li .company {display: block;font-size: 16px;}
.cp_recruit_list li .title {display: block;font-size: 20px;font-weight: 600;color: #333;line-height: 130%;margin: 12px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cp_recruit_list li .title a {color: #333;}
.cp_recruit_list li ul {overflow: hidden;padding: 0}
.cp_recruit_list li ul li {position: relative;float: left;box-shadow: none;border: none;font-size: 16px;box-sizing: border-box;background: none;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #333}
.cp_recruit_list li ul li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.cp_recruit_list li ul li:last-child {margin-right: 0}
.cp_recruit_list li ul li:last-child:before {display: none;}
.cp_recruit_list li .as_btn {position: absolute;top: 50%;right: 24px;width: 160px;transform: translateY(-50%)}
.cp_recruit_list li .as_btn a {display: block;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333}
.cp_recruit_list li .as_btn .btn_st1 {border: 1px solid #B44796;border-radius: 4px;color: #B44796;margin: 0 0 15px;}
.cp_recruit_list li .as_btn .btn_st2 {color: #333333;border-radius: 4px;}
.cp_recruit_list li .as_btn .btn_st1.on {background: #B44796 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDDDDD;color: #fff;}
.cp_recruit_list li .as_btn .btn_st1:hover {background: #B44796 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDDDDD;color: #fff;}

.logoLst {overflow: hidden;width: 1130px;margin-left: -10px}
.logoLst li {float: left;margin: 0 10px 25px;padding: 0;width: 262px}
.logoLst li a {display: block;padding: 15px}
.logoLst li .img {position: relative;display: block;width: 100%;height: 90px;overflow: hidden;box-sizing: border-box;border-radius: 8px;text-align: center;background: #fff;border: 1px solid rgba(0,0,0,0.07);margin-bottom: 10px}
.logoLst li .img img {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 200px;max-height: 67px;vertical-align: middle;}
.logoLst li .tit {display: block; color: #666;margin-bottom: 3px;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.logoLst li .txt  {display: block; color: #151515;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 600}

.cp_media_list {position: relative;display: block;}
.cp_media_list ul {overflow: hidden;padding: 0 15px}
.cp_media_list li {float: left;width: 543px;min-height: 448px;margin-bottom: 24px;padding: 24px;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);box-sizing: border-box;border: 1px solid #efefef;border-radius: 15px;}
.cp_media_list li:nth-child(odd) {margin-right: 24px}
.cp_media_list li .zoomImg {position: relative;display: block;width: 495px;height: 280px;overflow: hidden;border-radius: 15px}
.cp_media_list li .zoomImg a {position: relative;display: block;}
.cp_media_list li .zoomImg img {width: 100%;height: 100%;}
.cp_media_list li .company {display: block;color: #999999;line-height: 150%;font-size: 16px;overflow: hidden;margin-top: 24px}
.cp_media_list li .tit {display: block;margin: 12px 0 12px;font-weight: 600;color: #333333;line-height: 130%;font-size: 24px;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 65px;}
.cp_media_list li .tit a {font-weight: 600;color: #333333;line-height: 130%;font-size: 24px;}
.cp_media_list li .btndiv {display: block;margin-top: 24px}
.cp_media_list li .btndiv a {float: left;width: 246px;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333333}
.cp_media_list li .btndiv .btn_st1 {border: 1px solid #B44796;border-radius: 4px;color: #B44796}
.cp_media_list li .btndiv .btn_st1:hover, .cp_media_list li .btndiv .btn_st1.on {background: #B44796 0% 0% no-repeat padding-box;border: 1px solid #DDDDDD;color: #fff;}
.cp_media_list li .btndiv .btn_st2 {color: #333;border: 1px solid #fff;}
/* .cp_media_list li .btndiv .btn_st2:hover {background: #EFEFEF;border: 1px solid #EFEFEF} */

.cp_media_list li:hover .zoomImg a:before {position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;line-height: 70px;transform: translateX(-50%) translateY(-50%);font-family: 'Feather' !important;
    content: "\e9af";color: rgba(255,255,255,0.7);font-size: 35px;text-align: center;background: rgba(0,0,0,0.5);border-radius: 50%;z-index: 5}


.cp_photo_list {position: relative;display: block;}
.cp_photo_list ul {overflow: hidden;padding: 0 15px}
.cp_photo_list li {float: left;width: 543px;min-height: 448px;margin-bottom: 24px;padding: 24px;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);box-sizing: border-box;border: 1px solid #efefef;border-radius: 15px;}
.cp_photo_list li:nth-child(odd) {margin-right: 24px}
.cp_photo_list li .zoomImg {position: relative;display: block;width: 495px;height: 280px;overflow: hidden;border-radius: 15px}
.cp_photo_list li .zoomImg img {width: 100%;min-height: 100%;}
.cp_photo_list li .company {display: block;color: #999999;line-height: 150%;font-size: 16px;overflow: hidden;margin-top: 24px}
.cp_photo_list li .tit {display: block;margin: 12px 0 12px;font-weight: 600;color: #333333;line-height: 130%;font-size: 24px;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 65px;}
.cp_photo_list li .tit a {font-weight: 600;color: #333333;line-height: 130%;font-size: 24px;}
.cp_photo_list li .btndiv {display: block;margin-top: 24px}
.cp_photo_list li .btndiv a {float: left;width: 246px;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333333}
.cp_photo_list li .btndiv .btn_st1 {border: 1px solid #B44796;border-radius: 4px;color: #B44796}
.cp_photo_list li .btndiv .btn_st1:hover, .cp_media_list li .btndiv .btn_st1.on {background: #B44796 0% 0% no-repeat padding-box;border: 1px solid #DDDDDD;color: #fff;}
.cp_photo_list li .btndiv .btn_st2 {color: #333;border: 1px solid #fff;}
.cp_photo_list li .btndiv .btn_st2:hover {background: #EFEFEF;border: 1px solid #EFEFEF;}

.cp_photo_list li:hover .zoomImg:before {position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;line-height: 70px;transform: translateX(-50%) translateY(-50%);font-family: 'Feather' !important;
    content: "\e9b1";color: rgba(255,255,255,0.7);font-size: 35px;text-align: center;background: rgba(0,0,0,0.5);border-radius: 50%;z-index: 5}

.cp_inquire_btn {position: relative;display: block;margin: 0 auto;padding: 0 15px 24px}
.cp_inquire_btn .inquire_btn {display: block;width: 190px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;font-weight: 600;letter-spacing: 0px;color: #FFFFFF;background: #132E3A}

.cp_inquire_list {position: relative;display: block;margin: 0 auto;padding: 0 15px}
.cp_inquire_list li {position: relative;display: block;border: 1px solid #ddd;box-shadow: 0px 2px 5px #00000029;box-sizing: border-box;margin-bottom: 24px;padding: 24px 264px 24px 24px;overflow: hidden;}
.cp_inquire_list li .company {display: block;font-size: 16px;}
.cp_inquire_list li .title {display: block;font-size: 20px;font-weight: 600;color: #333;line-height: 130%;margin: 12px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cp_inquire_list li ul {overflow: hidden;padding: 0}
.cp_inquire_list li ul li {position: relative;float: left;box-shadow: none;border: none;font-size: 16px;box-sizing: border-box;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #333}
.cp_inquire_list li ul li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.cp_inquire_list li ul li:last-child {margin-right: 0}
.cp_inquire_list li ul li:last-child:before {display: none;}
.cp_inquire_list li .as_btn {position: absolute;bottom: 24px;right: 24px;width: 160px;}
.cp_inquire_list li .as_btn a {display: block;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333}
.cp_inquire_list li .as_btn .btn_st1 {background: #DDDDDD;color: #666666}
.cp_inquire_list li .as_btn .btn_st2 {border: 1px solid #B44796;color: #B44796;}

.cp_inquire_list li:hover {background: #F2F2F2}
.cp_inquire_list li:hover .title {color: #B44796}
.cp_inquire_list li:hover .as_btn .btn_st2 {background: #B44796;color: #fff}

.inquire_btn_box {position: relative;display: block;margin: 24px auto;}
.inquire_btn_box .inquire_btn {display: block;width: 190px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;font-weight: 600;letter-spacing: 0px;color: #FFFFFF;background: #132E3A}

.inquire_view_cont {position: relative;display: block;overflow: hidden}
.inquire_view_cont li {margin-bottom: 20px}
.inquire_view_cont li .question {display: block;background: #EFEFEF;padding: 24px;color: #333333}
.inquire_view_cont li .info {overflow: hidden;padding: 0;margin-top: 12px}
.inquire_view_cont li .info li {position: relative;float: left;box-shadow: none;border: none;font-size: 15px;box-sizing: border-box;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #333333}
.inquire_view_cont li .info li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.inquire_view_cont li .info li:last-child {margin-right: 0}
.inquire_view_cont li .info li:last-child:before {display: none;}
.inquire_view_cont li .answer {display: block;border: 1px solid #DDDDDD;padding: 24px;color: #333333}
.inquire_view_cont li .answer .btit {display: block;font-weight: 600;color: #B44796;line-height: 130%;margin-bottom: 10px}

.no-boardData {width: 800px;max-width: 100%;margin: 0 auto;border: 1px solid #ddd;text-align:center;font-size:15px;color:#333;padding:80px 0;}
.no-boardData .tit {font-size:22px;font-weight:bold;letter-spacing:-1px;margin:15px 0;color:#132E3A;line-height:1;}
.no-boardData:before {content:"";display:block;width:85px;height:85px;background:url("/static/images/contents/no-boardData.png") no-repeat center;margin:0 auto 30px;}

.point_list_wrap {position: relative;display: block;padding: 0 15px}
.point_list_wrap .total_point {display: block;font-size: 32px;font-weight: 600;color: #333;line-height: 130%;margin-bottom: 24px}
.point_list_wrap table {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;background: #fff;border-bottom:1px solid #707070;}
.point_list_wrap th, .point_list_wrap td {padding: 24px;text-align: left;line-height: 160%;word-wrap:break-word;word-break:keep-all;color: #333}
.point_list_wrap thead th {border-bottom:1px solid #707070;color: #333}

.conference_slider {position: relative;display: block;border-radius: 15px;overflow: hidden;margin-bottom: 12px}
.conference_slider .swiper-slide {overflow: hidden}
.conference_slider .swiper-slide img {position: relative;z-index: 0;width: 100%;}
.conference_slider .swiper-pagination-bullet {width: 15px;height: 15px;background: #ffff;cursor: pointer;box-shadow: 0 3px 6px #00000029;opacity: 0.6;margin: 0 6px !important}
.conference_slider .swiper-pagination-bullet-active {opacity: 1;}

@media all and (max-width: 1200px) {

    .exhibition_banner_slider {padding: 0 10px;}
    .exhibition_banner_slider .swiper-pagination-bullet {width: 12px;height: 12px;}
    .exhibition_banner_slider .swiper-slide img {height: auto;min-height: 120px}

    .company_type_list ul {padding: 0 10px}
    /*.company_type_list li {box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);width: 48%;margin-bottom: 20px;min-height: 180px}*/
    .company_type_list li {box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);width: 100%;margin-bottom: 20px;min-height: 180px}
    .company_type_list li:nth-child(odd) {margin-right: 4%}
    .company_type_list li .zoomImg {height: 180px}
    .company_type_list li .zoomImg img {height: 180px;width: 100%}
    .company_type_list li .txtbox {display: block;}
    .company_type_list li .tit {font-size: 20px;}
    .company_type_list li .tit a {font-size: 20px;}
    .company_type_list li .txt {font-size: 15px;}
    .company_type_list li .txt br {display: none}
    .company_type_list li .btndiv a {width: 200px;font-size: 15px;}

    .company_type_list li:hover .zoomImg:before {display: none;}


    .company_type_list.hall_field li:nth-child(odd) {
         margin-right: 0;
    }



    .company_menu .nav {float: none;width: 100%;text-align: center;margin-bottom: 24px}
    .company_menu .nav li {float: none;vertical-align: top;display: inline-block;margin-right: 20px}
    .company_menu .nav li:last-child {margin-bottom: 0}
    .company_menu .nav li a {font-size: 20px;line-height: 30px}
    .company_menu .form_group {float: right;width: 400px;margin: 0 auto}
    .company_menu .form_group input {height: 35px;line-height: 35px;width: 307px;}
    .company_menu .form_group .btn {height: 35px;line-height: 35px}

    .company_list ul {padding: 0 10px}
    .company_list.style01 li {width: 49%;}
    .company_list.style01 li:nth-child(odd) {margin-right: 2%}
    .company_list.style01 li .company_name {font-size: 20px}
    .company_list.style01 li .company_name_en {font-size: 16px;}

    .company_list.style02 li {width: 32%;margin-right: 2%}
    .company_list.style02 li:nth-child(4n) {margin-right: 2%}
    .company_list.style02 li:nth-child(3n) {margin-right: 0}
    .company_list.style02 li .company_name {font-size: 15px;height: 40px}
    .company_list.style02 li .company_name_en {font-size: 13px;}

    .cp_pro_list ul {padding: 0 10px}
    .cp_pro_list li {box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);width: 48%;min-height: 448px;margin-bottom: 20px;padding: 20px;}
    .cp_pro_list li:nth-child(odd) {margin-right: 4%}
    .cp_pro_list li .zoomImg {width: 100%;height: 240px;}
    .cp_pro_list li .tit {font-size: 18px;}
    .cp_pro_list li .tit a {line-height: 20px;font-size: 18px;}
    .cp_pro_list li .tit .newBrand {height: 20px;line-height: 20px;font-size: 13px;padding: 0 12px;border-radius: 20px;margin-left: 3px}
    .cp_pro_list li .tit .newTech {height: 20px;line-height: 20px;font-size: 13px;padding: 0 12px;border-radius: 20px;margin-left: 3px}
    .cp_pro_list li .txt {font-size: 15px;height: 65px;max-height: 65px;}
    .cp_pro_list li .btndiv {margin-top: 20px}
    .cp_pro_list li .btndiv a {width: 50%;padding: 7px 0;font-size: 15px;}
    .cp_pro_list li:hover .zoomImg:before {display: none;}

    .cp_conference_list ul {padding: 0 10px}
    .cp_conference_list li {/*box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);*/margin-bottom: 20px;padding: 20px;}
    .cp_conference_list li .zoomImg {width: 25%;height: auto;margin-right: 3%}
    .cp_conference_list li .txtbox {width: calc(100% - 28%);}
    .cp_conference_list li .type span {padding: 0 7px;font-size: 13px;}
    .cp_conference_list li .title {font-size: 20px;margin: 10px 0;max-height: 57px;}
    .cp_conference_list li .title a {font-size: 20px;}
    .cp_conference_list li .info li {font-size: 14px;}
    .cp_conference_list li .session {margin: 20px 0;}
    .cp_conference_list li .session li {padding: 10px;}
    .cp_conference_list li .session P {margin-bottom: 3px;}
    .conference_btn a {width: 150px;padding: 7px 0;font-size: 15px;}

    .cp_recruit_list {padding: 0}
    .cp_recruit_list li {margin-bottom: 20px;padding: 20px 200px 20px 20px;}
    .cp_recruit_list li .company {font-size: 14px;}
    .cp_recruit_list li .title {font-size: 17px;margin: 10px 0;}
    .cp_recruit_list li ul li {font-size: 14px;}
    .cp_recruit_list li .as_btn {right: 20px;width: 140px;}
    .cp_recruit_list li .as_btn a {padding: 7px 0;font-size: 15px;}
    .cp_recruit_list li .as_btn .btn_st1 {margin: 0 0 10px;}

    .logoLst {width: 100%;margin-left: 0}
    .logoLst li {margin: 0 1% 25px;width: 23%;padding: 0;box-sizing: border-box}
    .logoLst li a {display: block;padding: 15px}
    .logoLst li .img {height: 60px;}
    .logoLst li .img img {width: 150px;max-height: 57px;}

    .cp_media_list ul {padding: 0 10px}
    .cp_media_list li {box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);width: 48%;min-height: 448px;margin-bottom: 20px;padding: 20px;}
    .cp_media_list li:nth-child(odd) {margin-right: 4%}
    .cp_media_list li .zoomImg {width: 100%;height: 240px;}
    .cp_media_list li .tit {font-size: 20px;height: 55px;}
    .cp_media_list li .tit a {font-size: 20px;}
    .cp_media_list li .btndiv {margin-top: 20px}
    .cp_media_list li .btndiv a {width: 50%;padding: 7px 0;font-size: 15px;}
    .cp_media_list li:hover .zoomImg:before {display: none;}

    .cp_photo_list ul {padding: 0 10px}
    .cp_photo_list li {box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);width: 48%;min-height: 448px;margin-bottom: 20px;padding: 20px;}
    .cp_photo_list li:nth-child(odd) {margin-right: 4%}
    .cp_photo_list li .zoomImg {width: 100%;height: 240px;}
    .cp_photo_list li .tit {font-size: 20px;height: 55px;}
    .cp_photo_list li .tit a {font-size: 20px;}
    .cp_photo_list li .btndiv {margin-top: 20px}
    .cp_photo_list li .btndiv a {width: 50%;padding: 7px 0;font-size: 15px;}
    .cp_photo_list li:hover .zoomImg:before {display: none;}


    .cp_inquire_list {padding: 0}
    .cp_inquire_list li {margin-bottom: 20px;padding: 20px 200px 20px 20px;}
    .cp_inquire_list li {margin-bottom: 20px;padding: 20px 200px 20px 20px;}
    .cp_inquire_list li .company {font-size: 14px;}
    .cp_inquire_list li .title {font-size: 17px;margin: 10px 0;}
    .cp_inquire_list li ul li {font-size: 14px;}
    .cp_inquire_list li .as_btn {right: 20px;width: 140px;}
    .cp_inquire_list li .as_btn a {padding: 7px 0;font-size: 15px;}
    .cp_inquire_list li .as_btn .btn_st1 {margin: 0 0 10px;}

    .no-boardData .tit {font-size:20px;}

}

@media all and (max-width: 980px) {

    .cp_pro_list li .zoomImg {height: 200px;}

    .conference_btn a {width: 130px;}

    .cp_media_list li .zoomImg {height: 200px;}

    .cp_photo_list li .zoomImg {height: 200px;}

    .cp_inquire_list a {width: 130px;}

    .logoLst li {margin: 0 1% 25px;width: 31.33%;padding: 0}
    .logoLst li a {padding: 10px}
    .logoLst li .img {height: 55px;}
    .logoLst li .img img {width: 140px;max-height: 47px;}


}

@media all and (max-width: 780px) {

    .company_type_list li .tit {font-size: 17px;}
    .company_type_list li .tit a {font-size: 17px;}
    .company_type_list li .txt {font-size: 14px;}
    .company_type_list li .btndiv a {width: 180px;font-size: 14px;padding: 7px 0;border-radius: 40px}

    .company_menu .form_group {width: 300px;}
    .company_menu .form_group input {width: 222px}
    .company_menu .form_group .btn {padding: 0 10px;font-size: 13px}

    .company_list ul {padding: 0 10px}
    .company_list li .logoimg {height: 100px;}

    .company_list.style01 li {width: 49%;padding: 12px 12px 24px;margin-bottom: 15px}
    .company_list.style01 li:nth-child(odd) {margin-right: 2%}
    .company_list.style01 li .company_name {font-size: 15px}
    .company_list.style01 li .company_name_en {font-size: 13px;}

    .company_list.style02 li {width: 49%;margin-right: 0;margin-bottom: 15px}
    .company_list.style02 li:nth-child(4n) {margin-right: 0}
    .company_list.style02 li:nth-child(3n) {margin-right: 0}
    .company_list.style02 li:nth-child(odd) {margin-right: 2% !important}
    .company_list.style02 li .company_name {font-size: 15px;height: 30px}
    .company_list.style02 li .company_name_en {font-size: 13px;}

    .cp_pro_list li {min-height: 390px;padding: 15px;}
    .cp_pro_list li .zoomImg {height: 170px;}
    .cp_pro_list li .tit {font-size: 18px;}
    .cp_pro_list li .tit a {font-size: 18px;}
    .cp_pro_list li .txt {font-size: 14px;height: 60px;max-height: 60px;}

    .cp_conference_list li {padding: 15px;}
    .cp_conference_list li .title {font-size: 17px;line-height: 150%;max-height: 50px;}
    .cp_conference_list li .title a {font-size: 17px;line-height: 150%}
    .cp_conference_list li .info li {font-size: 13px;}
    .cp_conference_list li .session {margin: 15px 0;}
    .conference_btn a {width: 90px;font-size: 14px;}
    .conference_btn .btn_st2 {margin: 0}

    .cp_recruit_list li {margin-bottom: 10px;padding: 15px;}
    .cp_recruit_list li .company {font-size: 13px;}
    .cp_recruit_list li .title {font-size: 16px;}
    .cp_recruit_list li ul li {font-size: 13px;}
    .cp_recruit_list li .as_btn {position: relative;display: block;overflow: hidden;margin-top: 20px;top: 0;right: 0;transform: translateY(0);width: 100%;}
    .cp_recruit_list li .as_btn a {width: 48%;display: inline-block;vertical-align: top;padding: 7px 0;font-size: 14px;}
    .cp_recruit_list li .as_btn .btn_st1 {margin: 0 10px 0 0;}

    .logoLst li {margin: 0 1% 25px;width: 31.33%;padding: 0}
    .logoLst li a {padding: 10px}
    .logoLst li .img {height: 55px;}

    .cp_media_list li {min-height: 390px;padding: 15px;}
    .cp_media_list li .zoomImg {height: 170px;}
    .cp_media_list li .company {font-size: 14px}
    .cp_media_list li .tit {font-size: 18px;height: 45px;margin: 10px 0}
    .cp_media_list li .tit a {font-size: 18px;}

    .cp_photo_list li {min-height: 390px;padding: 15px;}
    .cp_photo_list li .zoomImg {height: 170px;}
    .cp_photo_list li .company {font-size: 14px}
    .cp_photo_list li .tit {font-size: 18px;height: 45px;margin: 10px 0}
    .cp_photo_list li .tit a {font-size: 18px;}

    .cp_inquire_list li {margin-bottom: 10px;padding: 15px;}
    .cp_inquire_list li .company {font-size: 13px;}
    .cp_inquire_list li .title {font-size: 16px;}
    .cp_inquire_list li ul li {font-size: 13px;}
    .cp_inquire_list li .as_btn {position: relative;display: block;overflow: hidden;margin-top: 20px;top: 0;right: 0;transform: translateY(0);width: 100%;}
    .cp_inquire_list li .as_btn a {width: 120px;display: inline-block;vertical-align: top;padding: 7px 0;font-size: 14px;}
    .cp_inquire_list li .as_btn .btn_st1 {margin: 0 10px 0 0;}

    .point_list_wrap {padding: 0}
    .point_list_wrap .total_point {font-size: 25px;}
    .point_list_wrap th, .point_list_wrap td {padding: 12px;}
    .point_list_wrap table .date {width: 150px}
    .point_list_wrap table .text {width: 80%}
    .point_list_wrap table .point {width: 200px}


}


@media all and (max-width: 580px) {

    .cp_pro_list li .zoomImg {height: 160px;}

    .cp_media_list li .zoomImg {height: 160px;}

    .cp_photo_list li .zoomImg {height: 160px;}

    .logoLst li {margin: 0 2% 25px;width: 46%;padding: 0}
    .logoLst li a {padding: 10px}


}

@media all and (max-width: 580px) {
    .exhibition_banner_slider {padding: 0;margin-bottom: 24px}
    .exhibition_banner_slider .swiper-pagination {bottom: 5px !important}
    .exhibition_banner_slider .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 3px !important}

    .company_type_list ul {padding: 0}
    .company_type_list li {width: 100%;min-height: 28px;}
    .company_type_list li:nth-child(odd) {margin-right: 0;}
    .company_type_list li .tit {font-size: 16px;height: auto}
    .company_type_list li .tit a {font-size: 16px;}
    .company_type_list li .txt {font-size: 14px;height: auto}

    .company_menu {margin-bottom: 24px}
    .company_menu .form_group {width: 280px;float: none;}
    .company_menu .form_group input {width: 202px}
    .company_menu .form_group .btn {padding: 0 10px;font-size: 13px}

    .company_list ul {padding: 0;overflow: inherit}
    .company_list li .logoimg {height: 80px;}

    .company_list.style01 li {width: 100%;float: none}
    .company_list.style01 li:nth-child(odd) {margin-right: 0}

    .company_list.style02 li {width: 100%;float: none}
    .company_list.style02 li:nth-child(odd) {margin-right: 0}
    .company_list.style02 li .company_name {height: auto}

    .company_list .company_name {height: auto}
    .company_list .company_name_en {height: auto}

    .inquire_view_cont li .question {padding: 12px;}
    .inquire_view_cont li .info li {font-size: 13px;}
    .inquire_view_cont li .answer {padding: 12px}

    .point_list_wrap table .text {width: 80%}
    .point_list_wrap table .point {width: 100px}
}

@media all and (max-width: 480px) {

    .cp_pro_list li {width: 100%;min-height: 100px;padding: 15px;}
    .cp_pro_list li:nth-child(odd) {margin-right: 0}
    .cp_pro_list li .tit {font-size: 16px;}
    .cp_pro_list li .tit a {font-size: 16px;}
    .cp_pro_list li .txt {font-size: 14px;}

    .cp_conference_list li .zoomImg {float: none;width:100%;height: 160px;margin-right: 0;margin-bottom: 20px}
    .cp_conference_list li .txtbox {float: none;width: 100%;}
    .cp_conference_list li .title {font-size: 16px;}
    .cp_conference_list li .title a {font-size: 15px;}
    .cp_conference_list li .session {margin: 15px 0;}
    .conference_btn {text-align: center}
    .conference_btn a {width: 30%;font-size: 13px}

    .cp_recruit_list li {padding: 10px;}
    .cp_recruit_list li .title {font-size: 15px}
    .cp_recruit_list li .as_btn {margin-top: 10px}
    .cp_recruit_list li .as_btn a {width: 48%;font-size: 13px;}

    .cp_media_list li {width: 100%;min-height: 100px;padding: 15px;}
    .cp_media_list li:nth-child(odd) {margin-right: 0}
    .cp_media_list li .company {font-size: 13px}
    .cp_media_list li .tit {font-size: 16px;height: auto;margin: 7px 0}
    .cp_media_list li .tit a {font-size: 16px;}

    .cp_photo_list li {width: 100%;min-height: 100px;padding: 15px;}
    .cp_photo_list li:nth-child(odd) {margin-right: 0}
    .cp_photo_list li .company {font-size: 13px}
    .cp_photo_list li .tit {font-size: 16px;height: auto;margin: 7px 0}
    .cp_photo_list li .tit a {font-size: 16px;}

    .cp_inquire_list li {padding: 10px;}
    .cp_inquire_list li .title {font-size: 15px}
    .cp_inquire_list li .as_btn {margin-top: 10px}
    .cp_inquire_list li .as_btn a {width: 100px;font-size: 13px;}

    .point_list_wrap th, .point_list_wrap td {padding: 12px 7px;font-size: 13px}
    .point_list_wrap table .date {width: 100px}
    .point_list_wrap table .text {width: 80%}
    .point_list_wrap table .point {width: 80px}

    .company_type_list.hall_field li {
        width: 100%;
        margin: 5px 0 !important;
    }


}

@media all and (max-width: 420px) {
    .logoLst li {margin: 0 0 25px;width: 100%;padding: 0}
    .logoLst li a {padding: 10px}
}


@media all and (max-width: 380px) {

    .cp_pro_list li .zoomImg {height: 140px;}

    .cp_media_list li .zoomImg {height: 140px;}

    .cp_photo_list li .zoomImg {height: 140px;}
}

/*-------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------------*/

.login_box {position: relative;display: block;width: 500px;margin: 0 auto;padding: 40px;box-shadow: 0 15px 15px 0 rgb(0 0 0 / 15%);border: 1px solid #efefef;box-sizing: border-box;}

.login_logo {position: relative;display: block;overflow: hidden;text-align: center;margin-bottom: 30px}
.login_logo img {width: 300px}

.login_tab {position: relative;display: block;overflow: hidden;margin-bottom: 30px}
.login_tab li {float: left;width: 50%;}
.login_tab li a {display: block;background: #eee;color: #333;text-align: center;line-height: 50px;border-bottom: 1px solid #ddd}
.login_tab li.active a {background: #fff;color: #B44796;font-weight: 600;border: 1px solid #ddd;border-bottom: 1px solid #fff}

.login_input {position: relative;display: block;overflow: hidden;}
.login_input li {position: relative;display: block;padding-left: 100px;margin-bottom: 15px;}
.login_input li input {height: 45px;line-height: 45px}
.login_input li .form_tit {position: absolute;top: 0;left: 0;font-weight: 600;color: #222;line-height: 45px}
.login_input li:last-child {margin-bottom: 0}

.login_btn {display: block;margin-top: 30px}
.login_btn a {display: block;;border-radius: 7px;background: #B44796;color: #fff;line-height: 40px;height: 40px;text-align: center;font-weight: 600;font-size: 17px}
.do_register a {display: block;padding:15px;text-align: center;color: #333;text-decoration: none}



@media all and (max-width: 580px) {

    .login_box {width: 90%;padding: 40px 20px;}

    .login_logo {margin-bottom: 20px}
    .login_logo img {width: 250px}
}

@media all and (max-width: 480px) {

    .login_logo img {width: 200px}

    .login_tab {margin-bottom: 20px}
    .login_tab li a {line-height: 45px;}

    .login_input li {;padding-left: 90px;margin-bottom: 10px;font-size: 14px}
    .login_input li input {height: 40px;line-height: 40px}
    .login_input li .form_tit {line-height: 40px}

    .login_btn {margin-top: 20px}
}

/*-------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------------*/


.search_title {position: relative;display: block;text-align: center;font-size: 35px;font-weight: 600;color: #333;line-height: 130%;margin-bottom: 24px}

.search_wrap {position: relative;display: block;width: 600px;margin: 0 auto;border: 1px solid #eee;border-radius: 7px;overflow: hidden;box-sizing: border-box;box-shadow: 0 5px 5px 0 rgb(0 0 0 / 7%)}
.search_wrap select {width: 120px;border: none !important;background: none !important;float: left;height: 45px;line-height: 45px;box-sizing: border-box;padding: 0;margin: 0}
.search_wrap .bar {position: relative;display: block;padding-right: 120px;width: 598px;float: left;box-sizing: border-box;}
.search_wrap input[type=text] {border: none !important;background: none !important;width: 100%;height: 45px;line-height: 45px;box-sizing: border-box;padding: 0;margin: 0}
.search_wrap button {position: absolute;top: 0;right: 0;width: 120px;border: none !important;background: #333;height: 45px;line-height: 45px;font-size: 18px;color: #fff;box-sizing: border-box;padding: 0;margin: 0}

.search_tab {position: relative;display: block;text-align: center;margin: 40px 0;overflow: hidden}
.search_tab li {display: inline-block;vertical-align: top;margin: 0 12px}
.search_tab li a {position: relative;display: inline-block;font-size: 18px;font-weight: 600;color: #333333;line-height: 40px}
.search_tab li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #B44796;content: ""}


.search_view {position: relative;display: block;}

.total_search_noData {position: relative;display: block;width: 600px;margin: 40px auto 0;text-align: center;padding: 40px 15px;box-sizing: border-box;border: 1px solid #eee;}
.total_search_noData .box {max-width: 500px;display: inline-block;text-align: left;padding-left: 140px;background: url("/static/images/contents/search_noData.png") no-repeat left center;}
.total_search_noData .btit {display: block;color: #222;font-weight: 600;line-height: 150%;font-size: 25px;}
.total_search_noData .stit {display: block;color: #555;font-weight: 600;line-height: 150%;font-size: 18px;margin: 10px 0}
.total_search_noData .txtLst li {font-size: 14px}

.total_search_noData2 {position: relative;display: block;width: 600px;margin: 40px auto 0;text-align: center;padding: 40px 15px;box-sizing: border-box;border: 1px solid #eee;}
.total_search_noData2 .btit {display: block;color: #222;font-weight: 600;line-height: 150%;font-size: 25px;}

@media all and (max-width: 680px) {

    .search_title {font-size: 30px;}

    .search_wrap {width: 400px;}
    .search_wrap select {width: 100px;height: 40px;line-height: 40px;font-size: 14px}
    .search_wrap .bar {padding-right: 100px;width: 398px;}
    .search_wrap input[type=text] {height: 40px;line-height: 40px;font-size: 16px}
    .search_wrap button {width: 100px;height: 40px;line-height: 40px;font-size: 16px;}

    .search_tab {margin: 30px 0;overflow: hidden;width: 100%}
    .search_tab li {display: block;float: left;width: 33.33%;margin: 0 0 1px 0;padding: 0 1px 0 0;box-sizing: border-box; }
    .search_tab li a {display: block;font-size: 16px;line-height: 35px;background: #eee;}
    .search_tab li.active a {background: #B44796;color: #fff}
    .search_tab li.active a:before {display: none}

    .total_search_noData {width: 95%;}
    .total_search_noData .box {max-width: 350px;display: inline-block;text-align: left;padding-left: 120px;background-size: 100px}
    .total_search_noData .btit {font-size: 18px;}
    .total_search_noData .stit {font-size: 15px;}
    .total_search_noData .txtLst li {font-size: 13px;}

    .total_search_noData2 {width: 95%;}
    .total_search_noData2 .btit {font-size: 20px;}

}

@media all and (max-width: 480px) {

    .search_title {font-size: 25px;}

    .search_wrap {width: 300px;}
    .search_wrap select {width: 80px;height: 35px;line-height: 35px;font-size: 13px}
    .search_wrap .bar {padding-right: 80px;width: 299px;}
    .search_wrap input[type=text] {height: 35px;line-height: 35px;font-size: 14px}
    .search_wrap button {width: 80px;height: 35px;line-height: 35px;font-size: 14px;}

    .search_tab {margin: 25px 0;}
    .search_tab li a {font-size: 14px;}

    .total_search_noData {width: 95%;padding: 20px 0}
    .total_search_noData .box {padding-left: 0;padding-top: 120px;background-size: 100px;background-position: center 0 ;text-align: center}
    .total_search_noData .btit {font-size: 16px;}
    .total_search_noData .stit {font-size: 14px;}
    .total_search_noData .txtLst li {padding-left: 0}
    .total_search_noData .txtLst li:after {display: none;}

    .total_search_noData2 {width: 95%;padding: 25px 15px}
    .total_search_noData2 .btit {font-size: 17px;}

}

@media all and (max-width: 380px) {

    .search_tab {margin: 20px 0;}
    .search_tab li a {font-size: 13px;}

    .total_search_noData2 .btit {font-size: 15px;}


}


/*------------------------------------------------------------------*/


.cp_booth_proLst {position: relative;display: block;margin: -12px 0}
.cp_booth_proLst ul {overflow: hidden;}
.cp_booth_proLst li {position: relative;float: left;display: block;padding: 12px;box-shadow: 0px 2px 2px #00000029;border: 1px solid #DDDDDD;border-radius: 8px;width: 262px;height: 244px;margin: 12px;box-sizing: border-box}
.cp_booth_proLst li:nth-child(4n) {margin-right: 0}
.cp_booth_proLst li .tit {position: relative;display: block;overflow: hidden;line-height: 120%}
.cp_booth_proLst li .tit a {display:block;color: #146dc7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;font-size: 16px;}
.cp_booth_proLst li .tit a small {display: block;margin-top: 5px;font-size: 14px;color: #8aa3bc}
.cp_booth_proLst li .type {position: relative;display: inline-block;padding: 0 10px;line-height: 23px;height: 24px;color: #fff;font-size: 14px;border-radius: 14px 4px;z-index: 1}
.cp_booth_proLst li .type a {display: inline-block;color: #fff;}
.cp_booth_proLst li .zoomImg {position: relative;display: block;width: 100%;height: 130px;overflow: hidden;margin: 12px 0;z-index: 0}
.cp_booth_proLst li .zoomImg img {width: 100%;min-height: 130px}
.cp_booth_proLst li .txt {display: block;font-size: 16px;font-weight: 600;color: #333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cp_booth_proLst li li:hover .txt {color: #B44796}

.cp_booth_proLst li .product {background: #B44796}
.cp_booth_proLst li .vod {background: #1DA6E2}
.cp_booth_proLst li .photo {background: #333333}


@media all and (max-width: 1200px) {
    .cp_booth_proLst li {width: 32%;margin: 12px 0 12px;margin-right: 2%}
    .cp_booth_proLst li:nth-child(4n) {margin-right: 2%}
    .cp_booth_proLst li:nth-child(3n) {margin-right: 0}
}

@media all and (max-width: 780px) {

    .cp_booth_proLst li {width: 49%;margin: 0 ;margin-right: 0;margin-bottom: 15px}
    .cp_booth_proLst li:nth-child(4n) {margin-right: 0}
    .cp_booth_proLst li:nth-child(3n) {margin-right: 0}
    .cp_booth_proLst li:nth-child(odd) {margin-right: 2% !important}

    .cp_booth_proLst li .zoomImg {height: 120px;}
    .cp_booth_proLst li .zoomImg img {min-height: 120px}
}

@media all and (max-width: 400px) {

    .cp_booth_proLst li {width: 100%;float: none}
    .cp_booth_proLst li:nth-child(odd) {margin-right: 0}
}