.subContainer {
    min-height: auto !important;
    margin-bottom: 0 !important;
}

.evtContent {
    width: 100% !important;
    min-width: 1120px !important;
    margin-top: 20px !important;
    padding: 0 !important;
    background: url(https://static.willbes.net/public/images/promotion/2024/08/3314_top_bg.jpg) no-repeat center top;
    font-size: 14px;
}

.evtContent * {
    /*font-family: "NanumGothic-Regular", "Nanum Gothic", "나눔고딕", "sans-serif" !important;*/
}

.evtCtnsBox {
    width: 100%;
    min-width: 1120px;
    background: #fff; 
}

.evtCtnsBox .wrap {
    width: 1120px;
    margin: 0 auto;
    position: relative
}

/*.evtCtnsBox .wrap a {border:1px solid #000} */

/************************************************************/

.skyBanner {
    position: fixed;
    top: 180px;
    right: 10px;
    width: 138px;
    border: 1px solid #000;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.3);    
}

.skyBanner li a {
    display: block;
    padding: 15px 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    line-height: 1.4;
    backdrop-filter: blur(10px);
}

.skyBanner li:last-child a {
    background:#000;
    color:#FFEC44;
    padding: 5px 0;
    border-bottom: 0;
}

.skyBanner li a:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.conut_section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: #191919;
    z-index: 90;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    ;
}

.conut_sectionFixed {
    position: fixed;
    top: 0
}

.conut_section_wrap {
    width: 1120px;
    margin: 0 auto;
    text-align: center
}

.conut_section_wrap div {
    margin-right: 30px;
    color: #CCC;
    font-size: 20px;
    line-height: 56px;
}

.conut_section_wrap div img {
    vertical-align: bottom;
    width: 40px
}

.conut_section_wrap span {
    margin: 0 10px
}

.conut_section_wrap strong {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 40px;
    color: #09F
}

.conut_section_wrap p {
    font-size: 11px;
    color: #999;
    margin-top: 10px;
    line-height: 1.4
}

.conut_section_wrap div ul:after {
    content: "";
    display: block;
    clear: both
}

.m_sectin1_box {
    position: relative;
    width: 1120px;
    margin: 0 auto;
    height: 1550px
}

.m_sectin1_box .title {
    position: absolute;
    width: 464px;
    top: 250px;
    left: 70px;
    z-index: 1
}

.tmap {
    position: absolute;
    top: 220px;
    left: 625px;
    width: 440px;
    height: 430px;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_03map.png) no-repeat
}

.tmap .map_visual {
    position: relative
}

/*지도테이블*/
.tmap .map_visual .tmapR {
    float: right;
    text-align: left;
    width: 230px;
    height: 346px;
    margin-top: 50px;
    overflow: hidden
}

.tmap .map_visual .bx-wrapper p {
    margin-top: 34px;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin-bottom: 20px
}

.tmap .map_visual .bx-wrapper p span {
    height: 34px;
    line-height: 1;
    padding: 5px 10px;
    background: #fff200;
    color: #000;
    font-size: 90%;
    margin: 0;
    border-radius: 17px;
    letter-spacing: -1px
}

/*지역*/
.tmap .map_visual #MapRollingDiv {
    width: 200px;
    float: left;
    position: relative
}

.tmap .map_visual #MapRollingDiv li {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    font-size: 0;
    text-indent: -9999px;
}

.tmap .map_visual #MapRollingDiv li a {
    display: none;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #fff;
    z-index: 10;
}

.tmap .map_visual #MapRollingDiv li.a01 {
    left: 63px;
    top: 83px
}

.tmap .map_visual #MapRollingDiv li.a02 {
    left: 24px;
    top: 75px
}

.tmap .map_visual #MapRollingDiv li.a03 {
    left: 63px;
    top: 59px
}

.tmap .map_visual #MapRollingDiv li.a04 {
    left: 60px;
    top: 110px
}

.tmap .map_visual #MapRollingDiv li.a05 {
    left: 129px;
    top: 64px
}

.tmap .map_visual #MapRollingDiv li.a06 {
    left: 102px;
    top: 135px
}

.tmap .map_visual #MapRollingDiv li.a07 {
    left: 30px;
    top: 159px
}

.tmap .map_visual #MapRollingDiv li.a08 {
    left: 71px;
    top: 170px
}

.tmap .map_visual #MapRollingDiv li.a09 {
    left: 141px;
    top: 174px
}

.tmap .map_visual #MapRollingDiv li.a10 {
    left: 123px;
    top: 254px
}

.tmap .map_visual #MapRollingDiv li.a11 {
    left: 142px;
    top: 218px
}

.tmap .map_visual #MapRollingDiv li.a12 {
    left: 155px;
    top: 276px
}

.tmap .map_visual #MapRollingDiv li.a13 {
    left: 185px;
    top: 238px
}

.tmap .map_visual #MapRollingDiv li.a14 {
    left: 62px;
    top: 220px
}

.tmap .map_visual #MapRollingDiv li.a15 {
    left: 61px;
    top: 301px
}

.tmap .map_visual #MapRollingDiv li.a16 {
    left: 43px;
    top: 270px
}

.tmap .map_visual #MapRollingDiv li.a17 {
    left: 35px;
    top: 368px
}

.tmap .map_visual #MapRollingDiv a.active {
    display: block;
    background: #fff200;
}

.tmap .map_visual #MapRollingDiv:after {
    content: "";
    display: block;
    clear: both
}

.tmap .tmapUpdate {
    position: absolute;
    top: 0;
    left: 210px;
    text-align: left;
    z-index: 10
}

.tmap .tmapUpdate strong {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    font-size: 110%;
    font-weight: normal
}

.tmap .tmapUpdate>span {
    display: block;
    font-size: 85%;
    color: #fff;
    margin-top: 3px
}

.tmap:after {
    content: "";
    display: block;
    clear: both
}

.m_sectin1_box .embed-container {
    position: absolute;
    width: 458px;
    height: 258px;
    top: 609px;
    left: 100px;
    z-index: 1;
    background: url(https://static.willbes.net/public/images/promotion/2019/04//1211_top_play_bg.png) no-repeat;
    border: 1px solid #292929;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.7);
}

.m_sectin1_box .embed-container iframe {
    width: 456px;
    height: 256px;
}

.talkShow {
    position: absolute;
    top: 640px;
    left: 50%;
    margin-left: -455px;
    width: 910px;
    animation: only 2s ease-in 0s infinite;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

@keyframes only {
    0% {
        top: 640px
    }

    50% {
        top: 660px;
        opacity: 1
    }

    100% {
        top: 640px
    }
}

.wNotice {
    position: absolute;
    top: 1000px;
    left: 50%;
    width: 1120px;
    margin-left: -560px
}

.wNotice div {
    border: 1px solid #393434;
    padding: 20px 0;
    width: 980px;
    margin: 0 auto
}

.wNotice h3 {
    float: left;
    width: 250px;
    text-align: center;
    margin-top: 10px
}

.wNotice h3 a {
    display: block
}

.wNotice ul {
    float: left;
    width: 630px
}

.wNotice li {
    display: block;
    text-align: left
}

.wNotice li a {
    display: block;
    color: #cecece;
    padding: 10px 0
}

.wNotice li a strong {
    float: right;
    font-weight: normal;
}

.wNotice li a:hover {
    color: #fff
}

.wNotice li a span {
    background: #424ac7;
    color: #fff;
    padding: 2px 4px;
    margin-right: 10px;
    font-size: 12px
}

.wNotice li a span.st01 {
    background: #f57d20;
}

.wNotice li a,
.wNotice div:after {
    content: "";
    display: block;
    clear: both
}

.wNotice .solution {
    padding-left: 45px;
}

.m_lnb {}

.lnbMenu {
    width: 980px;
    margin: 0 auto;
    display:flex; justify-content: center;

}

.lnbMenu li {
    display: inline;
    float: left;
    width: 25%
}

.lnbMenu li a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 140%;
    height: 60px;
    line-height: 60px;
    background: #000;
    margin-right: 2px
}

.lnbMenu li a:hover,
.lnbMenu li a.active {
    background: #fff;
    color: #000
}

.lnbMenu li:last-child a {
    margin-right: 0
}


/*********메인*********/
.ddayAfter {padding-top:100px}
.m_section2 {
    width: 980px;
    margin: 0 auto;
    background: #ececec;
    color: #000;
    padding: 2em 0; 
}

.m_section2 a {
    background: #000;
    color: #fff !important;
    padding: 10px 20px;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 10px
}

.m_section2 span {
    color: #000 !important;
    font-size: 90%;
    float: right;
    padding: 0 10px
}

.m_section2 div:after {
    content: "";
    display: block;
    clear: both
}

.ddayBefore {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0
}

.ddayBefore h1 {
    margin-bottom: 2em;
    text-align: center;
    font-size: 30px
}

.ddayBefore h2 {
    clear: both;
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 1em;
    color: #464646;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcop_icon1.png) no-repeat left center
}

.ddayBefore h2 span {
    color: #1087ef !important;
    vertical-align: top;
}

.ddayBefore .boardTypeB {
    margin-bottom: 2em
}

.ddayBefore .boardTypeB th,
.ddayBefore .boardTypeB td {
    padding: 10px;
    line-height: 1.5
}

.ddayBefore .boardTypeB td {
    text-align: left !important
}

.m_section3_3 tbody .thBg01 {
    background: #fffcd1
}

.m_section3 {
    width: 100%
}

.m_section3_wrap * {
    font-family: "NanumGothic-Regular", "Nanum Gothic", "나눔고딕", "sans-serif" !important;
}

.m_section3_wrap {
    width: 980px;
    margin: 0 auto 0;
    padding: 80px 0 0
}

.m_section3_wrap .m_section3_2 {
    margin-bottom: 100px
}

.m_section3_wrap h2 {
    clear: both;
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 1em;
    color: #464646;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcop_icon1.png) no-repeat left center
}

.m_section3_wrap h2 span {
    color: #1087ef !important;
    vertical-align: top
}

.m_section3_wrap .choice {
    border-bottom: 2px solid #000
}

.m_section3_wrap .choice li {
    display: inline;
    float: left
}

.m_section3_wrap .choice li a {
    display: block;
    padding: 10px 20px;
    margin-right: 1px;
    background: #e2e2e2;
    color: #898989;
    font-weight: bold
}

.m_section3_wrap .choice li a:hover,
.m_section3_wrap .choice li a.active {
    background: #000;
    color: #fff
}

.m_section3_wrap .choice ul:after {
    content: "";
    display: block;
    clear: both
}

.m_section3_wrap .choice label {
    margin-right: 10px
}

.m_section3_wrap .choice input {
    margin-right: 5px
}

.m_section3_wrap .m_section3_box {
    background: #000;
    padding: 20px;
    min-height: 550px
}

.m_section3_R {
    float: right;
    width: 56%
}

.m_section3_R h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff
}

.m_section3_R h3 span {
    color: #09F
}

.m_section3_R p {
    color: #fff;
    text-align: left;
    margin-top: 15px
}

.m_section3_R .table_type {
    margin-top: 1em;
    width: 99%;
    background: #fff
}

.m_section3_R .table_type td {
    padding: 14px 8px
}

.m_section3_R:after {
    content: '';
    display: block;
    clear: both
}

.m_section3_L {
    position: relative;
    float: left;
    width: 375px;
    height: 445px;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcop_map.jpg) no-repeat left top
}

.tabs_2016 li {
    display: block;
    position: absolute;
    width: 63px;
    font-size: 0;
    text-indent: -9999;
    z-index: 60
}

.tabs_2016 li a {
    display: block;
    width: 60px;
    height: 28px;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: transparent
}

/*서울*/
.tabs_2016 li.seoul {
    top: 76px;
    left: 154px
}

.tabs_2016 li.seoul a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_seoul.png)
}

.tabs_2016 li.seoul a:hover,
.tabs_2016 li.seoul a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_seoul_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*인천*/
.tabs_2016 li.ic {
    top: 65px;
    left: 102px
}

.tabs_2016 li.ic a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_ic.png)
}

.tabs_2016 li.ic a:hover,
.tabs_2016 li.ic a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_ic_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*경기북부*/
.tabs_2016 li.kkb {
    top: 44px;
    left: 154px
}

.tabs_2016 li.kkb a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kkb.png);
    width: 75px;
}

.tabs_2016 li.kkb a:hover,
.tabs_2016 li.kkb a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kkb_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*경기남부*/
.tabs_2016 li.kkn {
    top: 112px;
    left: 150px
}

.tabs_2016 li.kkn a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kkn.png);
    width: 75px;
}

.tabs_2016 li.kkn a:hover,
.tabs_2016 li.kkn a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kkn_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*강원*/
.tabs_2016 li.kw {
    top: 51px;
    left: 243px
}

.tabs_2016 li.kw a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kw.png)
}

.tabs_2016 li.kw a:hover,
.tabs_2016 li.kw a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kw_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*충북*/
.tabs_2016 li.cb {
    top: 146px;
    left: 206px
}

.tabs_2016 li.cb a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_cb.png)
}

.tabs_2016 li.cb a:hover,
.tabs_2016 li.cb a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_cb_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*충남*/
.tabs_2016 li.cn {
    top: 177px;
    left: 110px
}

.tabs_2016 li.cn a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_cn.png)
}

.tabs_2016 li.cn a:hover,
.tabs_2016 li.cn a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_cn_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*대전*/
.tabs_2016 li.dj {
    top: 193px;
    left: 166px
}

.tabs_2016 li.dj a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_dj.png)
}

.tabs_2016 li.dj a:hover,
.tabs_2016 li.dj a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_dj_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*경북*/
.tabs_2016 li.kb {
    top: 198px;
    left: 259px
}

.tabs_2016 li.kb a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kb.png)
}

.tabs_2016 li.kb a:hover,
.tabs_2016 li.kb a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kb_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*경남*/
.tabs_2016 li.kn {
    top: 328px;
    left: 208px
}

.tabs_2016 li.kn a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kn.png)
}

.tabs_2016 li.kn a:hover,
.tabs_2016 li.kn a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kn_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*대구*/
.tabs_2016 li.dk {
    top: 257px;
    left: 260px
}

.tabs_2016 li.dk a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_dk.png)
}

.tabs_2016 li.dk a:hover,
.tabs_2016 li.dk a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_dk_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*부산*/
.tabs_2016 li.bs {
    top: 335px;
    left: 277px
}

.tabs_2016 li.bs a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_bs.png)
}

.tabs_2016 li.bs a:hover,
.tabs_2016 li.bs a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_bs_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*울산*/
.tabs_2016 li.us {
    top: 282px;
    left: 317px
}

.tabs_2016 li.us a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_us.png)
}

.tabs_2016 li.us a:hover,
.tabs_2016 li.us a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_us_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*전북*/
.tabs_2016 li.jb {
    top: 259px;
    left: 153px
}

.tabs_2016 li.jb a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_jb.png)
}

.tabs_2016 li.jb a:hover,
.tabs_2016 li.jb a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_jb_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*전남*/
.tabs_2016 li.jn {
    top: 368px;
    left: 151px
}

.tabs_2016 li.jn a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_jn.png)
}

.tabs_2016 li.jn a:hover,
.tabs_2016 li.jn a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_jn_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*광주*/
.tabs_2016 li.kj {
    top: 327px;
    left: 127px
}

.tabs_2016 li.kj a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kj.png)
}

.tabs_2016 li.kj a:hover,
.tabs_2016 li.kj a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_kj_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/*제주*/
.tabs_2016 li.jj {
    top: 400px;
    left: 310px
}

.tabs_2016 li.jj a {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_jj.png)
}

.tabs_2016 li.jj a:hover,
.tabs_2016 li.jj a.active {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcopT_jj_on.png);
    background-color: #d1e7fa;
    background-position: 5px center;
    border-radius: 15px
}

/***********해양경찰*************/

/*중부*/
.tabs_2016 li.jbs {
    top: 106px;
    left: 50px
}

.tabs_2016 li.jbs a {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_jb.png)
}

.tabs_2016 li.jbs a:hover,
.tabs_2016 li.jbs a.active {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_jb_on.png)
}

/*서해*/
.tabs_2016 li.sh {
    top: 236px;
    left: 30px
}

.tabs_2016 li.sh a {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_sh.png)
}

.tabs_2016 li.sh a:hover,
.tabs_2016 li.sh a.active {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_sh_on.png)
}

/*남해*/
.tabs_2016 li.nh {
    top: 420px;
    left: 180px
}

.tabs_2016 li.nh a {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_nh.png)
}

.tabs_2016 li.nh a:hover,
.tabs_2016 li.nh a.active {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_nh_on.png)
}

/*동해*/
.tabs_2016 li.dh {
    top: 55px;
    left: 316px
}

.tabs_2016 li.dh a {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_dh.png)
}

.tabs_2016 li.dh a:hover,
.tabs_2016 li.dh a.active {
    background-image: url(http://file3.willbes.net/new_cop/2017/08/170823_passcopT_dh_on.png)
}

.m_section3_R li a:hover {
    background-position: 0 center
}

.m_section3_wrap .m_section3_box:after,
.m_section3_wrap:after {
    content: "";
    display: block;
    clear: both
}

.m_section3_3 {
    margin-bottom: 100px
}

.m_section3_3 h2 {
    position: relative
}

.m_section3_3 h2 div {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #adadad;
    letter-spacing: normal
}

.m_section3_3 h3 {
    margin-bottom: 1em;
    color: #4a545f;
    font-size: 16px
}

.m_section3_3 h3 strong {
    color: #000;
}

.m_section3_3L {
    float: left;
    width: 47%
}

.m_section3_3R {
    position: relative;
    float: right;
    width: 47%
}

.m_section3_3R_warp {
    position: relative;
    width: 100%;
}

.m_section3_3R_warp p {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 100%;
    z-index: 10
}

.m_section3_3R_warp p a {
    cursor: pointer;
    display: block;
    text-align: center;
}

.m_section3_3R_warp p.leftBtn {
    left: -40px
}

.m_section3_3R_warp p.rightBtn {
    right: -40px
}

.m_section3_3R_warp ul:after {
    content: "";
    display: block;
    clear: both
}

.m_section3_3:after {
    content: "";
    display: block;
    clear: both
}

.m_section3_4 {
    margin-bottom: 100px
}

.m_section3_4 h2 {
    position: relative
}

.m_section3_4 h2 div {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #adadad;
    letter-spacing: normal
}

.m_section3_5 {
    margin: 80px auto;
    background: #ececec;
    padding: 2em
}

.m_section3_5 a {
    background: #000;
    color: #fff !important;
    padding: 6px 20px;
    margin-left: 20px;
    border-radius: 10px
}

.m_section3_6 {
    margin-top: 40px
}

.pollWrap {
    float: left;
    background: #f3f3f3;
    border: 1px solid #464646;
    width: 450px
}

.pollWrap h3 {
    background: #898989;
    color: #fff;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.pollWrap h3 div {
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 10px
}

.pollWrap h3 div {
    display: block;
    padding: 0 10px;
    font-size: 12px;
    background: #fff;
    border-radius: 7px;
    color: #898989
}

.pollWrap h3 div:hover {
    color: #000
}

.pollWrap h3:after {
    content: "";
    display: block;
    clear: both
}

.pollWrap ul {
    margin: 30px 20px
}

.pollWrap li {
    margin-bottom: 20px
}

.bannerWarp {
    float: right
}

.bannerWarp div {
    margin-top: 20px
}

.bannerWarp a {
    /*margin-left:20px*/
}

.m_section3_6:after {
    content: "";
    display: block;
    clear: both
}

.m_section3_7 {
    margin-top: 40px
}

.m_section3_7 h3 {
    clear: both;
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 1em;
    color: #464646;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcop_icon1.png) no-repeat left center
}

.m_section4 {
    width: 100%;
    text-align: center;
    background: url(http://file3.willbes.net/new_cop/2017/03/EV2016_sec4_bg.jpg) no-repeat center top;
}

.m_section4 img {
    width: 980px;
    height: 1007px
}

.m_section5 {
    width: 100%;
    text-align: center;
    background: #363636
}

.sectionEvt00 {
    background: #fff;
    text-align: center;
    padding: 50px 0
}

.sectionEvt00 a {
    display: inline-block;
    background: #1a1a1a;
    color: #74befd;
    width: 480px;
    padding: 20px 0;
    text-align: center;
    border: 5px solid #1a1a1a;
    font-size: 30px;
    margin: 0 5px
}

.sectionEvt00 a.btn2 {
    background: #fff;
    color: #1a1a1a;
}

.sectionEvt00 a:hover {
    background: #000;
    color: #fff
}

.evt_benefit {
    background: #282828;
    text-align: center;
    margin-top: 50px
}

.shinyBtn {
    width: 70%;
    margin: 0 auto
}



.evt_apply {background:url("https://static.willbes.net/public/images/promotion/2024/08/3314_review_bg.jpg") no-repeat center top;text-align: center;}

.evt_apply .shinyBtn {
    margin-top: 100px; display:flex;display:flex; justify-content: space-between; width:980px; font-weight: 700;
}

.evt_apply .shinyBtn a {
    padding: 20px 0;
    font-size: 30px;
    border-radius: 50px;
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    color: #000;
    text-align: center;
    width:48% !important
}

.evt_apply .shinyBtn a:hover {
    background:#000; color:#fff;
}

.evt_apply .shinyBtn a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 30px;
    height: 100%;
    z-index: 1;
    transform: skewY(129deg) skewX(-60deg);
}

.evt_apply .shinyBtn a:after {
    animation: shinyBtn 2s ease-in-out infinite;
}

@keyframes shinyBtn {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.2;
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 0.5;
    }

    100% {
        transform: scale(60) rotate(45deg);
        opacity: 0;
    }
}


.evt_01,
.evt_02,
.evt_03,
.evt_04 {
    text-align: center
}

.evt05 {
    width: 100%;
    text-align: center;
    min-width: 1120px;
    position: relative;
    padding: 150px 0 50px
}

.evt05 .stitle {
    margin-bottom: 100px
}






/*성적채점 및 확인*/

.s_section2 {
    width: 980px;
    margin: 0 auto;
    background: #ececec;
    padding: 30px;
    line-height: 1.5
}

.s_section2_wrap h2 span {
    color: #1087ef
}

.s_section2_wrap div {
    border: 1px solid #dbdbdb;
    padding: 2em 3em;
    background: #fff;
    color: #484848;
    margin-top: 2em
}

.s_section2_wrap p {
    font-size: 140%
}

.s_section2_wrap ul {
    margin-top: 2em
}

.s_section2_wrap li {
    margin-bottom: 1.5em
}

.s_section2_wrap li:last-child {
    margin: 0
}

.sub_warp {
    width: 980px;
    margin: 0 auto;
    padding: 60px 0;
    line-height: 1.5
}

.sub_warp h2 {
    clear: both;
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 1em;
    color: #464646;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_passcop_icon1.png) no-repeat left center
}

.sub_warp h2 div {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #adadad;
    letter-spacing: normal
}

.sub_warp h2 span {
    color: #C03
}

.sub_warp h2 select {
    padding: 5px
}

.sub3_1 {
    position: relative;
    margin: 0 auto 80px;
    padding-top: 40px;
}

.sub3_1_txt {
    position: absolute;
    display: table;
    width: 100%;
    height: 500px;
    top: 50px;
    background: url(http://file3.willbes.net/new_cop/2017/03/170306_passcop_bg1.png);
    text-align: center
}

.sub3_1_txt div {
    display: table-cell;
    vertical-align: middle
}

.markingTilte {
    position: relative;
    background: #e4e4e4 url(http://file3.willbes.net/new_cop/2017/03/willbes.png) no-repeat 20px center;
    text-align: center;
    padding: 20px 10px
}

.markingTilte span {
    font-size: 140%
}

.markingTilte div {
    position: absolute;
    top: 20px;
    right: 10px
}

.markingTilte:after {
    content: "";
    display: block;
    clear: both
}

.omrWarp {
    padding: 1em 10px
}

.omrL {
    float: left;
    width: 77%;
}

.omrL .paper {
    width: 100%;
    height: 690px;
    overflow-y: scroll;
    background: #F0F0F0
}

.omrR {
    float: right;
    width: 22%;
    padding-left: 15px;
    border-left: 1px solid #ccc;
}

.omrR p {
    margin-bottom: 1em
}

.omrWarp th,
.omrWarp td {
    font-size: 12px !important;
    text-align: center;
    padding: 4px !important
}

.omrWarp tr.check {
    background: #eefafd
}

.omrWarp input[type=text] {
    width: 80%;
    margin: 0 auto;
    letter-spacing: 5px;
    text-align: center
}

.omrWarp h3 {
    margin-bottom: 0.5em;
    color: #000;
    font-size: 14px
}

.qMarking {
    margin-bottom: 1em;
}

.qMarking h3 span {
    color: #666;
    font-size: 12px
}

.selfMarking input[type=text] {
    width: 50%;
    margin: 0 auto;
    letter-spacing: 0
}

.selfMarking p {
    margin-top: 1em
}

.errata {
    padding: 0 10px
}

.errata li {
    display: inline;
    float: left;
    width: 33.33333%;
    padding-right: 20px
}

.errata li:last-child {
    padding: 0
}

.errata p {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px
}

.errata .boardTypeB tr td:nth-last-child(3) {
    color: #09F !important
}

.errata td:first-child {
    color: #09F !important
}

.omrWarp:after {
    content: "";
    display: block;
    clear: both
}

/*********공통*********/

.txtBox01 {
    padding: 15px;
    background: #e4e4e4;
    text-align: center;
    font-size: 14px;
    font-weight: bold
}

.btns {
    text-align: center;
    margin: 30px 0
}

.btns span,
.btns a {
    display: inline-block;
    padding: 8px 16px;
    background: #1087ef;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #1087ef
}

.btns a.btn2 {
    background: #464646;
    color: #fff !important;
    border: 1px solid #464646
}

.btns a:hover {
    background: #fff;
    color: #1087ef !important
}

.btns a.btn2:hover {
    background: #fff;
    color: #464646 !important
}

.btns2 {
    text-align: right;
    margin-top: 0.5em
}

.btns2 a {
    display: inline-block;
    padding: 6px 14px;
    background: #fff;
    color: #484848;
    border: 1px solid #484848
}

.btns2 a:hover {
    background: #484848;
    color: #fff
}

.btns3 a {
    display: inline-block;
    padding: 4px 10px !important;
    background: #fff;
    color: #484848;
    border: 1px solid #484848;
    border-radius: 4px;
    font-size: 90% !important
}

.btns3 a:hover {
    background: #484848;
    color: #fff
}

.btnsSt3 {
    text-align: center;
    margin-top: 20px
}

.btnsSt3 a {
    display: inline-block;
    padding: 8px 16px;
    background: #333;
    color: #fff;
    font-weight: bold;
    border: 1px solid #333
}

.btnsSt3 a:hover {
    background: #fff;
    color: #333
}

a.type1 {
    background: #464646;
    color: #fff;
    border-radius: 6px;
    padding: 5px 10px
}

a.type2 {
    background: #464646;
    color: #fff;
    border-radius: 6px;
    padding: 5px 15px
}

input[type=radio],
input[type=checkbox] {
    width: 16px;
    height: 16px;
}

select,
input[type=number],
input[type=text] {
    padding: 2px;
    margin-right: 10px;
    height: 26px;
    border: 1px solid #e4e4e4
}

input[type=file]:focus,
input[type=text]:focus {
    border: 1px solid #1087ef
}

label {
    margin: 0 10px 0 5px
}

input:checked+label {
    color: #1087ef;
    border-bottom: 1px dashed #1087ef !important
}

.boardTypeA caption {
    display: none
}

.boardTypeA {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #353535;
    border-left: 1px solid #353535
}

.boardTypeA th,
.boardTypeA td {
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #353535;
    border-right: 1px solid #353535;
    padding: 10px 5px
}

.boardTypeA th {
    font-weight: bold;
    background: #131313
}

.boardTypeB {
    width: 100%;
    margin: 0 auto;
    border-top: #464646 1px solid;
    border-bottom: #464646 1px solid;
    border-left: #cdcdcd 1px solid;
    background: #fff;
    line-height: 1.5
}

.boardTypeB caption {
    display: none
}

.boardTypeB thead th,
.boardTypeB tbody th {
    color: #464646;
    font-weight: bold;
    border-bottom: #cdcdcd 1px solid;
    border-right: #cdcdcd 1px solid;
    text-align: center;
    padding: 15px 8px
}

.boardTypeB tbody td {
    letter-spacing: normal;
    padding: 10px 8px
}

.boardTypeB thead th {
    background: #e9e8e8;
}

.boardTypeB tbody th {
    background: #f3f3f3;
}

.boardTypeB tbody td {
    border-bottom: #cdcdcd 1px solid;
    border-right: #cdcdcd 1px solid;
    vertical-align: middle;
    color: #464646;
    text-align: center
}

.boardTypeB tbody tr.bg01 th {
    background: #e5f2fe
}

.boardTypeB tbody td input {
    vertical-align: middle
}

.boardTypeB tbody td label {
    margin-right: 10px
}

.boardTypeB tbody td li {
    display: inline;
}

.boardTypeB tbody td span {
    vertical-align: top
}

.boardTypeC caption {
    display: none
}

.boardTypeC {
    width: 100%;
    margin: 0 auto;
    border: #464646 1px solid
}

.boardTypeC tr {
    display: table-row
}

.boardTypeC th,
.boardTypeC td {
    letter-spacing: normal;
    font-size: 12px;
    text-align: center;
    padding: 15px 8px;
    vertical-align: middle
}

.boardTypeC th {
    color: #333;
    background: #fffcd1;
    *border-bottom: #e2e2e2 1px solid;
    border-right: #e2e2e2 1px solid
}

.boardTypeC td {
    position: relative;
    border-bottom: #e2e2e2 1px solid;
    border-right: #e2e2e2 1px solid;
    vertical-align: middle
}

.boardTypeC td.td_h250 {
    height: 250px !important;
    padding: 0 !important
}

.boardTypeC td input {
    vertical-align: middle
}

.boardTypeC td span.blueB {
    font-weight: bold;
    color: #33F
}

.boardTypeC td span.redB {
    font-weight: bold;
    color: #C00
}

.boardTypeC td.txtL {
    text-align: left
}

.boardTypeC tr td:last-child {
    border-right: #464646 1px solid
}

.boardTypeC tr:last-child td {
    border-bottom: #464646 1px solid
}

.boardTypeC .lineNo {
    border-right: none !important
}

.boardTypeC .ratio {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 50px;
    text-align: right;
    z-index: 99
}

.boardTypeC .graph {
    position: absolute;
    left: 10px;
    top: 14px;
    width: 85%;
    background: #f4f4f4
}

.boardTypeC .graph2ch {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 85%;
    background: #f4f4f4;
    display: block
}

.boardTypeC .ratio2ch {
    position: absolute;
    left: 10px;
    top: 14px;
    width: 50px;
    text-align: left;
    z-index: 99;
    display: block
}

.boardTypeC .graph span {
    display: block;
    height: 14px
}

.boardTypeC .graph span.graph1 {
    background: #adf2ff
}

.boardTypeC .graph span.graph2 {
    background: #70d3ff
}

.boardTypeC .graph span.graph3 {
    background: #1fa7e5
}

.boardTypeC .graph span.graph4 {
    background: #067ab7
}

.boardTypeC .graph span.graph5 {
    background: #055896
}

.boardTypeC .graph span.graph_etc {
    background: #999
}

.boardTypeC .graph2ch span {
    display: block;
    height: 14px;
    float: right
}

.boardTypeC .graph2ch span.graph2 {
    background: #8C132F
}

.boardTypeC .graph_v {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: -25px;
    width: 36px;
    height: 200px;
    background: #f4f4f4
}

.boardTypeC .graph_v {
    position: relative
}

.boardTypeC .graph_v span {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%
}

.boardTypeC .graph_v span.graph1 {
    background: #3a5db1
}

.boardTypeC .graph_v span.graph2 {
    background: #e2e2e2
}

.boardTypeC td .ratio_v {
    position: absolute;
    top: 15px;
    display: block;
    width: 100%;
    z-index: 99
}

.boardTypeD caption {
    display: none
}

.boardTypeD {
    width: 100%;
    margin: 0 auto;
    border-top: #464646 1px solid;
    border-bottom: #464646 1px solid;
    border-left: #cdcdcd 1px solid
}

.boardTypeD th,
.boardTypeD td {
    letter-spacing: normal !important;
    font-size: 14px !important;
    text-align: center;
    padding: 10px 8px
}

.boardTypeD th {
    color: #464646;
    background: #f3f3f3;
    font-size: 14px !important;
    font-weight: bold;
    border-bottom: #cdcdcd 1px solid;
    border-right: #cdcdcd 1px solid
}

.boardTypeD td {
    border-bottom: #cdcdcd 1px solid;
    border-right: #cdcdcd 1px solid;
    vertical-align: middle;
    color: #464646
}

.boardTypeD td.td2 {
    background: #fffcd1
}

.boardTypeD td input {
    vertical-align: middle
}

.boardTypeD td span.blueB {
    font-weight: bold;
    color: #33F
}

.boardTypeD td span.redB {
    font-weight: bold;
    color: #C00
}

.boardTypeD td label {
    margin-right: 10px
}

.boardTypeD .lineNo {
    border-right: none !important
}

.boardTypeD tfoot td {
    background: #dae9f7;
    font-weight: bold;
    color: #000
}

.boardTypeD td .graph li {
    display: inline;
    float: left;
    width: 25%;
    font-size: 10px;
    text-align: center
}

.boardTypeD td .graph strong {
    font-weight: normal !important
}

.boardTypeD td .graph div {
    height: 200px;
    background: #f4f4f4;
    width: 15px;
    margin: 5px auto;
    position: relative
}

.boardTypeD td .graph div span {
    display: block;
    background: #1087ef;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.boardTypeD td .graph span {
    font-size: 11px;
}

.boardTypeD td .graph2 div span {
    background: #2faed8
}

.boardTypeD td .graph3 div span {
    background: #10efe2
}

.boardTypeD td .graph4 div span {
    background: #10efad
}

.boardTypeD td .graph5 div span {
    background: #bdef10
}

.boardTypeE caption {
    display: none
}

.boardTypeE {
    width: 100%;
    margin: 0 auto;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_v40_line.gif)
}

.boardTypeE th,
.boardTypeE td {
    letter-spacing: normal !important;
    font-size: 14px !important;
    text-align: center
}

.boardTypeE th {
    font-weight: bold;
    padding: 10px 0 10px;
    background: #fff;
    border-top: 1px solid #e2e2e2
}

.boardTypeE td {
    position: relative;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    height: 200px
}

.boardTypeE td ul {
    position: absolute;
    top: -18px;
    left: 20px
}

.boardTypeE td li {
    height: 40px;
    line-height: 40px
}

.boardTypeE td div {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 200px;
    background: #f4f4f4
}

.boardTypeE td div {
    position: relative
}

.boardTypeE td div span {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: 0 auto
}

.boardTypeE td div span.myscore {
    background: #3a5db1
}

.boardTypeE td div span.score {
    background: #e2e2e2
}

.boardTypeE td div span.pass01 {
    background: #e2e2e2
}

.boardTypeE td div span.pass02 {
    background: #84a1e7
}

.boardTypeE td div span.pass03 {
    background: #5c7dcc
}

.boardTypeE td div span.pass04 {
    background: #3a5db1
}

.boardTypeE td div span strong {
    position: absolute;
    width: 100%;
    top: -30px;
    font-weight: normal;
    color: #333;
    font-size: 85%;
    text-align: center;
    line-height: 1;
}

.boardTypeE td div span.mask {
    background: #f4f4f4;
    z-index: 2
}

.tabSt1 {
    border-bottom: 2px solid #1087ef;
    margin-bottom: 1.5em
}

.tabSt1 li {
    display: inline;
    float: left;
    margin-right: 1px
}

.tabSt1 a {
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background: #e2e2e2;
    color: #898989;
}

.tabSt1 a:hover,
.tabSt1 a.active {
    background: #1087ef;
    color: #fff
}

.tabSt1 li img {
    vertical-align: middle
}

.tabSt1:after {
    content: "";
    display: block;
    clear: both
}


/*채점확인*/
.sub3_4_wrap {
    margin: 50px 0 20px;
}

.sub3_4_wrap p {
    font-size: 120%;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px
}

.sub3_4_L {
    float: left;
    width: 480px
}

.sub3_4_L_warp {
    position: relative
}

.sub3_4_L_warp .cutLine {
    position: absolute;
    left: 60px;
    width: 420px;
    z-index: 10
}

.sub3_4_L_warp .cutLine div {
    position: relative;
    height: 200px
}

.sub3_4_L_warp .cutLine div span {
    position: absolute;
    display: block;
    bottom: 0;
    background: url(https://static.willbes.net/public/images/promotion/2019/04/1211_myposition.png) no-repeat left bottom;
    width: 100%;
    height: 20px;
    text-align: right;
    padding-bottom: 5px
}


.sub3_4_R {
    float: right;
    position: relative;
    width: 480px
}

.sub3_4_R h6 {
    position: absolute;
    width: 100%;
    top: 100px;
    color: #6c5223;
    font-weight: bold;
    text-align: center
}

.sub3_4_R .txt1 {
    font-size: 16px
}

.sub3_4_R .txt2 {
    top: 200px;
    font-size: 24px
}

.sub3_4_R div {
    position: relative
}

.sub3_4_R div .myposi {
    position: absolute;
    width: 100%;
    top: 20px;
    height: 200px;
    z-index: 3
}

.sub3_4_R div .myposi p {
    position: absolute;
    width: 100%;
    text-align: right;
    z-index: 10
}

.sub3_4_R div .myposi p span {
    position: absolute;
    bottom: -1px;
    right: -40px;
    color: #fff;
    font-size: 11px !important;
    padding: 0 4px;
    height: 16px;
    line-height: 16px
}

.sub3_4_R div .myposi p.posi01 {
    border-bottom: 1px solid #000;
    z-index: 11
}

.sub3_4_R div .myposi p.posi01 span {
    background: #000
}

.sub3_4_R div .myposi p.posi02 {
    border-bottom: 1px solid #333
}

.sub3_4_R div .myposi p.posi02 span {
    background: #333
}

.sub3_4_wrap:after {
    content: "";
    display: block;
    clear: both
}


/*기출해설*/
.sub4_1 .boardTypeB td img {
    vertical-align: middle;
    border: 1px solid #e2e2e2;
    margin-right: 5px;
    width: 70px;
    height: 70px;
}

.sub4_1 .boardTypeB td:nth-child(3) {
    text-align: left
}

.sub4_1 .boardTypeB a.btn_data {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_icon_date.png)
}

.sub4_1 .boardTypeB a.btn_lec {
    background-image: url(https://static.willbes.net/public/images/promotion/2019/04/1211_icon_lec.png)
}

.sub4_1 .boardTypeB a.btn_data:hover {
    background-color: #f2f2f2
}

.sub4_1 .boardTypeB a.btn_lec:hover {
    background-color: #f2f2f2
}

.sub4_1 .boardTypeB a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center
}



/*********팝업***********/
.Pstyle {
    opacity: 0;
    display: none;
    position: relative;
    width: 640px;
    border: 1px solid #000;
    background: #fff;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
}

.b-close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}

.Pstyle h3 {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    color: #fff;
    background: #225fba;
    font-size: 20px
}

.Pstyle .content {
    height: 540px;
    width: auto;
    padding: 20px;
    overflow-y: scroll;
}

.Pstyle .content table {
    border-top: 2px solid #333
}

.Pstyle .content th,
.Pstyle .content td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.Pstyle .content th {
    background: #f2f2f2
}

.Pstyle .content th span {
    float: right
}

.Pstyle .content td:nth-child(2) {
    text-align: left;
}

.Pstyle .content tr:hover {
    background: #e9f1fe
}

.Pstyle .content td a {
    display: block
}

.Pstyle .content td .boradImg {
    margin: 10px 0
}

.Pstyle .content td.tx-left img {
    max-width: 538px
}

.Pstyle .content table strong {
    background: #424ac7;
    color: #fff;
    margin-right: 10px;
    font-size: 11px;
    padding: 2px 4px
}

.Pstyle .content table strong.st02 {
    background: #f57d20;
}


.eventPop {
    width: 600px;
    margin: 0 auto;
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    padding-bottom: 50px
}

.eventPop h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    color: #000;
}

.popcontent {
    height: auto;
    width: auto;
    padding: 10px;
    font-size: 110%;
    /*width:600px*/
}

.question {
    /*margin-top:1em*/
}

.question p {
    padding: 10px;
    background: #000;
    color: #fff !important;
    margin-bottom: 1em;
    border-radius: 10px 10px 0 0
}

.question div.qBox {
    padding: 5px 10px
}

.question strong {
    color: #000
}

.question div.qBox ul {
    margin-bottom: 10px;
    margin-left: 1em
}

.question li {
    display: inline;
    float: left;
    margin-right: 10px
}

.question ul:after {
    content: "";
    display: block;
    clear: both
}

.question .tab li {
    display: inline;
    float: left;
    margin-right: 1px
}

.question .tab a {
    display: block;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin-right: 2px;
    border-radius: 0 10px 0 0
}

.question .tab a:hover,
.question .tab a.active {
    background: #464646;
    color: #fff;
    border: 1px solid #464646;
    border-bottom: 0
}

.question .tab:after {
    content: "";
    display: block;
    clear: both
}

.popcontent .viewTb2 td {
    padding: 5px;
    font-size: 90%
}