@charset "utf-8";

#doc_wrap {padding-top: 130px}
#header-wrap {background: transparent linear-gradient(93deg, #0087C3 0%, var(--unnamed-color-b44796) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(93deg, #0087C3 0%, #B44796 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 2px 4px #0000001A;}


#contents {width: 1140px !important;padding: 30px 0 60px !important}

/*전시관 기업 홈 뷰*/
.cp_booth_top {position: relative;display: block;height: 40px;margin-bottom: 15px}
.cp_booth_top .box_left {float: left;}
.cp_booth_top .box_right {float: right;}

.cp_booth_top .btn_pageBack {display: inline-block;padding-left: 34px;font-size: 24px;color: #333333;font-weight: 600;line-height: 40px;background: url("/static/images/contents/btn_pageBack.png") no-repeat left center}
.cp_booth_top .sns {float: left;}
.cp_booth_top .sns li {float: left;margin-right: 20px}
.cp_booth_top .sns li a {display: block;width: 40px;height: 40px;text-indent: -9999px;}
.cp_booth_top .sns li .sns_home {background: url("/static/images/contents/sns_home.png") no-repeat center}
.cp_booth_top .sns li .sns_youtube {background: url("/static/images/contents/sns_youtube.png") no-repeat center}
.cp_booth_top .sns li .sns_instagram {background: url("/static/images/contents/sns_instagram.png") no-repeat center}
.cp_booth_top .sns li .sns_facebook {background: url("/static/images/contents/sns_facebook.png") no-repeat center}
.cp_booth_top .sns li .sns_kakao {background: url("/static/images/contents/sns_kakao.png") no-repeat center}
.cp_booth_top .btn_share {float: left;width: 120px;line-height: 40px;box-shadow: 0 3px 6px #00000029;border-radius: 4px;border: 1px solid #DDDDDD;color: #333333;text-align: center;font-size: 16px;font-weight: 600}

.cp_booth_company {position: relative;display: block;overflow: hidden;padding: 12px}
.cp_booth_company .logo {position: relative;overflow: hidden;float: left;max-width: 400px;max-height: 100px;border-radius: 8px;margin-right: 40px}
.cp_booth_company .logo a {display: block;}
.cp_booth_company .logo img {max-width: 400px;max-height: 100px}
.cp_booth_company .txtBox {position: relative;overflow: hidden;float: left;padding: 12px 0}
.cp_booth_company .txtBox .btxt {display: block;font-weight: 600;color: #333333;font-size: 28px;line-height: 140%}
.cp_booth_company .txtBox .stxt {display: block;color: #999999;font-size: 20px;line-height: 140%}

.cp_booth_menu {position: relative;display: block;margin: 12px 0 24px;padding: 12px 180px 12px 12px}
.cp_booth_menu .cp_booth_nav {display: block;overflow: hidden}
.cp_booth_menu .cp_booth_nav li {float: left;margin-right: 25px}
.cp_booth_menu .cp_booth_nav li a {position: relative;display: inline-block;font-size: 18px;font-weight: 600;color: #333333;line-height: 40px}
.cp_booth_menu .cp_booth_nav li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #B44796;content: ""}
.cp_booth_menu .as_btn {position: absolute;top: 8px;right: 12px;}
.cp_booth_menu .as_btn a {display: block;width: 160px;height: 48px;box-sizing: border-box;border: 1px solid #B44796;border-radius: 4px;color: #B44796;font-weight: 600;text-align: center;line-height: 48px}
.cp_booth_menu .as_btn a.on, .cp_booth_menu .as_btn a:hover {border: 1px solid #B44796;color: #fff;background: #B44796;}

.cp_booth_slider {position: relative;display: block;padding: 0 12px;margin-bottom: 12px}
.cp_booth_slider  .booth_slider_swiper {border-radius: 8px;overflow: hidden;}
.cp_booth_slider  .booth_slider_swiper a {position: relative;display: block;}
/*.cp_booth_slider .booth_slider_swiper a:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.1);content: "";z-index: 1}*/
.cp_booth_slider .swiper-slide img {position: relative;z-index: 0;width: 100%;height: 100%}
.cp_booth_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}
.cp_booth_slider .swiper-pagination-bullet-active {opacity: 1;}

.ck-contentBox {position: relative;display: block;margin: 24px 0;overflow: hidden;padding: 12px}

.ck-contentBox2 {position: relative;display: block;overflow: hidden;padding: 12px;box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDDDDD;}


.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: 15px;}
.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}


.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;
    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 .tit {display: block;margin: 24px 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: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 12px;
    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 12px;
    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: 75px;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}


.txtLst_st2 {position: relative;display: block}
.txtLst_st2 .btit {display: block;font-weight: 600;color: #333333;font-size: 16px;margin-bottom: 5px}
.txtLst_st2 li {position: relative;display: block;padding-left: 90px;margin-bottom: 7px;font-size: 16px;min-height: 24px}
.txtLst_st2 li:last-child {margin-bottom: 0}
.txtLst_st2 li .tit {position: absolute;top: 0;left: 0;width: 70px;font-weight: 600;color: #222;font-size: 16px;}
.txtLst_st2 li a {color: #333333}
.txtLst_st2 li b {color: #222}

.txtLst_st3 {position: relative;display: block}
.txtLst_st3 li {position: relative;display: block;margin-bottom: 7px;min-height: 24px}
.txtLst_st3 li:last-child {margin-bottom: 0}
.txtLst_st3 li a {color: #333333}
.txtLst_st3 li b {color: #222}


/*FAQ*/
.fold-wrap {border: 1px solid #ddd;text-align: center;font-size: 14px;}
.fold-wrap .view {display: block;padding: 20px 0;}
.fold-wrap .view .arr {background: url('/static/images/board/folds_open.svg') no-repeat 0 0;background-size: 20%;display: inline-block;width: 36px;height: 35px;vertical-align: middle;margin-left: 17px;transform: all .5s ease;transition: background .3s;}
.fold-wrap .view.over .arr {background: url('/static/images/board/folds_close.svg') no-repeat 0 0;background-size: 20%;transform: all .5s ease;transition: background .3s;}
.fold-wrap .fold-cont {overflow: hidden;height: 0;background: #f7f7f6;}
.fold-wrap .fold-cont .cont-wrap {padding: 10px 0;}
.foldings-wrap {}
.foldings-list {position: relative;width: 100%;overflow: hidden}
.foldings-list > li {overflow: hidden;box-shadow: 0px 2px 2px #00000029;border: 1px solid #DDDDDD;background: #fff;margin-bottom: 24px}
.foldings-list .foldings-in-wrap a { position: relative;display:block;background: url('/static/images/board/folds_open.svg') no-repeat 98% center;padding: 24px 80px 24px 37px;cursor: pointer;line-height: 22px;
    transform: all .5s ease;transition: background .3s;color: #132E3A;font-size: 20px;font-weight: 600;}
.foldings-list .foldings-in-wrap a:before {position: absolute;top: 25px;left: 24px;width: 3px;height: 20px;background: #132E3A;content: "" }
.foldings-list .foldings-in-cont {position: relative;display: none;overflow: hidden;background: #fff;padding: 0 24px 24px;line-height: 160%}
.foldings-list .foldings-contents {display: block;background: #F2F2F2 0% 0% no-repeat padding-box;border-radius: 8px;padding: 24px;}
.foldings-list .over .foldings-in-cont {display: block;}
.foldings-list .over .foldings-in-wrap a {color: #B44796;background: url('/static/images/board/folds_close.svg') no-repeat 98% center;transform: all .5s ease;transition: background .3s;}
.foldings-list .over .foldings-in-wrap a:before {background: #B44796}
.foldings-list li.nodata  {position: relative;display: block;padding: 50px 0;text-align: center;font-size: 16px}
.foldings-list .btxt {display: block;font-weight: 600;color: #333;font-size: 15px}

@media only screen and (max-width:860px){

}

.cp_view_slider {position: relative;display: block;padding: 0 12px}
.cp_view_slider  .cp_view_slider_swiper {overflow: hidden;}
.cp_view_slider .swiper-slide img {position: relative;z-index: 0;width: 100%;height: 100%}
.cp_view_slider .swiper-slide a {display: block;position: relative;z-index: 2}
/*.cp_view_slider .swiper-slide a:before {opacity: 0;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);width: 100px;height: 100px;border: 2px solid #fff;line-height: 100px;font-size: 35px;text-align: center;
    font-family: 'Feather' !important;border-radius: 50%;content: "\e9b1";z-index: 10;color: #fff;}*/
.cp_view_slider .swiper-pagination-bullet {width: 23px;height: 23px;background: #ffff;cursor: pointer;box-shadow: 0 3px 6px #00000029;opacity: 1;margin: 0 10px !important}
.cp_view_slider .swiper-pagination-bullet-active {opacity: 1;background: #132E3A}
.cp_view_slider .swiper-slide a:hover:before {opacity: 1}

.cp_view_video {position: relative;display: block;padding: 0 12px}
.cp_view_video .cont {display: block;overflow: hidden;border-radius: 20px;width: 100%;height: 590px;box-shadow: 0px 4px 10px}
.cp_view_video img {width: 100%;min-height: 300px;max-height: 1200px}

.cp_view_img {position: relative;display: block;padding: 0 12px;}
.cp_view_img .cont {display: block;overflow: hidden;border-radius: 20px;background: #EFEFEF 0% 0% no-repeat padding-box;box-shadow: 0px 4px 10px}
.cp_view_img img {width: 100%;min-height: 300px;max-height: 1200px}

.cp_view_text {position: relative;display: block;font-size: 16px;color: #999;line-height: 150%;margin: 36px auto;text-align: center}
.cp_view_text .title {position: relative;display: block;font-size: 36px;font-weight: 600;color: #333;line-height: 100%;text-align: center;margin-bottom: 24px}
.cp_view_text .info {overflow: hidden;padding: 0}
.cp_view_text .info li {position: relative;display: inline-block;font-size: 16px;font-weight: 600;box-sizing: border-box;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #999999}
.cp_view_text .info li:before {position: absolute;top: 4px;right: -13px;width: 1px;height: 12px;background: #ccc;content: ""}
.cp_view_text .info li:last-child {margin-right: 0}
.cp_view_text .info li:last-child:before {display: none;}

.cp_view_btn {display: block;text-align: center}
.cp_view_btn a {display: inline-block;width: 246px;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #132E3A}
.cp_view_btn .btn_st1 {border: 1px solid #B44796;border-radius: 4px;color: #B44796;margin-right: 20px;}
.cp_view_btn .btn_st2 {border: 1px solid #132E3A;border-radius: 4px}
.cp_view_btn .btn_st1.on {background: #B44796 0% 0% no-repeat;border: 1px solid #DDDDDD;color: #fff;}
.cp_view_btn .btn_st1:hover {background: #B44796 0% 0% no-repeat;border: 1px solid #DDDDDD;color: #fff;}

.gr_line {display: block;overflow: hidden;height: 10px;background: #EFEFEF;margin-top: 36px;}

.cp_view_tab {position: relative;display: block;border-bottom: 1px solid #ddd;margin-top: 36px;}
.cp_view_tab ul {overflow: hidden}
.cp_view_tab li {float: left;width: 50%;text-align: center}
.cp_view_tab li a {display: block}
.cp_view_tab li span {position: relative;display: inline-block;font-size: 16px;font-weight: 600;color: #333;line-height: 60px;padding: 0 10px}
.cp_view_tab li.active span:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #B44796;content: ""}

.cp_view_tab33 {position: relative;display: block;border-bottom: 1px solid #ddd;margin-top: 36px;}
.cp_view_tab33 ul {overflow: hidden}
.cp_view_tab33 li {float: left;width: 33%;text-align: center}
.cp_view_tab33 li a {display: block}
.cp_view_tab33 li span {position: relative;display: inline-block;font-size: 16px;font-weight: 600;color: #333;line-height: 60px;padding: 0 10px}
.cp_view_tab33 li.active span:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #B44796;content: ""}

.cp_view_tabview {position: relative;display: block;padding: 12px;}
.cp_view_tabview .cp_booth_proLst {margin: -12px}

.cp_view_file {position: relative;display: block;margin-top: 12px; margin-bottom: 30px;}
.cp_view_file ul {text-align: center}
.cp_view_file li {display: block;margin-bottom: 12px}
.cp_view_file li a {position: relative;width: 545px;display: inline-block;padding: 26px 70px 26px 30px;font-size: 20px;font-weight: 600;color: #333;line-height: 130%;text-align: left;
    background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDDDDD;}
.cp_view_file li a span {width: 100%;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.cp_view_file li a:before {position: absolute;top: 26px;right: 30px;width: 30px;height: 30px;font-size: 25px;color: #B44796;line-height: 30px;font-family: 'Feather' !important;content: "\e955"}
.cp_view_file li a:hover {color: #B44796}

.cp_view_textCont {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 24px 264px 24px 24px;
    overflow: hidden;
    margin-bottom: -24px;
    border: 1px solid #efefef;
    border-radius: 15px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}
.cp_view_textCont .company {display: block;font-size: 16px;}
.cp_view_textCont .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_view_textCont ul {overflow: hidden;padding: 0}
.cp_view_textCont 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_view_textCont ul li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.cp_view_textCont ul li:last-child {margin-right: 0}
.cp_view_textCont ul li:last-child:before {display: none;}
.cp_view_textCont .as_btn {position: absolute;top: 50%;right: 24px;width: 160px;transform: translateY(-50%)}
.cp_view_textCont .as_btn a {display: block;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333;border-radius: 4px}
.cp_view_textCont .as_btn .btn_st1 {border: 1px solid #B44796;color: #B44796;margin: 0 0 15px;}
.cp_view_textCont .as_btn .btn_st2 {border: 1px solid #132E3A;color: #132E3A;}
.cp_view_textCont .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_view_textCont .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;}

/*컨퍼런스*/
.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;box-sizing: border-box;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%}

.conference_session {position: relative;display: block;margin: 0 auto;width: 770px;}
.conference_session li {position: relative;display: block;box-shadow: 0 3px 6px #00000029;border: 1px solid #DDDDDD;border-radius: 10px;box-sizing: border-box;margin-bottom: 24px;padding: 24px 170px 24px 24px;overflow: hidden;}
.conference_session .session {display: block;color: #B44796;}
.conference_session .title {display: block;color: #333;margin: 10px 0;font-weight: 600;}
.conference_session .txt {display: block;color: #333;}
.conference_session .img {position: absolute;top: 50%;right: 24px;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;transform: translateY(-50%);}
.conference_session .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    filter: brightness(1.1) contrast(1.0);
}

.cp_recruit_list {position: relative;display: block;margin: 0 auto;padding: 0 15px}
.cp_recruit_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_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;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;color: #fff;}
.cp_recruit_list li .as_btn .btn_st1:hover {background: #B44796 0% 0% no-repeat;color: #fff;}

.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: 18px;font-weight: 600;color: #333;line-height: 130%;margin: 8px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cp_inquire_list li .question {display: block;font-size: 16px;color: #333;line-height: 130%;margin: 8px 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_top {position: relative;display: block;border: 1px solid #CCCCCC;padding: 20px}
.inquire_view_top .title {position: relative;display:block;padding: 0 0 0 10px;cursor: pointer;line-height: 22px;color: #132E3A;font-size: 20px;font-weight: 600;margin-bottom: 20px}
.inquire_view_top .title:before {position: absolute;top: 1px;left: 0;width: 3px;height: 20px;background: #132E3A;content: "" }
.inquire_view_top .text {display: block;padding: 20px;background: #EFEFEF;border-radius: 8px;}


.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}

.cp_inquire_write {display: none;padding: 0 15px;margin-bottom: 24px}
.cp_inquire_write.pdClear {padding: 0}
.cp_inquire_write .cont {position: relative;display: block;overflow: hidden;border: 1px solid #CCCCCC;padding: 24px}
.cp_inquire_write textarea {display: block;border: 1px solid #DDDDDD;border-radius: 4px;background: #FEFEFE;padding: 15px;height: 140px}
.cp_inquire_write dl {position: relative;display: block;overflow: hidden;margin-top: 20px}
.cp_inquire_write dt {float: left;line-height: 25px;color: #333;font-weight: 600}
.cp_inquire_write dd {float: left;margin-left: 20px;line-height: 25px;}
.cp_inquire_write dd .checkbox_inline {margin: 0}
.cp_inquire_write dd.text_count {position: absolute;top: 0;right: 0;margin-left: 0}
.cp_inquire_write .write_btn {position: relative;display: block;text-align: right;margin-top: 20px}
.cp_inquire_write  a {display: inline-block;padding: 10px 0;text-align: center;font-size: 16px;font-weight: 600;color: #333;width: 190px;}
.cp_inquire_write .btn_st1 {border: 1px solid #DDDDDD;background: #DDDDDD;color: #666666}
.cp_inquire_write .btn_st2 {border: 1px solid #B44796;color: #fff;background: #B44796;margin-left: 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;}

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