body{
    font-family: Pretendard;
}

.newsletter5{
    width: 100%;
}

.mgAuto{
    margin:0 auto;
}

.pdUp{padding-bottom: 15px}

.g-recaptcha>div{
    margin:0 auto;
}
.linkAreaLi{
    display: none;
    z-index: 2;
    box-shadow: 3px 4px 7px #7c7c7c;
    position: absolute;
    top:0px;
    right: -25px;
    border:1px solid #ebebeb;
    background-color: #fff;
    padding:10px;

}

.linkAreaLi>li>a{
    font-weight: 400;
    color: #373737;
    font-size: 12px;
    text-decoration: none;
}

.linkAreaLi>li{
    margin-bottom: 10px;
}
.linkAreaLi>li:last-child{
    margin-bottom: 0;
}



/*-----------popup------------*/

.popupWrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    z-index: 10000;
}

.popupDisabled {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 17px;
    background-color: #171717;
    opacity: 0.8;
    filter: Alpha(Opacity=50);
    bottom: 0;
    overflow: auto;
    z-index: 10000;
}

.popup {
    display: none;
    position: absolute;
    left: 50%;
    /*top: 50%;*/
    top: 0;
    margin: 60px 0;
    z-index: 10000;
}

.popup > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    /*background-color: #2c2c2c;*/
    padding: 20px;
    margin: -12px 0 0 -12px;
    border-radius: 15px;
}

.popup > .content {
    z-index: 99999;
}

.modalBg{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 99;
}


/*-------------v2 banner popup--------------*/

/* modal main popup */
.baseModalWrap{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0,0,0,.85);
    z-index: 998;
}
/* modal index popup */
.indexModalWrap{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0,0,0,.85);
    z-index: 999;
}
/* modal common*/
.modalClose2{
    pointer-events : auto;
}
.baseModalWrap .modal,
.indexModalWrap .modal{
    max-width: 1280px;
    margin: 100px auto 50px;
    text-align: center;
}
.baseModalWrap .modal .closeRow img,
.indexModalWrap .modal .closeRow img{
    width: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}
.baseModalWrap .modal .content,
.indexModalWrap .modal .content{
    display: inline-block;
    position: relative;
}
.baseModalWrap .modal .modalContent,
.indexModalWrap .modal .modalContent{
    /*width: 900px;*/
    /*height: 600px;*/
    max-width: 900px;
    max-height: 600px;
    min-width: 450px;
    min-height: 200px;
    text-align: center;
}
.baseModalWrap .modal .modalContent .bxslider-inner div,
.indexModalWrap .modal .modalContent .bxslider-inner div{
    margin: auto;
    vertical-align: middle;
    color: #ffffff;
}
.baseModalWrap .modal .modalContent p,
.indexModalWrap .modal .modalContent p{
    margin: auto;
    vertical-align: middle;
    line-height: 1.25em;
    color: #ffffff;
}
.baseModalWrap .modal .modalContent .textWrap,
.indexModalWrap .modal .modalContent .textWrap{
    max-width: 450px;
}
.baseModalWrap .modal .modalContent iframe,
.indexModalWrap .modal .modalContent iframe{
    max-width: 100%;
    margin: auto;
}
.baseModalWrap .modal .modalContent img,
.indexModalWrap .modal .modalContent img{
    max-width: 900px;
    display:inline;
    vertical-align: middle;
    margin: auto;
}
.baseModalWrap .modal .content a,
.indexModalWrap .modal .content a{
    display: block;
}
.baseModalWrap .modal .closeRow,
.indexModalWrap .modal .closeRow{
    position: absolute;
    top: -40px;
    /*right: 198px;*/
    right: 0px;
}

.baseModalWrap .modal .popup,
.indexModalWrap .modal .popup{
    width: 100%;
}
.baseModalWrap .modal .todayClose,
.indexModalWrap .modal .todayClose{
    position: absolute;
    bottom: -50px;
    right: 0;
}
.baseModalWrap .modal .todayClose .btnClose,
.indexModalWrap .modal .todayClose .btnClose{
    margin-left: 5px;
}
.baseModalWrap .modal .todayClose .btnClose img,
.indexModalWrap .modal .todayClose .btnClose img{
    vertical-align: inherit;
}
.baseModalWrap .modal .closeWrap,
.indexModalWrap .modal .closeWrap{
    display: inline-block;
    cursor: pointer;
}
.baseModalClose  span,
.indexModalClose  span{
    color: #fff;
}

.baseModalWrap .oneModal .todayClose,
.indexModalWrap .oneModal .todayClose{
    bottom: -25px !important;
    /*right: 40%;*/
}

.baseModalWrap .bx-wrapper ,
.indexModalWrap .bx-wrapper {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
.baseModalWrap .slideScroll,
.indexModalWrap .slideScroll{
    height: 600px;
}
.baseModalWrap .bx-viewport,
.indexModalWrap .bx-viewport{
    height: 600px;
}
.baseModalWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.indexModalWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.baseModalWrap .bx-wrapper .bx-pager.bx-default-pager a:focus,
.indexModalWrap .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #666;
}
.baseModalWrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.indexModalWrap .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #ffffff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.indexModalWrap .bxslider .bxslider-inner ,
.baseModalWrap .bxslider .bxslider-inner {
    height: 600px;
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}
.indexModalWrap .bx-wrapper .bx-pager-item,
.baseModalWrap .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
}
/* 스크롤 vertical-align */
.baseModalWrap  .main-description,
.indexModalWrap .main-description{
    position: absolute;
    width: 100%;
    height: 600px; /* set your own value */
    top: 155px;
    bottom: 10px;
}
.baseModalWrap .vcenter,
.indexModalWrap .vcenter{
    top: 50% !important;
    transform: translateY(-50%);
}
/* ---------- swiper ---------- */
.baseModalWrap .swiper-pagination ,
.indexModalWrap .swiper-pagination {
    width: 100%;
    text-align: center;
    bottom: -35px;
}
/*.swiperScroll {
    top: 50% !important;
    transform: translateY(-50%);
}*/
.baseModalWrap .oneModal .swiper-pagination,
.indexModalWrap .oneModal .swiper-pagination{
    display: none;
}
.baseModalWrap .swiper-pagination-bullet,
.indexModalWrap .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.baseModalWrap .swiper-pagination-bullet-active ,
.indexModalWrap .swiper-pagination-bullet-active {
    width: 16px;
    height: 16px;
}
/* ---------- ---------- *

 */



/*-------------1-20버튼--------------*/

.btn01{
    display: inline-block;
    height:22px;
    line-height:22px;
    font-size: 12px;
    font-weight: bold;
    color: #42499d;
    padding:0 15px;
    text-decoration: none;
    background-color: #ebebeb;
    margin-bottom:5px;
    text-align: center;
}
.btn01:hover{
    background-color: #e4e4e4;
}
.btn02{
    width:203px;
    height:42px;
    border:0;
    background-color: #57c16b;
    color: #fff;
    font-size:16px;
    font-weight: 500;
    margin-left: 209px;
    margin-bottom: 20px;
    cursor: pointer;
}
.btn02:hover{
    background-color: #51bb65;
}

.btn03{
    width: 195px;
    height: 45px;
    border: 0;
    background-color: #1891c3;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    float: right;
}

.btn03:hover{
    background-color: #198dbd;
}
.btn06{
    color: #9c9c9c;
    cursor: pointer;
}
.btn06{
    padding:15px 0;
    box-sizing: border-box;
    text-align: center;
}
.btn07{
    position: absolute;
    left:0;
    top:0;
    display: inline-block;
    width:173px;
    height:60px;
    line-height:60px;
    color: #fff;
    box-sizing:border-box;
    font-size: 20px;
    font-weight: bold;
    background-color: #27a2d6;
}
.btn07:hover{
    background-color: #2395c5;
    cursor: pointer;
}
.btn11{
    display: inline-block;
    padding:13px 50px;
    border:1px solid #dfdfdf;

}
.btn11 > a{
    text-decoration: none;
}
.btn12{
    background-color: #4195f5;
    cursor: pointer;
    text-align: center;
    padding: 15px 0;
    width:456px;
    margin: 0 auto;
    display: block;
    text-decoration: none;
    color: #fff;
}

.btn12 span{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.btn12:hover{
    background-color: #3d8eeb;
}
.btn13{
    background-color: #C12C0C;
    color: #fff;
    padding: 11px 0;
    text-align: center;
    display: block;
    cursor: pointer;
    padding:11px 0;
    text-align: center;
}

.btn14{
    border: 1px solid #1891c3;
    background-color: #1891c3;
    padding:7px 0;
    color: #fff;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

.btn14:hover{
    background-color: #177ea9;

}

.btn15{
    border: 1px solid #dadada;
    background-color: #fff;
    padding:7px 0;
    color: #7e7e7e;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

.btn15:hover{
    background-color: #f5f5f5;
    color: #373737;
}
/*common Category*/
ul.commonCategoryWrap{
    height: 27px;
    border-bottom: 2px solid #9c9c9c;
    overflow: hidden;
}
.commonCategoryWrap > li{
    float: left;
    font-size:16px;
}

.commonCategroyGray{
    color: #7d7d7d;
}
.commonCategroyGray a{
    text-decoration: none;
    color: #7d7d7d;;
}
.commonCategroyGray a:visited{
    color: #7d7d7d;
}
.commonCategroyBar{
    margin: 0 8px;
    color: #7d7d7d;;
    margin-top: -2px;
}
.commonCategoryBlue{
    color: #354992;
}
.commonCategoryBlue a:visited{
    color: #354992;
}
.commonCategoryBlue a{
    text-decoration: none;
    color: #354992;
}
/*common Category end*/


/* skyscraper - 좌우 ad */
#commonArea .contentArea{
    position: relative;
    top: 0;
}
#commonArea .stickyWrap{
    position: absolute;
    z-index: 99;
    width: 180px;
    overflow: hidden;
    display: none;
    /*margin-top: 15px;*/
}
#commonArea .stickyWrapL{
    right: calc(100%);
}
#commonArea .stickyWrapR{
    left: calc(100%);
}
#commonArea .stickyWrap .commercialFloatBox{
    max-width: 180px;
    max-height: 600px;
    overflow: hidden;
}
#commonArea .stickyWrap .commercialFloatBox .ad{
    max-width: 180px;
    max-height: 600px;
    position: relative;
    top: 0;

}
#commonArea .stickyWrap .commercialFloatBox .ad + .ad{
    margin-top: 40px;
}
#commonArea .stickyWrap .commercialFloatBox .ad iframe{
    max-width: 100%;
}
#commonArea .stickyWrap .commercialFloatBox img{
    max-width:160px;
}
#commonArea .stickyWrap .commercialFloatBoxL{
    float: right;
    margin-right: 20px;
}
#commonArea .stickyWrap .commercialFloatBoxL .commercial{
    text-align: right;
}
#commonArea .stickyWrap .commercialFloatBoxR{
    padding-left: 20px;
    float: left;
}
@media (min-width:971px) {
    #commonArea .stickyWrap{
        display: block;
    }
}


/*-------------일시적인거-------------*/
/*뉴스레터popup*/
#indexPopup{
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.8);
    z-index:99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.indexPopupClose{
    position: absolute;
    top: -80px;
    right: 0px;
    cursor: pointer;
}
.indexPopupContWrap{
    max-width: 800px;
    position: relative;
    margin:0 auto;
    top:13%;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}
.indexPopupContWrap .modalContent div{
    margin-top: 5px;
}
.indexPopupContWrap .modalContent div span{
    cursor: pointer;
}
.indexPopupContWrap > a{
    display: inline-block;
}
.indexPopupContWrap > .clickClose{
    color: #fff;
    text-align: right;
    padding: 2px;
    cursor: pointer;
    font-weight:300;
    width: 970px;
    margin: 0 auto;
}
.indexPopupContWrap > div{
    margin-top: 8px;
    text-align: center;
}
.indexPopupContWrap > div > span{
    cursor:pointer;
}
.indexPopupContWrap .modalContent img{
    max-width:800px;
}

/*뉴스레터popup - slider 있는 버전*/
#indexPopup .modal{
    max-width: 1280px;
    margin: 200px auto 50px;
    text-align: center;
}
#indexPopup .modal .content{
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 1366px) {
    #indexPopup .modal {
        margin: 100px auto 50px;
    }

}

#indexPopup .modalContent .modalContent{
    width: 900px;
    height: 600px;
    max-width: 900px;
    max-height: 600px;
    min-width: 450px;
    min-height: 300px;
    text-align: center;
}
#indexPopup .modalContent .bxslider-inner{
    height: 600px;
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}
#indexPopup .modalContent .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
}
#indexPopup .modalContent .bxslider-inner div{
    margin: auto;
    vertical-align: middle;
    color: #ffffff;
}
#indexPopup .modalSlider .bxslider-inner.slideScroll{
    /*height: 600px;*/
}
#indexPopup .todayClose{
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -96px;
    color: #ffffff;
    cursor: pointer;
}
#indexPopup .bx-wrapper {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
#indexPopup .bx-viewport{
    height: 600px;
}
#indexPopup .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
}
#indexPopup .bx-wrapper .bx-pager.bx-default-pager a{
    content: '';
    display: inline-block;
}
#indexPopup .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #666;
}
#indexPopup .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #ffffff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
#indexPopup .main-description{
    position: absolute;
    width: 100%;
    height: 600px; /* set your own value */
    top: 155px;
    bottom: 10px;
}
#indexPopup{
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.8);
    z-index:99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.indexPopupClose{
    position: absolute;
    top: -32px;
    right: 0px;
    cursor: pointer;
    z-index: 999999;
}
.indexPopupClose img {
    width: 25px;
}

.indexPopupContWrap{
    max-width: 800px;
    position: relative;
    margin:0 auto;
    top:13%;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}
.indexPopupContWrap .modalContent div{
    margin-top: 5px;
}
.indexPopupContWrap .modalContent div span{
    cursor: pointer;
}
.indexPopupContWrap > a{
    display: inline-block;
}
.indexPopupContWrap > .clickClose{
    color: #fff;
    text-align: right;
    padding: 2px;
    cursor: pointer;
    font-weight:300;
    width: 970px;
    margin: 0 auto;
}
.indexPopupContWrap > div{
    margin-top: 8px;
    text-align: center;
}
.indexPopupContWrap > div > span{
    cursor:pointer;
}
#indexPopup .modalContent img{
    max-height: 500px;
}
.indexPopupContWrap .vcenter,
.indexPopupContWrap .vcenter{
    top: 50% !important;
    transform: translateY(-50%);
}

/* newletter popup 슬라이드 없는 버전 (구버전) */
/*뉴스레터popup*/
/*#indexPopup{
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.8);
    z-index:99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.indexPopupClose{
    position: absolute;
    top: -80px;
    right: 0px;
    cursor: pointer;
}
.indexPopupContWrap{
    max-width: 800px;
    position: relative;
    margin:0 auto;
    top:13%;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}
.indexPopupContWrap .modalContent div{
    margin-top: 5px;
}
.indexPopupContWrap .modalContent div span{
    cursor: pointer;
}
.indexPopupContWrap > a{
    display: inline-block;
}
.indexPopupContWrap > .clickClose{
    color: #fff;
    text-align: right;
    padding: 2px;
    cursor: pointer;
    font-weight:300;
    width: 970px;
    margin: 0 auto;
}
.indexPopupContWrap > div{
    margin-top: 8px;
    text-align: center;
}
.indexPopupContWrap > div > span{
    cursor:pointer;
}
.indexPopupContWrap .modalContent img{
    max-width:800px;
}*/

/*indexPopup end*/


#wrap{
    background-color: #f5f5f5;
    font-size:14px ;
    font-weight: 400;
    color: #373737;
    margin:0 auto;
    display:block;
    min-width: 970px;
    overflow: hidden;
}
/*event countdown*/
#headerBanner{
    height:69px;
    width:100%;
}

/*
#headerBanner.headerBanner2{
    height:69px;
    width:100%;
    background-position: center center;
    background-image: url("/assets/images/tokenpost/base/banner/countdown/BlockchainTrend.png");
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    background-color: #e6cc6d;
}
#headerBanner.headerBanner3{
    height:69px;
    width:100%;
    background-position: center center;
    background-image: url("/assets/images/tokenpost/base/banner/countdown/inviteFriend.png");
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    background-color: #e6cc6d;
}
*/
#headerBanner > a{
    display: block;
    width: 100%;
    height: 69px;
}
#headerBanner .eventBanner {
    position: relative;
    width: 970px;
    height:69px;
    margin:0 auto;
}
#headerBanner .eventBanner .text{
    height: 69px;
    line-height: 67px;
    padding-left: 14px;
}
#headerBanner .eventBanner .text span{
    color: #Fff;
    font-weight: bold;
    font-size: 30px;
}
/*#headerBanner .eventBanner .eventCount{*/
/*    position: absolute;*/
/*    right: 248px;*/
/*    overflow: hidden;*/
/*    margin-top: 6px;*/
/*}*/
#headerBanner .eventBanner .eventCount li{
    width:47px;
    float: left;
    color: #fff;
    font-weight:bold;
    text-align: center;
    margin-right:20px;
}
#headerBanner .eventBanner .eventCount li div.eventCountNum{
    height:38px;
    line-height: 38px;
    background-color: rgba(0,0,0,0.35);
    font-size: 27px;
}
#headerBanner .eventBanner .eventCount .icoBannerCountTitle{
    height:20px;
    line-height: 20px;
    background-color: rgba(0,0,0,0.55);
    color: #ffc000;
    font-weight: 400;
    font-size: 13px;
}
#headerBanner .button{
    position: absolute;
    right: 20px;
    top: 13px;
}
#headerBanner .button span{
    display: inline-block;
    width: 107px;
    height:41px;
    line-height:41px;
    background-color: #e0ff5c;
    color: #000;
    text-align: center;
    font-weight:600;
}
/*event countdown end*/

#headerBannerReport{
    display: none;
    height:0;
    overflow:hidden;
    width: 100%;
    background-color: #CEE7FD;
}

#headerBannerReport .contentArea{
    width:970px;
    height: 240px;
    margin: auto;
    position: relative;
}

#headerBannerReport .contentArea .textArea{
    width:350px;
    margin-left:0;
    margin-top:40px;
    float:left;
}

#headerBannerReport .contentArea .textArea .text{
    color:#0F68EA;
    font-size:12px;
    line-height:1.3em;
}

#headerBannerReport .contentArea .textArea .text .bold{
    font-size:24px;
    font-Weight: 500;
    margin: 10px 0;
}
#headerBannerReport .contentArea .textArea .button {
    margin-top: 20px;
}
#headerBannerReport .contentArea .textArea .button a{
    text-decoration: none;
    display: inline-block;
}
#headerBannerReport .contentArea .textArea .button span{
    font-size:14px;
    font-weight: 500;
    color:#ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px;
    gap: 4px;
    width: 94px;
    height: 34px;
    background: #0F68EA;
    border-radius: 100px;
    box-sizing: border-box;
}

#headerBannerReport .contentArea .backgroundArea{
    position: absolute;
    width:444px;
    height: 240px;
    left:350px;
    background-position: center center;
    background-image: url(/assets/images/tokenpost/base/banner/header/report/background.png);
    background-repeat: no-repeat;
    /* -webkit-background-size: cover; */
    background-size: cover;
}

#headerBannerReport .contentArea .buttonArea .btnHeaderBannerClose,
#headerBannerReport .contentArea .buttonArea .btnHeaderBannerCloseWeek{
    cursor:pointer;
}
#headerBannerReport .contentArea .buttonArea{
    width:180px;
    /*margin-left:10px;*/
    margin-top:5px;
    float:right;
    text-align: right;
    color: #0F68EA;
}

#headerBannerReport .contentArea .buttonArea .closeArea1{
    padding-top:10px;
}
#headerBannerReport .contentArea .buttonArea .closeArea2{
    margin-top:170px;
}

.headerWrap{
background-color: #fff;
width:100%;
}
.headerTopWrap{
width:100%;
margin:0 auto;
border-bottom: 1px solid #dadada;
}

.headerTopWrap > .headerBar{
height: 33px;
background-color: #1176aa;

}
.headerTopWrap > .headerBar .cont{
width:970px;
margin: 0 auto;
overflow: hidden;
}

/*헤더바 왼쪽 메뉴*/
.headerTopWrap > .headerBar .cont ul{
    overflow: hidden;
}
.headerTopWrap > .headerBar .cont ul li{
    float: left;
}
.headerTopWrap > .headerBar .menuList li{
    height:33px;
}
.headerTopWrap > .headerBar .menuList li.headerSelected span{
    color: #1176aa;
    background-color: #fff;
}
.headerTopWrap > .headerBar .menuList li span{
    display: inline-block;
    height:33px;
    line-height: 33px;
    padding:0 15px;
    color: #fff;
    font-size: 16px;
    background-color: #1176aa;
}
.headerTopWrap > .headerBar .menuList li:hover span{
    color: #1176aa;
    background-color: #fff;
}

/*헤더바 sns*/
.headerTopWrap > .headerBar .snsList li{
    padding:0 7px;
}
.headerTopWrap > .headerBar .snsList li img{
    margin-top: 3px;
}
.headerTopWrap > .headerBar .snsList li img:last-child{
    display: none;
}
.headerTopWrap > .headerBar .snsList li:hover img:first-child{
    display: none;
}
.headerTopWrap > .headerBar .snsList li:hover img:last-child{
    display: inline-block;
}





.headerTopWrap .headerTop{
    position: relative;
    /*overflow: hidden;*/
    padding:20px 0 12px;
    width:970px;
    margin:0 auto;
}




.headerTopWrap .headerTop .headerCenter{
    width:360px;
    height: 85px;
    margin: 0 auto;
}
.headerTopWrap .headerTop .headerCenter .mainLogo img{
    width: 340px;
    margin:0 auto;
    display: block;
}


/*헤더검색*/

.headerTop .headerSearch{
    position: absolute;
    left: 0;
    top: 44px;
    /*float: right;*/
    /*height:25px;*/
    margin-top: 1px;
    display: inline-block;
}
.headerSearch > *{
    float: right;
}
.headerTopWrap .headerTop .searchText{
    width: 176px;
    height: 30px;
    padding-left: 10px;
    margin-left: 6px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline:0;
}
.headerTopWrap .headerTop .searchBtnWrap {
    width: 29px;
    height: 24px;
    float: right;
    padding: 3px 0 0 0px;
    margin: 3px 0 0 10px;
    box-sizing: border-box;
    /* border-left: 1px solid #8c8c8c; */
}
.headerTopWrap .headerTop .searchBtn{
    width:18px;
    height:18px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;

}


.headerTopWrap .headerTop .headerCenter .mainLogo{
    height: 50px;
    margin-bottom: 12px;
}
.headerTopWrap .headerTop .headerCenter .infoArea{
    width:360px;
}
.headerTopWrap .headerTop .headerCenter ul.info{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: auto;
    color: #747474;
}
.headerTopWrap .headerTop .headerCenter ul.info > li{
    position: relative;
    float: left;
}
.headerTopWrap .headerTop .headerCenter ul.info > li.date{
    border-right:1px solid #747474;
    padding-right:15px;
    margin-right: 15px;
}
.headerTopWrap .headerTop .headerCenter .langBox{
    /*position:absolute;*/
    color: #747474;
    /*display: inline;*/
}

.headerTopWrap .headerTop .headerCenter .langBox .selected span{
    color: #1c51a4;
    font-weight: 700;
}
.headerTopWrap .headerTop .headerCenter .langBox > div{
    float: left;
}
.headerTopWrap .headerTop .headerCenter .langBox > div + div{
    margin-left: 10px;
}
.headerTopWrap .headerTop .headerCenter .langBox a{
    text-decoration: none;
    color: #747474;
    font-weight: 700;
}
.headerTopWrap .headerTop .headerCenter .langBox a:hover{
    color: #1c51a4;
}
/*.headerTopWrap .headerTop .headerCenter .langBox .langBtn{*/
    /*cursor: pointer;*/
    /*width: 58px;*/
    /*text-align: center;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox .langBtn span{*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 6px;*/
    /*left: 107px;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-left: 4px solid transparent;*/
    /*border-right: 4px solid transparent;*/
    /*border-top: 4px solid #0b2945;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox .lang{*/
    /*display: none;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox .lang ul li{*/
    /*position: relative;*/
    /*border: 1px solid #ccc;*/
    /*margin-top: 7px;*/
    /*width: 113px;*/
    /*text-align: center;*/
    /*padding: 5px 0;*/
    /*background-color: #fff;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox ul li:before{*/
    /*content: '';*/
    /*position: absolute;*/
    /*border-style: solid;*/
    /*border-width: 0 5px 5px;*/
    /*border-color: #b6b6b6 transparent;*/
    /*display: block;*/
    /*width: 0;*/
    /*z-index: 0;*/
    /*top: -6px;*/
    /*right: 24px;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox ul li:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*border-style: solid;*/
    /*border-width: 0 5px 5px;*/
    /*border-color: #FFFFFF transparent;*/
    /*display: block;*/
    /*width: 0;*/
    /*z-index: 1;*/
    /*top: -5px;*/
    /*right:24px;*/
/*}*/

/*.headerTopWrap .headerTop .headerCenter .langBox ul li a{*/
    /*text-decoration: none;*/
    /*color: #747474;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox ul li:hover a{*/
    /*color: #1c51a4;*/
/*}*/







.headerWrap .headerMenuWrap{
    width:100%;
    border-bottom: 1px solid #dadada;
}
.headerWrap .headerMenuFixed{
    position:fixed;
    top: 0px;
    z-index:999;
    background-color: #fff;
}
.headerWrap .headerMenu{
    width:970px;
    margin:0 auto;
}
.headerWrap .scrollMenu{
    position: relative;
    display: none;
    float: right;
    height:48px;
    padding-top: 8px;
    box-sizing: border-box;
}
.headerWrap .scrollLoginBox{
    margin-right: -11px;
    margin-top: 1px;
}

.headerWrap .scrollSearch{
    box-sizing: border-box;
    border-left: 1px solid #8c8c8c;
    width: 29px;
    height: 24px;
    padding-left: 8px;
    margin-left: 10px;
    margin-top: 4px;
}
.headerWrap .scrollSearch:hover{
    cursor: pointer;
}
.headerWrap div#dropSearch {
    display: none;
    height: 56px;
    background-color: #fff;
    line-height: 52px;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
}
.headerWrap .dropSearchWrap {
    height: 50px;
    width: 430px;
    margin: 0 auto;
}
.headerWrap .dropSearchBtn{
    width: 70px;
    height: 32px;
    line-height: 29px;
    border: none;
    color: white;
    margin-left: -4px;
    cursor: pointer;
    font-weight: bold;
    background-color: #408097;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.headerWrap .dropSearchNews{
    width: 352px;
    height: 32px;
    padding-left: 8px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.headerWrap .headerMenu > .menu{
    float: left;
}
.headerWrap .menuUnderbar{
    width: 100%;
    color: #373737 !important;
    border-bottom:2px solid #1891c3!important;
}
.menuLi{
    padding:0 8px;
}
.menuLi:hover > a {
    border-bottom:2px solid #f7f7f7;
}
.wholeMenu:hover{
    border-bottom:2px solid #f7f7f7;
}
.headerTop > a > img{
    display: inline-block;
    margin-top: 10px;
}
.headerRight{
    float: right;
    margin-top: 18px;
    display: inline-block;
    /*overflow: hidden;*/
    /*width: 550px;*/
}
.userInfoBox{
    position: absolute;
    /* float: right; */
    right: 0;
    top: 45px;
    overflow: hidden;
}
.userInfoBox a{
    text-decoration: none;
}
.userInOut{
    overflow: hidden;
}
.headerSns{
    height: 30px;
    float: left;
    position: relative;
}





.headerMenuWrap .headerMenu{
    background-color: #fff;
    height:48px;
}
.headerMenuWrap .headerMenu li{
    float: left;
    text-align: center;
    line-height: 46px;
}
.headerMenuWrap .headerMenu li.breaking img{
    vertical-align: -5px;
    margin-right: 2px;
}
.headerMenuWrap .BOFmenu a{
    color: #3d105d !important;
    font-weight: bold !important;
}
.headerMenuWrap .menu li:hover{
    cursor: pointer;
    background-color: #f6f6f6;
}
.headerMenuWrap .menu li:hover a{
    color: #373737;
}
.headerMenuWrap .menu a{
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #707070;
    display: inline-block;
}
.headerMenuWrap .menu a:visited{
    color: #707070;
}
.clear{
    clear: both;
}
.headerMenuWrap .wholeMenu{
    width:45px;
    padding:0;
}

.headerUserMenu{
    overflow: hidden;
    height:30px;
    margin-left: 8px;
}

.headerUserMenu > div:first-child{
    margin-right:10px;
}
.headerUserMenu1 > div{
    float: left;
}
.headerUserMenu1 > div:first-child{
    width: 90px;
    height:30px;
}
.headerUserMenu1 > div:last-child{
    width: 75px;
    height:30px;
}
.headerUserMenu1 span{
    padding:7px 0;
}
.headerUserMenu2 > div{
    float: left;
    width:75px;
    height:30px;
}
.headerUserMenu2 span{
    padding:7px 0;
}
.userInOutScroll{
    width:75px;
    height:30px;
    line-height: 15px;
    margin-right: 10px;
}
.userInOutScroll span {
    padding:7px 0;
    width: 75px;
    height: 30px;
}
.userInfoBox2 a{
    text-decoration: none;
}

#navCloseBg{
    display: none;
    position: fixed;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    background-color: #000;
    opacity: 0;
    z-index: 99;
}
.verticalLeftMenuWrap{
    display: none;
    position: fixed;
    width: 200px;
    height: 100%;
    background-color: #Fff;
    z-index: 999;
    /*top:66px;*/
    top:0;
    box-shadow: 10px 0px 9px 0px rgba(0,0,0,0.15);
    overflow: auto;
    -ms-overflow-style: none;
}
.verticalLeftMenuWrap::-webkit-scrollbar {
    display: none;
}

.verticalLeftMenu > li{
    height:40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 20px;
    border-left:3px solid #fff;
}
.verticalLeftMenu > li:hover{
    background-color: #f7f7f7;
}
.verticalLeftMenu > li > a{
    display: inline-block;
    text-decoration: none;
    color: #373737;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
}
.verticalLeftMenu > li > a:visited{
    color: #373737;
}
.verticalLeftMenu > li > a:hover{
    color: #373737;
}
.verticalLeftMenu img{
    float: right;
    margin-top: 13px;
    margin-right: 15px;
}
.verticalAbout{
    background-color: #f7f7f7;
}
.verticalAbout:hover{
    background-color: #eeeeee !important;
}
.navNews{
    font-weight: 500;
    font-size:15px;
    cursor: pointer;
}
.navAbout{
    cursor: pointer;
}
.navNewsSubMenu {
    display: none;
    height: 320px;
}
.navAboutSubMenu{
    display: none;
    height: 200px;
}
.navNewsSubMenu > li,
.navAboutSubMenu > li{
    height:40px;
    line-height:40px;
    padding-left:20px;
    border-left: 3px solid #fff;
}

.navNewsSubMenu > li:hover,
.navAboutSubMenu > li:hover{
    border-left:3px solid #1891c3;
}

.navNewsSubMenu > li > a,
.navAboutSubMenu > li > a{
    text-decoration: none;
    color: #373737;
    display: block;
}
.navNewsSubMenu > li > a:visited,
.navAboutSubMenu > li > a:visited{
    color: #373737;
}
.menuStyle{
    border-left: 3px solid #f7f7f7 !important;
}
.menuStyle > a{
    color: #1891C3 !important;
}
.menuStyle > a:visited{
    color: #1891C3;
}
.top{
    position: fixed;
    right: 20px;
    bottom: 8px;
    cursor: pointer;
}
.borderLeftBar{
    border-left:3px solid #1891c3 !important;
    background-color: #fafafa;
}
/*userInOut*/
.verticalUserMenu{
    padding-top:15px;
    text-align: center;
}
.verticalUserMenu > div{
    width:119px;
    height:30px;
    box-sizing: border-box;
    margin:0 auto;
}
.verticalUserMenu > div:first-child{
    margin-bottom:13px;
}
.verticalUserMenu a{
    display: block;
    text-decoration: none;
}
.verticalUserMenu span{
    padding:7px 0;
}
/*userInOut end*/

/*포인트 적립 모달*/
.pointModal{
    display: none;
    position: absolute;
    z-index: 1000;
    box-sizing: border-box;
    bottom: 0;
    margin-left: 977px;
}
.pointModal .content{
    position: fixed;
    bottom: 115px;
    width: 245px;
    border: 1px solid #c7c7c7;
    background-color: #fff;
    padding:13px 0;
    text-align: center;
    z-index:99;
    box-shadow: 0px 0px 9px 1px #cacaca;
}
.pointModal .content img{
    width: 60px;
    vertical-align: -30px;
    margin-right: 4px;
}
.pointModal .content p{
    display: inline-block;
    color: #333333;
    font-size: 15px;
}
.pointModal .content > div{
    text-align: right;
    padding: 0 23px;
    right: -14px;
    bottom:15px;
    position: absolute;
}
.pointModal .content > div a{
    color: #1891c3;

}
.pointModal .content > div a span{
    font-size: 12px;
}
.propInline{
    display: inline;
}

/*포인트 적립 모달 끝*/

/*footer*/
#footerWrap{
    width:100%;
}
.footerTopWrap{
    box-sizing: border-box;
    min-width:970px;
    padding:20px 0;
    text-align: center;
    background-color:#373737;
}
.footerTop{
    min-width:970px;
    margin: 0 auto;
}

.logoImg.rightBottom{
    display: none;
}

.footerBottomWrap{
    min-width:970px;
    background-color:#2d2d2d ;
    height:46px;
}
.footerBottom{
    width:970px;
    margin: 0 auto;
}
.footerMenuWrap{
    display: inline-block;
    height: 16px;
    margin: 0 auto;
    padding-bottom: 12px;
    overflow: hidden;
}
.footerMenuWrap > li{
    color: #fff;
    float: left;
}
.footerMenuWrap2{
    overflow: hidden;
    width: 581px;
    margin: 0 auto 12px;
    height: 16px;
}
.footerMenuWrap2 > li{
    float: left;
    color: #fff;
}
.footerMenu{
    float: left;
}
.footerMenu a{
    text-decoration: none;
    color: #fff;
}
.footerMenu a:visited{
    color: #fff;
}
.footerMenu:hover a{
    text-decoration: underline;
}
.footerBar{
    margin:0 11px;
}
.footerCopyright{
    color: #d5d5d5;
    width: 581px;
    margin:0 auto;
    /*text-align:left;*/
}
.footerCopyright span {
    float:right;
    margin-right:22px;
}
.footerCopyright a{
    color: #d5d5d5;
    width: 581px;
    margin: 0 auto;
    text-decoration: none;
}
.footerCopyright a:hover{
    text-decoration: underline;
}
.footerInfo {
    color: #d5d5d5;
    width: 785px;
    font-weight: 200;
    margin: 11px auto 0;
    font-size: 13px;
    line-height: 1.6em;
}
.footerInfo a:visited {
    color: #d5d5d5;
}
.footerInfo a{
    text-decoration: none;
    color: #d5d5d5;
}

.footerInfo a:hover{
    text-decoration: underline;

}
.footerBottom {
    height:46px;
    /*text-align: right;*/
    width:970px;
    margin:auto;
    vertical-align:bottom;
}
.footerBottom > span {
    color:#ffffff;
    font-size:16px;
    margin-top:18px;
    margin-right: 13px;
    display:inline-block;
}
.footerBottom > .logoImg a > img{
    display: inline-block;
    width:150px;
    margin-top: 10px;
    max-height: 29px;
}
.footerBottom > .logoImg a > .publishLogo{
    width:100px;
    max-height: 29px;
}
.footerBottom > .leftBottom{
    float: left;
}
.footerBottom > .rightBottom{
    float: right;
}
.footerBottom > .leftBottom img{
}
#commonArea:before{
    height:65px;
    background-color: #ff6a42;
    position: absolute;
}
#commonArea{
    position: relative;
    width:970px;
    margin:0 auto 15px;
    min-height: 700px;
    word-wrap: break-word;
    word-break: keep-all;
}

.marginB15 clearfix {
    width: 1520px;
}
.commonRight{
    float: right;
    width:300px;
}
.commonRight > div{
    width:300px;
}
/*최신글*/
.recentPostingWrap .header{
    height: 43px;
    line-height: 43px;
    padding-left: 15px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
}
.recentPostingWrap .header > a:visited{
    color: #1891c3;
}
.recentPostingWrap .header > a{
    text-decoration: none;
    color: #1891c3;
    font-weight: bold;
}
.recentPostingWrap .header img{
    width: 53px;
    margin: 11px 12px 0 0;
}
.recentPostingWrap .content{
    background-color: #Fff;
}
.recentPostingWrap .recentList{
    overflow: hidden;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #dadada;
}
/*최신글 공통끝*/

/*채용, 이벤트 리스트*/
.recentPostingWrap .content .recentList{
    border-bottom: 1px solid #dadada;
}
.recentPostingWrap .content .recentList:last-child{
    border-bottom:0;
}
.recentPostingWrap .content .recentList {
    overflow: hidden;
    padding: 10px 0px 10px 10px;
}
.recentPostingWrap .content .recentList > div{
    float: left;
}
.recentPostingWrap .content .recentList > div.logo{
    width: 52px;
}
.recentPostingWrap .content .recentList > div.logo img{
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
}
.recentPostingWrap .content .recentList > div.recentInfo{
    width: 230px;
    padding-top: 6px;
}
.recentPostingWrap .content .recentList > div.recentInfo > a{
    color: #000;
    text-decoration: none;
}
.recentPostingWrap .content .recentList > div.recentInfo > a > span{
    display: inline-block;
    max-width: 93%;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
}
.recentPostingWrap .content .recentList > div.recentInfo > div{
    margin-top:1px;
    font-size: 13px;
    color: #666;
}

.recentPostingWrap .content .recentList > .recentInfo > img{
    vertical-align: 4px;
}
/*채용, 이벤트 리스트 끝*/

/*forum 최신글 다른부분*/

.recentPostingWrap .forumContent .recentList{
    font-weight: 500;
    line-height: 20px;
    border-bottom: 1px solid #dadada;
    padding: 10px 15px;
}
.recentPostingWrap .forumContent a{
    text-decoration: none;
    display: inline-block;
    max-width: 93%;
    line-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recentPostingWrap .forumContent a{
    color: #000;
}
.recentPostingWrap .forumContent span.comment{
    font-size:12px;
    vertical-align: top;
    color: #1891c3;
}
.recentPostingWrap .forumContent img{
    vertical-align: 3px;
}
/*forum 최신글 다른부분 끝*/


.clear{
    clear: both;
    height:0;
    overflow:hidden;
}

.rightBanner1{
    width: 300px;
    height: 600px;
}
.rightBanner2{
    width: 300px;
    height: 250px;
}

/*index 코인시세*/
.gnbMarketPrice{
    width:300px;
    height:45px;
    background-color: #fff;
    overflow: hidden;
}
.gnbMarketPrice > #globalMarketPriceUl{
    position: relative;
    height:45px;
    font-size:13px;
}
.gnbMarketPrice > #globalMarketPriceUl li{
    height:45px;
    line-height:45px;
    padding-left:10px;
    cursor:pointer;
}
.gnbMarketPrice > #globalMarketPriceUl li img{
    max-width:20px;
    vertical-align:top;
    padding-top:13px;
}
.gnbMarketPrice > #globalMarketPriceUl .globalCoinName{
    padding-left: 3px;
}
.gnbMarketPrice > #globalMarketPriceUl .globalCoinPrice{
    float: right;
    padding-right:10px;
}
/*index 속보*/
.indexBreaking{
    height:300px;
    overflow: auto;
    -ms-overflow-style: none;
    background-color: #Fff;
    border-bottom: 10px solid #fff;
    -ms-overflow-style: none;
    word-break: break-all;
}
.indexBreaking::-webkit-scrollbar {
    display:none;
}
.indexBreaking .title {
    height: 43px;
    line-height: 43px;
    padding-left: 15px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
}

.indexBreaking .title > a:visited{
    color: #1891c3;
}
.indexBreaking .title > a{
    text-decoration: none;
    color: #1891c3;
    font-weight: bold;
    display: block;
}
.indexBreaking .indexBreakingContent{
    height:257px;
    overflow: auto;
    -ms-overflow-style: none;
}
.indexBreaking .indexBreakingContent::-webkit-scrollbar {
    display:none;
}
.indexBreaking .breakingListWrap{
    width:300px;


}
.indexBreaking .breakingListWrap > .breakingDate{
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    color: #354992;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
}
.indexBreaking .breakingListWrap > .breakingList{
    padding:10px 15px;
    border-bottom: 1px solid #f3f3f3;
}
.indexBreaking .breakingListWrap > .breakingList > .breakingInfo{
    overflow: hidden;
    margin-bottom: 3px;
}
.indexBreaking .breakingListWrap > .breakingList .breakingTime{
    width: 100px;
    margin-bottom: 3px;
}
.indexBreaking .breakingListWrap .breakingInfo{
    overflow: hidden;
}
 .indexBreaking .breakingListWrap .breakingInfo div{
    float: left;
}
.indexBreaking .breakingListWrap .breakingInfo div.breakingTime{
    width:  93px;
    margin-bottom: 5px;
}
.indexBreaking .breakingListWrap .breakingInfo div.breakingTime img{
    margin-right: 4px;
    vertical-align: -2px;
}
.indexBreaking .breakingListWrap .breakingInfo .ratingStar{
    overflow: hidden;
    margin-top: -1px;
}
.indexBreaking .breakingListWrap .breakingInfo .ratingStar li{
    float: left;
    width: 12px;
    margin-right: 4px;
}
.indexBreaking .breakingListWrap .breakingContent{
    line-height: 1.4em;
    padding-right: 5px;
}
.indexBreaking .breakingListWrap .breakingContent .breakingText > span {
    font-size: 14px;
    font-weight: 400;
}
.indexBreaking .breakingListWrap .breakingContent .breakingRed {
    color: #e01818;
}
.indexBreaking .breakingListWrap .breakingContent a:visited{
    color: #1891c3;
}
.indexBreaking .breakingListWrap .breakingContent a{
    color: #1891c3;
    font-size: 14px;
    text-decoration: none;
}
.indexBreaking .breakingListWrap .breakingContent .related{
    margin-top:3px;
}






.popularArticle{
    background-color: #fff;
    padding-bottom: 7px;
}
.popularArticleTitle{
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: bold;
    height:44px;
    line-height:44px;
    padding-left:15px;
    box-sizing: border-box;
    border-bottom:1px solid #d0d0d0;
}
.popularCont{
    padding:10px 15px;
    box-sizing: border-box;
}
.popularList{
    overflow: hidden;
    margin-bottom:15px;
}
.popularList:last-child{
    margin-bottom:0;
}
.ranking{
    float: left;
    width:20px;
    height:20px;
    line-height: 19px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-right:13px;
}
.rankingBlue{
    background-color: #2596c5;
}
.rankingGray{
    background-color: #909090;
}
.articleTitle{
    width:233px;
    float: left;
    margin-top: -1px;
}
.articleTitle > a{
    color: #373737;
    text-decoration: none;
    font-weight:400;
    word-wrap:break-word;
    line-height: 1.4em;
    margin-top:-2px;
}
.articleTitle > a:hover{
    text-decoration: underline;
}
.articleTitle > a:visited{
    color: #373737;
}
.articleTitle > a > .comment {
    font-size:12px;
    color: #1891c3;
    vertical-align: 1px;
}

.topBanner{
    width: 728px;
    height: 90px;
    text-align: center;
    margin: 15px auto 0;
}
.cmsBanner {
    max-width: 100%;
    max-height: 100%;
}
/*.cmsBanner img, .cmsBanner iframe, .cmsBanner embed{*/
/*    max-width: 100% !important;*/
/*    max-height: 100% !important;*/
/*}*/


/*--------------index/index---------------*/
#index{
    width:655px;
    float: left;
}

.mainNewsWrap{
    width:655px;
    background-color: #fff;
    padding:15px;
    box-sizing: border-box;
}
.mainNews{
    position: relative;
    width:625px;
    min-height: 50px;
    overflow: hidden;
    text-align: center;
}
.mainNews img{
    max-width:625px;
}
.mainNews .mainNewsOnchain{
    position: absolute;
    top: 10px;
    right: 10px;
}
.mainNews .mainNewsOnchain img{
    background-color: #fff;
    width: 65px;
}
.caption{
    position: absolute;
    width:100%;
    line-height:30px;
    bottom:0;
    background-color:rgba(0,0,0,0.6) ;
    text-align: left;
    padding:10px 20px;
    box-sizing:border-box;
}
.caption > a{
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    width: 585px;
    margin: 0 auto;
}
.caption > a:hover{
    text-decoration: underline;
}
.caption > a:visited{
    color: #fff;
}
.caption > .comment{
    color: #fff;
    font-size: 17px;
    vertical-align: 3px;
}
.subNewsWrap{
    width:625px;
}
.subNewsListWrap{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.subNewsListWrap:last-child{
    margin-bottom:0;
    padding-bottom: 0;
    border-bottom: none;
}
.subNewsListSponsorWrap{
    padding-top: 5px;
    background-color: #eee;
}
.subNewsListSponsorWrap > .subNewsListSponsorTitle{
    text-align:right;
    display:inline-block;
    margin-bottom: .5em;
    margin-top: .5em;
    width:100%;
}
.subNewsListSponsorWrap > .subNewsListSponsorTitle > span{
    margin-right:13px;
    font-size: 11px;
    color:#fff;
    padding:2px 5px;
    background-color: #092f6b;
}
.subNewsListWrap > div{
    float: left;
}
.subNewsLeft{
    /*width: 150px;*/
    /*height: 90px;*/
    width: 70px;
    height: 50px;
    text-align: center;
}
.subNewsLeft > a > img{
    /*max-width :150px;*/
    /*max-height:90px;*/
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
}
.subNewsRight{
    /*padding-top: 3px;*/
    padding-left: 15px;
    box-sizing: border-box;
    width: calc(100% - 70px);
}
.subNewsRight a img{
    margin-left: 5px;
}
.subNewsRight .table{
    display: table;
    height: 50px;
}
.subNewsRight.subNewsRightNopic .table{
    height:auto;
}
.subNewsRight .tableCell{
    display: table-cell;
    vertical-align: middle;
}
.subNewsTitle{
    text-decoration: none;
    color: #373737;
}
.subNewsTitle:visited{
    color: #373737;
}
.subNewsTitle:hover{
    text-decoration: underline;
}
.subNewsTitle > span{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.25em;
}
.subNewsTitle > .comment {
    font-size: 14px;
    color: #1891c3;
    vertical-align: 3px;
    font-weight: 400;
}
/* onchain 공통 css */
.longNews .newsOnchain{
    margin-left: 5px;
    vertical-align: -3px;
}
.shortNews .newsOnchain{
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-left: 5px;
    vertical-align: -1px;
}
.shortNews .newsOnchain1{
    margin-left: 0;
}
.subNewsCont{
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.3em;
}
.subNewsRightNopic{
    width: 625px;
}
.newsSection > div.categoryNews{
    float: left;
    width: 320px;
}
.newsSection > div.categoryNews:first-child{
    margin-right: 15px;
}
.categoryNews > a{
    display: inline-block;
}
.categorySectionTitle{
    display: inline-block;
    width:320px;
    height:45px;
    line-height:45px;
    color: #fff;
    font-size: 16px;
    background-color: #4b96b1;
    padding-left:15px;
    padding-right:15px;
    box-sizing: border-box;
    overflow: hidden;
}
.categorySectionTitle:hover{
    background-color: #4991ab;
}

.categorySectionTitle > img{
    float: right;
    margin-top:13px;
}
.categoryNewsCont{
    width:320px;
    padding:15px;
    box-sizing: border-box;
    background-color: #fff;
}
.longNews{
    height:168px;
}
.longNewsTitle{
    display:block;
    overflow:hidden;
    width:280px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overow: ellipsis;
    font-size: 18px;
    text-decoration: none;
    color: #373737;
    height:20px;
    margin-bottom: 5px;
    font-weight: bold;
}
.longNewsTitle:hover{
    text-decoration: underline;
}
.longNewsTitle:visited {
    color: #373737;
}
.longNewsDate{
    font-weight: bold;
    font-size: 13px;
    color: #939393;
    display: inline-block;
    margin-bottom:5px;
}
.longNewsOnchain{
    margin-left: 5px;
    vertical-align: middle;
}
.longNewsCont > a > img{
    display: inline-block;
    margin:3px 8px 1px 0;
    width: 105px;
    height: 63px;
    vertical-align: top;
    float: left;
}
.picCont{
    line-height: 1.4em;
    color: #5b5b5b;
    font-size: 13px;
}
.noPicCont{
    color: #5b5b5b;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.4em;
}
.sectionBar{
    height:1px;
    background-color: #d0d0d0;
    margin: 15px 0 18px 0;
}
.shortNews{
    overflow: hidden;
    height:63px;
    width: 280px;
}
/*이미지없을때여기수정*/
.shortNewsNopic{
    height: 63px;
}
.shortNewsNopicTitle{
    text-decoration: none;
    display:block;
    overflow:hidden;
}
.shortNewsNopicTitle > span {
    text-decoration: none;
    line-height: 1.25em;
    color: #373737;
    font-weight: bold;
    font-size: 18px;
    display:block;
    overflow:hidden;
    width:280px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overow: ellipsis;
}
.shortNewsNopicTitle > span:visited{
    color: #373737;
}
.shortNewsNopicTitle > span:hover{
    text-decoration: underline;
}
.shortNewsNopicCont{
    display: inline-block;
    margin-top:5px;
    font-size: 14px;
    color: #5b5b5b;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.3em;
}
/*이미지없을때여기수정 끝*/
.shortNews img{
    float: left;
    width:105px;
    height:63px;
    margin-right:10px;
}
.shortNewsTitle{
    text-decoration: none;
    font-weight: bold;
}
.shortNewsTitle:visited{
    color: #373737;
}
.shortNewsTitle:hover{
    text-decoration: underline;
}
.shortNewsTitle > span:last-of-type{
    margin-top: 3px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.3em;
    color: #373737;
    height:3.9em;
}
.shortNewsTitle span:last-of-type.line2{
    height:2.6em;
    -webkit-line-clamp: 2; /* 라인수 */
}
.shortNewsTitle > span:hover{
    text-decoration: underline;
}
.shortNewsTitle :visited{
    color: #5b5b5b;
}
.shortNewsTitle > span:visited{
    color: #5b5b5b;
}

/*--------------index/breaking---------------*/

#breakingListWrap{
    float: left;
    width:655px;
    padding:3px 15px 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
#breakingListWrap > .breakingDate{
    height: 40px;
    line-height: 38px;
    border-bottom:1px solid #f3f3f3;
    box-sizing: border-box;
    color: #354992;
    font-size: 16px;

}
#breakingListWrap > .breakingDate > span{
    font-weight:bold;
}
#breakingListWrap > .breakingDate .logo img{
    vertical-align: -2px;
    margin-left: 10px;
    height:18px;
}
#breakingListWrap > .breakingList{
    overflow: hidden;
    border-bottom:1px solid #f3f3f3;
}
#breakingListWrap > .breakingList > div{
    float: left;
    padding:20px 0;
}
#breakingListWrap > .breakingList > .breakListLeft{
    width: 100px;
    line-height: 1.5em;
}
#breakingListWrap > .breakingList > .breakListLeft > .breakTime{
    margin-bottom: 5px;
}
#breakingListWrap > .breakingList > .breakListLeft > .breakTime img{
    margin-right: 4px;
    vertical-align: -2px;
}
#breakingListWrap > .breakingList > .breakListLeft > .breakImportance ul.ratingStar{
    overflow: hidden;
}
#breakingListWrap > .breakingList > .breakListLeft > .breakImportance ul.ratingStar li{
    float: left;
    width:12px;
    margin-right:4px;
}
#breakingListWrap > .breakingList > .breakListRight{
    width: 525px;
    padding-left:5px;
    box-sizing: border-box;
}
#breakingListWrap > .breakingList > .breakListRight > .breakTitle{
    margin-bottom: 10px;
    line-height: 1.5em;
}
#breakingListWrap > .breakingList > .breakListRight > .breakTitle span{
    font-weight:bold;
    font-size:18px;
}
#breakingListWrap > .breakingList > .breakListRight > .breakTitle > span{
    font-size:14px;
    font-weight:400;
}
#breakingListWrap > .breakingList .breakTitle .breakingRed{
    color: #e01818;
}
#breakingListWrap .breakListRight > a:visited{
    color: #1891c3;
}
#breakingListWrap .breakListRight > a{
    text-decoration: none;
    color: #1891c3;
}
/*-------------section/list--------------*/
.list{
    width:655px;
    float: left;
    background-color: #FFF;
    margin-top: 15px;
    margin-bottom: 30px;
}
.listWrap{
    width:655px;
    padding:15px;
    box-sizing: border-box;
}
.listCategoryWrap{
    height:27px;
    border-bottom:2px solid #9c9c9c;
    overflow: hidden;
}
.listCategoryTitle{
    float: left;
    font-size: 16px;
    color: #354992;
}
.listCategoryCount{
    float: left;
    font-size: 14px;
    color: #7d7d7d;
}

.articleListWrap{
    overflow: hidden;
    border-bottom:1px solid #ebebeb;
}
.articleListWrap > div{
    float: left;
}
.listLeft{
    margin-right:15px;
    width:150px;
    height:90px;
    text-align: center;
}
.listLeft > a > img{
    max-width:150px;
    max-height:90px;
}
.listRight{
    width:460px;
}
.articleCategory{
    margin-bottom:3px;
}
.articleListTitle{
    word-break: break-all;
}
.articleListTitle > a:first-of-type{
    font-size: 18px;
    text-decoration: none;
    color: #373737;
    font-weight: bold;
    line-height: 1.25em;
}
.articleListTitle > a:first-of-type:visited{
    color: #373737;
}
.articleListTitle > a:first-of-type:hover{
    text-decoration: underline;
}
.articleListTitle > a img:last-of-type{
    margin:5px 0 0 5px;
    vertical-align: -2px;
}
.articleListDate{
    color: #939393;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}
.articleListCont{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.3em;
    color: #5b5b5b;
}
.articleListWrap .comment{
    font-weight: 400;
    color: #1891c3;
    vertical-align: 2px;
}
.listRightNoPic{
    width:625px;
}

/*-------------section/view--------------*/
#view{
    background-color: #fff;
    width:655px;
    overflow: hidden;
}
.viewWholeBox{
    width:655px;
}
.viewLocation{
    width: 625px;
    margin: 0 auto;
    height:36px;
    line-height: 30px;
    padding-top:2px;
    box-sizing:border-box;
    border-bottom:2px solid #8d8d8d;
}
.viewLocation a:visited{
    color: #354992;
}
.viewLocation a{
    text-decoration: none;
}
.viewCategory {
    font-size: 16px;
    color: #354992;
    font-weight: 400;
}
.viewContent{
    width: 625px;
    margin: 15px auto 0;
    overflow:hidden;
}
.viewContent .numbering{
    margin-bottom: 15px;
}
.viewContent .numbering img{
    float: left;
    width: 65px;
    margin-right: 10px;
    vertical-align: middle;
}
.viewContent .numbering span{
    float: left;
    width: calc(100% - 75px);
    line-height: 19px;
    vertical-align: middle;
    -ms-word-break:break-all;
    word-break:break-all;
}
.linkCopy{
    cursor: pointer;
}
.linkCopy > input#copyLinkHidden{
    position:absolute;
    top:-9999em;
}
.viewContent .copyAlert{
    display: none;
    position: fixed;
    width: 280px;
    height: 100px;
    top: 35%;
    left: 50%;
    margin-left: -160px;
    z-index: 99999;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-size: 17px;
    border: 2px solid #75b8d4
}
.viewContent .copyAlert img{
    display: block;
    margin:18px auto 10px;
    opacity: 0.7;
}
/* 텔레그램 공유 버틈 깨짐 수정 */
.telegramShareIcon .jssocials-share-link{
    width: 40px;
    height: 40px;
}
.textSize{
    width: 40px;
    /*height: 80px;*/
    background-color:#fff;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    border-top:0;
    margin-top: 158px;
    cursor: pointer;
}

.textSize img {
    width: 25px;
    height: 25px;
    margin-top: 4px;
    margin-left: 8px;
}
#txtZoom{
    height:40px;
    border-bottom: 1px solid #ebebeb;
}
#txtZoom:hover{
    background-color: #f5f5f5;
}
#txtOut{
    height:38px;
    box-sizing: border-box;
}
#txtOut:hover{
    background-color: #f5f5f5;
}
.viewContentArticle{
    width:570px;
    display: block;
    float:right;
}
.viewContentArticle .viewContentVideo iframe{
    width:100%;
    max-height:315px;
    height: 100%;
}
.viewContentArticle > .summary p{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #828282;
    word-break: break-all;
}
.ArticleBigTitle{
    font-weight: bold;
    font-size: 30px;
    line-height: 1.3em;
    word-break: break-all;
}
/*기사본문*/
.viewArticle img{
    max-width: 570px;
    margin: 0 auto;
    display: block;
}
.viewArticle a{
    color: #1919ef;
}

.viewArticle a:visited{
    color: #1919ef;
}
.viewArticle li{
    font-size: 16px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 12px;
}
.viewArticle > p{
    margin:1em 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    min-height: 1.5em;
}
/* 20210412 기사 가운데 배너 추가 */
.viewArticle .middleBannerArea{
    margin: 25px 0;
}
.imgBox {
    position: relative;
    width:100%;
}
.imgBox img{
    max-width: 570px;
    height:auto;
    margin: 0 auto;
}
.imgBoxSlide img{
    max-width: 570px;
    height:auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.viewContentVideo{
    text-align: center;
    width:570px;
    height:329px;
    margin-top:32px;
}
.viewInfoLeft{
    float: left;
}
.viewInfoLeft > div{
    float: left;
}

.viewInfoTime{
    font-size:14px;
    color:#959595;
}

.recommendListArea {
    width:655px;
}

/* 기사 배너 부분 */
.shareBannerWrap{
    position: relative;
    width: 570px;
    float: right;
    height: 145px;
    background-image: url('/assets/images/tokenpost/img/sectionBg.png');
    background-size: cover;
    background-position: center;
}
.shareBannerWrap .btnGetReword{
    position: absolute;
    left: 50%;
    margin-left: -85px;
    bottom: 15px;
    cursor: pointer;
}
.shareBannerWrap .shareLinkArea{
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 15px;
}
.shareBannerWrap .shareLinkArea input{
    border: 1px solid #000000;
    width: 210px;
    height: 24px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    line-height: 24px;
    padding-left: 15px;
    background-color: #fffdee;
}
.shareBannerWrap .shareLinkArea span{
    display: inline-block;
    height: 28px;
    vertical-align: bottom;
    margin-left: -4px;
    cursor: pointer;
    width: 60px;
    background: #000;
    color:#FFF400;
    border-radius: 0 50px 50px 0;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    font-size: 12px;
}
.shareBannerWrap .shareLinkArea span:active{
    background: #000;
    opacity: 0.5;
    font-weight: 700;
    /*opacity: 0.9;*/
}
.shareBannerWrap .toastPopup {
    width: 223px;
    height: 38px;
    background: #4f95d0;
    border-radius: 4px;
    position: absolute;
    top: -35%;
    left: 50%;
    margin-left: -112px;
}
.shareBannerWrap .toastPopup p{
    font-size: 14px;
    color:#fffdee;
    line-height: 38px;
    text-align: center;
}
/* 기사 배너 로그인 팝업 */
#certificationModalWrap .popup,
#loginModalWrap .popup{
    display: inline-block;
}
#certificationModalWrap .modalBg,
#loginModalWrap .modalBg{
    display: block;
}
#loginModalWrap .popup{
    margin-left: -200px;
}
.popupLogin .popupClose{
    margin-bottom: 10px;
}
.popupLogin .popupClose img{
    cursor: pointer;
}
.popupLogin .header{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background-color: #1891c3;
}
.popupLogin .header h1{
    text-align: center;
    color: #ffffff;
}
.popupLogin .loginFormWrap .afterLogin span{
    font-size: 14px;
}
.popupLogin .loginFormWrap,
.popupLogin .login2FactorWrap{
    padding: 20px 40px 40px;
    background-color: #ffffff;
    margin: 0;
}
.popupLogin .login2FactorWrap .otpNotice{
    margin-bottom: 20px;
    text-align: center;
}
.popupLogin .login2FactorWrap .otpNotice .emailGuide{
    color: #cb3c3c;
}
.popupLogin .login2FactorWrap .otpNotice span{
    font-size: 14px;
    line-height: 1.45em;
}
.popupLogin .login2FactorWrap .otpNotice span + span{
    margin-top: 5px;
}

/* 공유 링크 본인인증 팝업 */
#certificationModalWrap .popup{
    margin-left: -150px;
}
.popupCertification{
    margin-top: 165px;
}
.popupCertification .popupClose{
    margin-bottom: 10px;
}
.popupCertification .popupClose img{
    cursor: pointer;
}
.popupCertification .content{
    width: 300px;
    height: 270px;
    background-image: url('/assets/images/tokenpost/img/certificationBg.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.popupCertification .header{
    padding-top: 70px;
}
.popupCertification .header h1{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333333;
}
.popupCertification .certificationWrap{
    text-align: center;
}
.popupCertification .certificationWrap p{
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.35em;
    font-weight: 400;
}
.popupCertification .certificationWrap span{
    display: inline-block;
    width: 170px;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    color: #ffffff;
    background-color: #333333;
}
/*contributor*/
.viewContentArticle .contributorList{
    margin-top: 10px;
}
.viewContentArticle .contributorList + .contributorList{
    margin-top: 10px;
}
.viewContentArticle .contributorThumb{
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    vertical-align: middle;
}
.viewContentArticle .contributorThumb img{
    width: 55px;
    height: 55px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.viewContentArticle .contributeBy{
    display: inline-block;
    width:calc(100% - 70px);
    vertical-align: middle;
}
.viewArticleInfo{
    display: inline-block;
    vertical-align: middle;
}
.viewContributorInfoDetail{
    display: inline-block;
    color: #5f5f5f;
}
.viewContentArticle .contributeBy a{
    text-decoration: none;
}
.viewContentArticle .contributeBy a:visited{
    color: #1891c3;
}
.viewContentArticle .contributeBy span{
    font-weight: 500;
    color: #1891c3;
}
.viewContentArticle .contributeBy p{
    margin-top: 5px;
}

.viewRow{
    position: relative;
    margin:20px 0;
    -webkit-touch-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.viewWriter{
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-weight: 500;
}
.viewWritingInfoNumber{
    position: absolute;
    top: 0;
    right: 0;
    /*position: relative;*/
    /*height:55px;*/
    /*line-height: 55px;*/
    /*width:200px;*/
    /*color: #a7a7a7;*/
}
.viewWritingInfoNumber img{
    vertical-align: middle;
    margin-right:2px;
}
.viewWritingComment{
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
}
.viewLike {
    display: inline-block;
}
.viewWritingSee{

}
/*contributor end*/




.viewArticle{
    width:570px;
    overflow:hidden;
    font-size: 16px;
    line-height: 1.5em;
    word-break: break-all;
}
.viewArticle ol{
    padding-left:28px;
}
.viewArticle ol li{
    list-style-type: decimal;
}
.viewArticle ul{
    padding-left: 28px;
}
.viewArticle li{
    list-style: disc;
}
.viewArticle .subscriptionInArticle{
    width:570px;
    height:44px;
    padding: 8px 0;
    display: inline-block;
    box-sizing: border-box;
    color: #008fc3;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #008fc3;
}
.viewArticle .subscriptionInArticle span{
    float:right;
    margin-right:4px;
    font-size:14px;
    width:80px;
    height:25px;
    line-height:25px;
    text-align: center;
    border-radius: 4px;
}

.viewArticlePhoto {
    margin-top: 15px;
    width: 570px;
}
.viewArticleReporter{
    width:570px;
    margin:20px 0 20px 0;
    color: #959595;

}

.viewCopyright{
    width:570px;
    margin-top:10px;
    margin-bottom: 30px;
    font-size:14px;
    font-weight:bold;

}

.likeBannerBottom {
    border-bottom: 1px solid #dedede;
    padding-bottom: 30px;
    box-sizing: border-box;
}
/*
.likeBannerWrap {
    width: 49%;
    border:1px solid rgba(0, 143, 195, 0.4);
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    float:left;

}*/
.likeBannerWrap {
    width: 100%;
    border:1px solid rgba(0, 143, 195, 0.4);
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    float:left;
    padding: 0 50px 0 50px;
}

.likeBannerWrap .viewLikeBanner {
    padding:20px;
    box-sizing: border-box;
    cursor: pointer;
}

.viewLikeBanner .likeText {
    display: inline-block;

}

.viewLikeBanner .likeText p {
    font-size: 12px;
    color:#4d5256;
    line-height: 1.5;
}

.viewLikeBanner .likeText span{
    font-size: 18px;
    color:#008fc3;
}



.viewLikeBanner .heartNum {
    padding-top: 10px;
    box-sizing: border-box;
}

.viewLikeBanner .heartNum img {
    vertical-align: middle;
}

.likeBg {
    width: 100%;
    text-align: center;
    background: #292a2b;
    line-height: 85px;
    opacity: 0.8;
    display: none;
    position: absolute;
    left: 0;
    top:0;
}


.likeBg p {
    font-size: 17px;
    color:#fff;
}

.likeBg p>img{
    vertical-align: middle;
    margin-bottom: 4px;
}

.likeBannerWrap:hover > .likeBg{
    display: block;

}
.newsLike.greyBanner {
    border: 1px solid #e1e4e6;
}
.likeBannerWrap.greyBanner .likeText p {
    color:#a9afb3;
}
.likeBannerWrap.greyBanner .likeText span {
    color:#a9afb3;
}
.likeBannerWrap.greyBanner .heartNum > span{
    font-weight: 700;
    color:#000;
}

.likeBannerWrap.greyBanner > .likeBg {
    display: none;
}

.likeBannerWrap.donateWrap {
    float: right;
}
.likeBannerWrap.donateWrap .viewLikeBanner{
    padding: 20px 15px;
}

.articleInfo{
    margin-top: 15px;
    text-align: left;
}
.viewReporter{
    margin-bottom:6px;
}
.viewBottom{
    width:570px;
}
.viewBottom ul{
    /*margin-bottom:30px;*/
}
.viewBottom li{
    position: relative;
    width:570px;
    height:30px;
    /*padding:18px 0 18px 0;*/
    box-sizing:border-box;
    padding-left: 15px;
    /*border-bottom: 1px solid #ebebeb;*/
}
.viewBottom li:after{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #1891c3;
}
.viewBottom a{
    color: #373737;
    overflow: visible !important;
    text-decoration: none;
    width: 100%;
    height: 100%;
}
.viewBottom a:visited{
    color: #373737;
}
.viewBottom a:hover{
    text-decoration: underline;
}
.viewBottom span{
    display: inline-block;
    line-height: 30px;
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:16px;
    font-weight:400;

}
.relatedArticle{
    border-top: 2px solid #dedede;
    width:570px;
    height:68px;
    padding:30px 0 18px 0;
    box-sizing:border-box;
    font-size:18px;
    font-weight:bold;
}
/*view*/

.articleImgArea {
    overflow: hidden;
}
.articleImgArea {
    width: 570px;
}
.articleImgArea #imgBoxSlide {
    width: 2432px;
    padding-bottom: 0%;
    overflow: hidden;
    transform: translate3d(-608px, 0px, 0px);
    max-height: 358px;
}
#imgBoxSlide > li{
    position: relative;
    height:358px;
    float: left;
    text-align: center;
}
.imgBoxSlide > li > img {
    max-width: 570px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*max-height: 358px;*/
    margin: auto;
}
.articleImgArea #imgBoxSlide img {
    /*viewpage상단 이미지슬라이드*/
    max-width:570px;
    max-height: 308px;
    margin: 0 auto;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*max-height: 358px;*/
    /*max-width: 400px;*/
    margin: auto;
}
.articleImgArea .imgBox {
    position: relative;
    text-align: center;
    max-width:570px;
    width: 100%;
    margin: 0 auto;
    height:auto;
    overflow: hidden;
}
.articleImgArea .nextImg,
.articleImgArea .prevImg {
    position: absolute;
    top:50%;
    margin-top: -81px;
    width: 33px;
    height: 100px;
    text-align: center;
    z-index: 3;
    background-color: rgba(0,0,0,.3);
    cursor: pointer;
}
.captionWrap {
    position:absolute;
    bottom:0px;
    height:50px;
    line-height:26px;
    box-sizing:border-box;
    padding:14px 15px 10px 15px;
    display:block;
    overflow:hidden;
    width:570px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overow: ellipsis;
    text-align: left;
    background-color:rgba(0,0,0,0.4);
    color:#fff;
    font-size:14px;
    font-weight:400;
}
.captionWrapText{
    text-align: left;
    position:absolute;
    bottom: 0;
    line-height: 1.6em;
    box-sizing:border-box;
    padding:10px 15px 10px 15px;
    display:block;
    overflow:hidden;
    width:570px;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
}
.captionNone{
    display: none;
}
.articleImgArea .nextImg {
    right: 0;
}
.articleContent p img {
    max-width: 100%;
    height: auto;
}
.articleContent p img[alt="The Conversation"] {
    width: 1px;
    height: 1px;
}
.articleContent p > ul li {
    margin-left: 1.5em;
}
.articleContent blockquote {
    margin-left: 1.5em;
}
.pagenation{
    position: relative;
    width:51px;
    height:50px;
    bottom: 50px;
    right:-549px;
    text-align: center;
    z-index: 4;
    color: #fff;
    font-size: 13px;
    font-style: italic;
    background-color:#000;
    opacity:0.5;
    line-height:20px;
    padding:16px 0;
    box-sizing:border-box;
}
.currentSlide{
    width:50px;
    font-size:12px;
    font-weight:bold;
    color: #fff;
    text-align:center;
}
.viewBottom a{
    font-size:16px;
    font-weight:400;
    text-decoration:none;
    color:#121212;
    overflow:hidden;
    display:block;
    height:17px;
}
.viewBottom a:hover{
    text-decoration:underline;
}
.viewBottom li{
    /*border-bottom:1px solid #ebebeb;*/
    overflow:hidden;
}


/*로그인 후 기사보기*/
.articleCover{
    margin-top: 15px;
    background-color: #f4f4f4;
    padding:25px;
    text-align: center;
}
.articleCover p{
    font-size: 16px;
    line-height: 1.5em;
}
.articleCover span{
    font-weight: bold;
    color: #1891c3;
}
.articleCoverBottom{
    margin-top: 20px;
    overflow: hidden;
}
.articleCoverBottom a{
    text-decoration: none;
}
.articleCoverLogin{
    margin-right:20px;
}
.articleCoverLogin span{
    color: #fff;
    font-weight: 500;
    padding:5px 0;
    font-size: 16px;
}
.articleCoverJoin span{
    display: block;
    color: #373737;
    font-weight: 500;
    padding:5px 0;
    background-color: #f9f9f9;
    font-size: 16px;
}
.articleCoverBottom > div{
    float: left;
    width:250px;
    height:36px;
}


/*로그인 후 기사보기 끝*/

.paging{
    width:100%;
    height:27px;
    margin-top:20px;
    margin-bottom:40px;
    text-align:center;
}
.paging.mPag>span{
    cursor: pointer;
    display: inline-block;
    margin-top: 2px;
}

.paging.mPag>span img {
    height: 12px;
    width: 8px;
}

.paging a{
    text-decoration:none;
    color:#a6a6a6;
    margin-left:6px;
}
.paging span{
    margin-left:6px;
}
.owl-next {
    margin-right: -34px;
}
.owl-prev {
    margin-left: 1px;
}
/*로그인 후 댓글 달기*/
.loginCommentWrap{
    float: right;
    overflow: hidden;
    width:570px;
    padding: 25px 0 30px;
    border-top: 1px solid #dedede;
}
.loginCommentImg{
    float: left;
    width: 55px;
}
.loginCommentImg img{
    width:40px;
    height:40px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.loginCommentContent{
    float: left;
    width:515px;
    overflow: hidden;
}
.loginCommentText{
    width: 100%;
    height: 105px;
    padding: 10px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}
.loginCommentBtn{
    /*float: right;*/
    overflow: hidden;
    margin:13px 0;
}
.loginCommentBtn span{
    float: right;
    width:100px;
    padding:8px 0;
}




/*------------------about---------------------*/
.aboutPage{
    width:970px;
    min-height:500px;
    margin:15px auto 0px;
}
.subMenuLeftWrap{
    float: left;
}
.subMenuLeft{
    margin-bottom:15px;
    background-color: #fff;
}
.subMenuTitle{
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #1891c3;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    margin: 0 15px;
}
.subMenuMargin{
    margin-top:30px;
}
.aboutTab > li{
    text-align: center;
    cursor: pointer;
}
.subMenuTab > li > a{
    height:50px;
    line-height:50px;
    font-weight: 500;
    font-size: 16px;
    color: #707070;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width:100%;
}
.subMenuTab > li.aboutTabBtn {
    text-align: center;
    border-left:2px solid #fff;
}
.subMenuTab > li.aboutTabBtn > a:visited{
    color: #707070;
}
.subMenuTab > li.aboutTabBtn:hover{
    background-color: #fafafa;
    border-left:2px solid #fafafa;
}
.subMenuTab > li.aboutTabBtn > a:hover{
    color: #373737;
}
.aboutMenuActive{
    background-color: #fafafa;
    border-left: 2px solid #1891c3 !important;
}
.aboutMenuActive a{
    color: #373737 !important;
}

/*------------------about/index-----------------*/
.aboutRight{
    float: right;
}
#company{
    width: 655px;
    margin:0 auto;
    padding:0 15px 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
.aboutCategory{
    width: 625px;
    height:46px;
    line-height:46px;
    border-bottom: 2px solid #9c9c9c;
    margin-bottom:20px;
    overflow: hidden;
    font-size:16px;
}
.aboutCategory > li{
    float: left;
}
.aboutCategoryTitle{
    color: #354992;
}
.aboutCommonImg{
    width: 625px;
    height:200px;
    margin:20px 0;
}
.aboutCommonImg > img{
    width: 625px;
    height:200px;
}
.companyCont{
    line-height: 1.5;
}
.contBox{
    overflow: hidden;
}
.categoryContLeft{
    width: 313px;
    float: left;
    padding-right: 25px;
    text-align: justify;
    box-sizing: border-box;
}
.categoryContLeft > p{
    font-size: 14px;
    font-weight: 400;
    line-height:1.65em;
    margin-bottom:10px;
    word-break: break-all;
    word-wrap: break-word;
}
.aboutContLogo{
    display: inline-block;
    margin: 16px 0 22px 30px;
}
.aboutContLogo > img{
    width:230px;
    height:auto;
}
.categoryContRight{
    width: 312px;
    float: right;
    padding-left: 12px;
    box-sizing: border-box;
}
.categoryContRight > span{
    font-weight: bold;
    font-size:18px;
}
.companyLogoWrap{
    text-align: center;
    padding-top:30px;
}
.companyLogoWrap li{
    height: 65px;
    margin-bottom:10px;
}
.companyLogoWrap li img{
    display: inline-block;
    width: 180px;
    height: auto;
    vertical-align: middle;
}
.companyInfo{
    line-height: 1.6em;
    width: 300px;
    margin-bottom: 25px;
    padding: 13px 14px;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    background-color: #f4f4f4;
}

/*------------------about/direction-----------------*/
#direction{
    width: 655px;
    padding:0 15px 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
.aboutMap{
    width: 625px;
    height: 200px;
    margin: 20px 0;
}
.mapTable > dl{
    overflow: hidden;
}
.mapTable dt{
    width: 80px;
    float: left;
    font-size: 14px;
    font-weight: bold;
}
.mapTable dd{
    width: 535px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
}
.maps{
    overflow: hidden;
}
.maps > li{
    float: left;
    width:101px;
    height:30px;
    line-height:29px;
    text-align: center;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-right:15px;
    font-size:14px;
    font-weight:400 ;
    cursor: pointer;
}
.maps > li:hover{
    background-color: #f9f9f9;
}
.maps > li > a{
    color: #373737;
    text-decoration: none;
}
/*------------------about/ad-----------------*/
#ad{
    width: 655px;
    padding:0 15px 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
.adImg{
    background-color: #f7f7f7;
    overflow: hidden;
}
.adImgText{
    font-weight: 400;
    font-size: 14px;
    float: right;
    line-height: 1.65em;
    margin-top: 37px;
}
.adContWrap{
    width:520px;
    height:115px;
    margin: 50px auto;
}
.adTableWrap input{
    padding-left:8px;
    box-sizing: border-box;
}
.contactTableWrap input{
    padding-left:8px;
    box-sizing: border-box;
}

.aboutTableWrap input{
    padding-left:8px;
    box-sizing: border-box;
}
.aboutTableWrap table{
    width: 100%;
    table-layout: fixed;
}
.aboutTableWrap table td{
    padding-bottom: 15px;
}
.aboutTableWrap table td.title{
    color: #373737;
    width:75px;
}
.aboutTableWrap table td.contTitle{
    vertical-align: top;
    padding-top: 5px;
}
.aboutTableWrap table td.short{
    width:237px;
}
.aboutTableWrap table td.short input{
    width:225px;
}

.aboutTableWrap table td.short2{
    padding-left:10px;
}
.aboutTableWrap table td.long{
    width:475px;
}
.aboutTableWrap table td.long input{
    width: 547px;
}
.aboutTableWrap table td input{
    height: 35px;
    border: 1px solid #dadada;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.aboutTableWrap table td textarea{
    width:528px;
    height:210px;
    border: 1px solid #dadada;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 4px 8px 8px 8px;
    resize: none;
}


.contactTableWrap .contactTitle{
    padding-left: 17px;
    box-sizing: border-box;
}


.star{
    color: #5957c5;
}
.aboutBottomBox{
    width:200px;
    height:42px;
    margin:0 auto;
}
.aboutBottomBox button{
    font-size: 16px;
}
.ContacImg{
    background-color: #f7f7f7;
    text-align: center;
}
.ContacImg > img{
    width:251px;
    height:153px;
    margin-top: 24px;
}
#contact{
    width: 655px;
    padding:0 15px 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
.contactSelect{
    width:227px;
    height:35px;
    padding-left:7px;
    box-sizing: border-box;
    border:1px solid #dadada;
}

/*------------------about/policy-----------------*/

#aboutPage #policy{
    width: 655px;
    padding:15px;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 1.5em;
}

/*------------------about/recruit-----------------*/
.aboutPage > .recruitWrap{
    float: right;
    width:655px;
    box-sizing: border-box;
    padding:70px 15px 50px;
    background-color: #fff;
}
.aboutPage > .recruitWrap > img{

}
.aboutPage > .recruitWrap > .recruitTitle{
    width: 475px;
    margin:55px auto 60px;
    font-size: 37px;
    line-height: 1.2em;
}
.aboutPage > .recruitWrap > .recruitTitle > span{
    color: #5e6dc5;
    font-weight: bold;
}
.aboutPage > .recruitWrap > .recruitTitle img{
    width:30px;
    height:30px;
}
.aboutPage > .recruitWrap .recruitSubTitle{
    width: 490px;
    margin:0 auto;
    padding:40px 20px 30px;
    box-sizing: border-box;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    font-size:16px;
    font-weight: 500;
}
.aboutPage > .recruitWrap .recruitSubTitle li{
    margin-bottom: 10px;
}
.aboutPage > .recruitWrap .recruitContent{
    padding:0 20px;
    margin:80px auto 0;
    box-sizing: border-box;
}
.aboutPage > .recruitWrap .recruitContent .title{
    font-weight: bold;
    color: #5e6dc5;
    font-size: 18px;
    margin-bottom: 20px;
}
.aboutPage > .recruitWrap .recruitContent .title:before{
    display: inline-block;
    content: '';
    width:18px;
    height: 20px;
    background-image: url("/assets/images/tokenpost/about/icn/icnDot.png") ;
    background-repeat: no-repeat;
    background-position: 3px 8px;
}

.aboutPage > .recruitWrap .recruitContent .content{
    line-height: 1.7em;
    padding-left:20px;
    font-size: 18px;
}
.aboutPage > .recruitWrap .recruitContent .content a{
    color: #0000ef;
}
.aboutPage > .recruitWrap .recruitContent .content a:visited{
    color: #0000ef;
}


/*----------------about end-----------------*/

/*------------------event/list-------------------*/
/*event list*/
.eventList{
    width: 655px;
    box-sizing: border-box;
    float: left;
    background-color: #FFF;
    margin-top: 15px;
    padding:15px;
}
.eventTabBtn{
    overflow: hidden;
    margin-bottom:20px;
    height:45px;
    border-bottom:1px solid #d1d1d1;
}

.eventTabBtn > li{
    float: left;
    width:138px;
    height: 43px;
    line-height: 45px;
    text-align: center;
    color: #868686;
    font-size: 16px;
    cursor: pointer;
}
.eventTabBtn > li:last-child{
    border-right:none;
}
.eventBtnBg{
    border-bottom: 2px solid #908ff6;
    height: 45px;
    color: #373737 !important;
}
.upcoming{
    overflow: hidden;
}
.archive{
    overflow: hidden;
}
.eventArchiveForm{
    width: 100%;
    overflow: hidden;
    margin-bottom:5px;
}
.eventArchiveForm > form{
    float: right;
}
.archiveInput{
    width:180px;
    height:35px;
    box-sizing: border-box;
    border:1px solid #dadada;
    padding-left:8px;
    margin-right: -3px;
    margin-top: -1px;
}
.archiveBtnWrap {
    display: inline-block;
    border: 1px solid #dadada;
    border-left: none;
    box-sizing: border-box;
    height:35px;
}
.archiveBtnWrap:hover{
    background-color: #f6f6f6;
}
.eventUpcomingForm{
    width: 100%;
    overflow: hidden;
    margin-bottom:5px;
}
.eventUpcomingTotal{
    float: left;
}
.eventUpcomingTotal > span{
    color: #7d7d7d;
    font-size: 14px;
    line-height: 35px;
}
.eventUpcomingForm > form{
    float: right;
}
.upcomingInput{
    width:180px;
    height:35px;
    box-sizing: border-box;
    border:1px solid #dadada;
    padding-left:8px;
}




.eventListWrap{
    height:200px;
    padding:15px 0;
    box-sizing: border-box;
    border-bottom:1px solid #dadada;
    overflow: hidden;
}
.eventListWrap > div {
    float: left;
}
.eventListImg{
    position: relative;
    width:170px;
    height:170px;
    margin-right:15px;
}
.eventListImg > a{
    display: inline-block;
}
.eventListImg > a > img{
    width:170px;
    height:170px;
}
.eventListCont{
    width:440px;
    height:170px;
}
.eventTitle{
    text-decoration: none;
    color: #373737;
}
.eventTitle:hover{
    text-decoration:underline ;
}
.eventTitle:visited{
    color: #373737;
}
.eventTitle > span{
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.4em;
    margin-bottom: 14px;
}
.eventContLine{
    overflow: hidden;
    margin-bottom:7px;
}

.eventContLine > li{
    float: left;
    font-size: 16px;
    line-height: 1.4em;
}

.eventContLine > li.listContLeft{
    display: table;
    height:22px;
}
.eventContLine > li div{
    height:22px;
    text-align:justify;
    width:54px;
}
.eventContLine > li div span{
    display:inline-block;
    width:100%;
    height:0em;
}



.listContLeft{
    color: #1b87b3;
    width: 62px;
}
.listContRight{
    width:375px;
}

/*onOffmixRegister*/
.onOffmixRegister{
    width:300px;
    margin:30px auto 0;
}
.onOffmixRegister a{
    text-decoration: none;
}
/*onOffmixRegister 끝*/




/*--------------event/view---------------*/
.eventView{
    width:970px;
}
.archiveEventTextWrap{
    width:610px;
    margin-top:20px;
}
.archiveEventTitle{
    height:35px;
    border-bottom: 2px solid #1891c3;
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 18px;
}
.archiveEventText{
    font-size: 16px;
    line-height: 1.5em;
}
.archiveContentBtnWrap{
    overflow: hidden;
    margin-top:15px;
}
.archiveContBtn{
    float: left;
    width:186px;
    height:49px;
    line-height:49px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    border:1px solid #e8e8e8;
    border-left:none;
}
.archivePhotoBtn{
    border-left:1px solid #e8e8e8;
}
.archiveContBtn:hover{
    background-color: #f7f7f7;
}
.archiveContBtn > a{
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #121212;
}
.archiveContBtn > a:visited{
    color: #121212;
}







/*archive photo*/
.archiveContentFrame{
    padding: 15px 15px 0 15px;
}
.archiveCategoryWrap {
    overflow: hidden;
    height:30px;
    border-bottom:2px solid #9c9c9c;
}
.archiveCategoryTitle{
    float: left;
    color: #198dbd;
    font-weight: bold;
}
.archiveCategoryRight{
    float: right !important;
    font-size: 14px !important;
}
.archiveCategoryRight img {
     margin-bottom: 3px;
     margin-left: 5px;
 }
.archiveContentUl{
    overflow: hidden;
    margin-bottom: 20px;
}
.archiveContentUl > li{
    position: relative;
    float: left;
    width:300px;
    height: 180px;
    margin-right: 20px;
    cursor:pointer;
    text-align: center;
}
.archiveContentUl > li.archiveContentLast{
    margin-right: 0;
}
.archiveContentUl > li img{
    max-width: 300px;
    height: 180px;
}
.archiveContentUl > li .archivePhotoCaption{
    position: absolute;
    width:100%;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,0,0,0.5);
    color: #Fff;
    bottom: 0;
    display: none;
}
.archiveContentUl > li:hover .archivePhotoCaption{
    display: block;
}
.archivePhotoCaption{
    display:block;
    overflow:hidden;
    width:260px;
    padding:0 15px;
    font-size: 16px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overow: ellipsis;
}

/*archive photo end*/

/*archive video*/
.archiveContentUl2{
    overflow: hidden;
    margin-bottom: 20px;
}
.archiveContentUl2 > li{
    position: relative;
    float: left;
    width:300px;
    height: 180px;
    margin-right: 20px;
    cursor: pointer;
}
.archiveContentUl2 > li.archiveContentLast{
    margin-right: 0;
}
.archiveContentUl2 > li img{
    position: absolute;
    width: 300px;
    height: 180px;
}
.archiveVideoList > div > a {
    display: block;
}
.archiveVideoCover{
    position: absolute;
    width:100%;
    top: 0;
    height:180px;
    background-color: rgba(0,0,0,0.5);
}
.videoPlay{
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    position: absolute;
    bottom: 10px;
    right: 15px;
    border-radius: 50%;
    border: 4px solid #fff;
    text-align: center;
    line-height: 35px;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
    opacity:0.8;
}
.archiveThumbnail:hover *{
    opacity: 1;
}
.archiveThumbnail{
    position: relative;
    height:180px;
}
.videoTriangle{
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 25px solid #fff;
    border-left: 23px solid #fff;
    display: inline-block;
    margin-left: 8px;
    margin-top: 12px;
    opacity: 0.8;
}
.embedVideoPreviewArea iframe{
    width: 100%;
    height:100%;
}
.archiveVideoInfo{
    position: relative;
}
.archiveVideoTitle {
    margin-bottom: 3px;
}
.archiveVideoTitle > a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.3em;
    text-decoration: none;
    color: #373737;
    font-weight: bold;
    font-size: 16px;
}
.archiveVideoTitle > a:visited{
    color: #373737;
}
.archiveVideoTitle > a:hover{
    text-decoration: underline;
}
.archiveVideoDate{
    color: #939393;
    font-size: 13px;
}
.archiveContentMore{
    height:65px;
    line-height:65px;
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #e8e8e8;
    background-color: #1891c3;
    color: #fff;
}
.archiveContentMore:hover{
    background-color: #178aba;
    cursor: pointer;
}
.archiveContentMore > img{
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 8px;
}
/*archive video end*/
.toArchiveMenu{
    cursor: pointer;
}


/* archive photo popup*/
.archivePhotoPopupWrap{
    display: none;
    position: fixed;
    left:50%;
    margin-left:-420px;
    top:12%;
    width:840px;
    z-index:999;
}
.archivePhotoPopupClose{
    background-color: #f0f0f0;
    height:45px;
    overflow: hidden;
    padding:15px 15px 0 0;
    box-sizing: border-box;
}
.archivePhotoPopupClose img{
    float: right;
    cursor: pointer;

}
.archivePhotoPopupCont{
    background-color: #FFf;
    padding:30px;
    box-sizing: border-box;
}
.archivePhotoPopupCont > img{
    width:780px;
    height:468px;
    margin-bottom:10px;
}
.archivePhotoText > span{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
}
/* archive photo popup end*/


/* archive video popup*/
.archiveVideoPopupWrap{
    display: none;
    position: fixed;
    left:50%;
    margin-left:-420px;
    top:12%;
    /*width:840px;*/
    z-index:999;
}
.archiveVideoPopupClose{
    background-color: #f0f0f0;
    height:45px;
    overflow: hidden;
    padding:15px 15px 0 0;
    box-sizing: border-box;
}
.archiveVideoPopupClose img{
    float: right;
    cursor: pointer;

}
.archiveVideoPopupCont{
    background-color: #FFf;
    padding:30px;
    box-sizing: border-box;
}


.onoffmixText{
    width:456px;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
    line-height: 1.3em;
    font-size:15px;
    background-color:#f0f0f0;
    margin-top:15px;
}
/*-------------event payment-------------*/

.eventPaymentWrap{
    width:970px;
    box-sizing: border-box;
}
.eventPayment{
    width:970px;
    padding: 15px;
    box-sizing: border-box;
}

.paymentModalBg{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 99;
}
.paymentModal{
    z-index:999;
    display: none;
    /*height:240px;*/
    width: 452px;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    margin-left: -226px;
    top: 50%;
    margin-top: -180px;

}
.modalTop{
    background-color: #f0f0f0;
    height:45px;
    border-bottom:1px solid #e7e7e7;
    padding-top:15px;
    padding-right:15px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.modalTop > img{
    float: right;
    cursor: pointer;
}
.paymentModalContWrap{
    padding: 25px 30px 20px;
    box-sizing: border-box;
    line-height: 1.6em;
}
.eventInfo{
    width:970px;
    padding: 15px;
    padding-bottom:30px;
    box-sizing: border-box;
}
.modalCont1{
    color: #373737;
    display: inline-block;
    font-size: 16px;
    margin-bottom:6px;
}
.modalCont2{
    display: inline-block;
    color: #2184ad;
    font-weight:bold;
    font-size: 16px;
    margin-bottom: 6px;
}
.modalCont3{
    color: #a4a0a0;
    font-weight: 500;
    font-size: 12px;

}

.eventPaymentFrame{
    overflow: hidden;
}
.PaymentInfoLeft{
    width:170px;
    float: left;
}

.eventPaymentLeft {
    position: relative;;
    float: left;
    width: 300px;
}
.eventPaymentRight{
    padding-left:30px;
    width:610px;
    min-height: 325px;
    float: left;
}
.eventPaymentLeft > img{
    width:300px;
    height: 300px;
    margin-bottom:20px ;
}
.paymentRequest{
    display: block;
    padding-bottom:12px;
    border-bottom:1px solid #a2a2a2;
    color: #373737;
    font-weight: bold;
    font-size: 16px;
}
.toArchiveBtn{
    position: relative;
    bottom:0;
    margin-top:15px;
    text-decoration: none;
    display: block;

}
.toArchiveBtn span{
    color: #373737;
}
.toArchiveBtn img{
    margin-right:10px;
}

.toArchiveBtn a:visited{
    color: #373737;
}
.toArchiveBtn span{
    font-weight: 500;
}
.requestInfo > li{
    height:22px;
    line-height:20px;
    margin-top:15px;
}
.requestInfo > li >img{
    margin-right:12px;
    vertical-align: middle;
    margin-top: -3px;
}
.requestInfo span{
    display: inline-block;
    font-size: 16px;
}
.eventBigTitle{
    color: #373737;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    margin-bottom:25px ;
}
.eventDetailInfo{
    overflow: hidden;

}
.eventDetailInfo > li{
    float: left;
    margin-bottom:10px ;
    line-height: 1.4em;
    font-size: 16px;
}
.eventDetailInfo > li:first-child{
    width:58px;
}

.eventDetailInfo li.title01{
    display: table;
    height:22px;
}
.eventDetailInfo li.title01 div{
    height:22px;
    text-align:justify;
    width:45px;
}
.eventDetailInfo li.title01 div span{
    display:inline-block;
    width:100%;
    height:0em;
}

.cont01{
    width:545px;
}
.shortAlarm{
    color: #696969;
}
.paymentBoxWrap{
    position: relative;
    overflow: hidden;
}
.paymentBox{
    margin-top: 60px;
    width:610px;
    border:1px solid #dadada;
    box-sizing: border-box;
    padding:25px;
    overflow: hidden;
}
.paymentBoxUl{
    overflow: hidden;
    height: 35px;
}
.peopleCount{
    width:158px;
    float: left;
    font-size: 16px;
}
.peopleCount input{
    width:48px;
    height: 35px;
    border:1px solid #dadada;
    box-sizing: border-box;
    padding:8px;
    font-size: 16px;
}
.eventEmail{
    font-size: 16px;
    width:324px;
    float: right;
}
.eventEmail input{
    width: 260px;
    height: 35px;
    border:1px solid #dadada;
    padding-left:8px;
    box-sizing: border-box;
}
.eventStar{
    color: #1891c3;
}
.priceWrap{
    font-size: 20px;
    font-weight: 400;
    float: right;
    margin-top:8px;
}
.eventPrice{
    font-size: 20px;
    font-weight: bold;
}


.eventDetailCont{
    width: 820px;
    margin:0 auto;
    overflow: hidden;
}

.eventDetailCont img{
    max-width: 100%;
}

.eventDetailCont > p{
    margin-bottom:15px;
    line-height: 1.5em;
    font-size: 16px;
}
.eventDetailCont li{
    font-size: 16px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 12px;
    list-style: disc;
    margin-left:20px;
    line-height: 1.4em;
}
.alert{
    width:820px;
    padding:20px;
    background-color: #f5f5f5;
    line-height: 1.5em;
    margin-top:15px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.wayMention{
}

.wayMention > img{
    vertical-align:top;
    height:21px;
    margin-right:5px;
}
.wayMention > span{
    vertical-align:top;
    line-height:21px;
}
.eventMap{
    margin:15px 0;
    width:820px;
    height:306px;
}
.eventLocationName{
    display: block;
    margin-bottom:8px;
}
.poster{
    margin:20px 0 50px 0;
}
.toEventList{
    width:99px;
    height:30px;
    line-height:30px;
    text-align: center;
    border: 1px solid #dadada;
    float: right;
    cursor: pointer;
}

.toEventList img{
    margin-right:8px;
}
.toEventList:hover{
    background-color: #f8f8f8;
}
.toEventList > a{
    text-decoration: none;
    color: #373737;
}
.toEventList > a:visited{
    color: #373737;
}

/*결제정보 페이지*/
.paymentInfoWrap{
    width: 970px;
    display: inline-block;
}
.paymentInfoWrap > div{
    overflow: hidden;
    /*padding-bottom:5px;*/
}
.paymentInfo{
    width: 100%;
    padding:15px;
    box-sizing: border-box;
    margin-top:15px;
}
.paymentInfoSummaryWrap{
    overflow: hidden;
    margin-bottom: 25px;
}
.paymentInfoSummaryLeft{
    float:left;
    width:170px;
}
.paymentInfoSummaryLeft > img{
    width:170px;
    height:170px;
}
.paymentInfoSummaryRight{
    float: right;
    width:740px;
}
.paymentResultWrap{

    width: 940px;
    box-sizing: border-box;
}
.payementTable{
    border:1px solid #dadada;
    width:940px;
}
.paymentTableTitle{
    height:35px;
    line-height:35px;
    text-align: left;
    background-color: #f8f8f8;
    border-bottom:1px solid #dadada;
}
.tableLine{
    height:76px;
    line-height:76px;
    border-bottom:1px solid #dadada;
}
.tableLine:last-child{
    border-bottom:none;
}
.tableLine > td{
    font-size: 16px;
}
.tableLine > td:first-child{
    padding-left: 12px;
    box-sizing: border-box;
}
.beforeDiscountPrice{
    color: #7c7c7c;
    font-size: 16px;
    text-decoration: line-through;
}
.paymentTableName{
    padding-left:12px;
    box-sizing: border-box;
    width:500px;
}
.paymentTableMoney{
    width:120px;
}
.paymentTableCount{
    width:100px;
}
.paymentTableTotal{
    width: 250px;
}
.paymentInfoPrice{
    color: #373737;
    font-weight:bold;
    text-align: center;
    height:54px;
    line-height:54px;
    border:1px solid #dadada;
    border-top:none;
}
.paymentEtcInfoWrap{
    /*overflow: hidden;*/
}
.paymentPersonInfo{
    float: left;
    width:555px;
    padding: 15px 15px 25px 15px;
    box-sizing: border-box;
}
.totalPaymentInfo{
    float: right;
    width:400px;
    padding: 15px 15px 20px 15px;
    box-sizing: border-box;
}
.totalPaymentInfo .guide{
    margin: 20px 0;
}
.totalPaymentInfo .guide li{
    margin-top: 5px;
    line-height: 1.2;
}
.totalPaymentInfo .guide li span{
    color: #b1b1b1;
    font-size: 12px;
}
.personInfoMent{
    color: #5957c5;
}
.paymentStar{
    color: #5957c5;
}
.personInfoUl{
    overflow: hidden;
    margin-left:25px;
    margin-top:20px;
    height: 40px;
    line-height: 35px;
}
.personInfoUl > li{
    float: left;
}
.checkEmailNum{
    height:58px;
}
.limitTime{
    display: block;
    margin-top: -5px;
    color: #797979;
}
.personInfoTitle{
    width: 120px;
    font-weight: 500;
}
.personPhoneNum{
    height:35px;
    box-sizing: border-box;
}
.checkMail{
    /*background-color: #efefef;*/
    /*width:103px;*/
    /*height:35px;*/
    /*line-height:33px;*/
    /*border:1px solid #dadada;*/
    /*box-sizing: border-box;*/
    /*cursor: pointer;*/
    /*vertical-align: middle;*/
    /*margin-left:8px;*/
}
.btn05{
    background-color: #efefef;
    width: 103px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 8px;
}
.paymentFormWrap{
    color: #4e4e4e;
}
.paymentUl{
    padding:15px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #d0d0d0;
    height: 53px;
    line-height: 25px;
}
.orderPasswordMention{
    line-height:1.3em;

}
.paymentUl > li{

    font-weight:500 ;
}
.paymentUl [for="card1"]{
    margin-right: 10px;
}
.paymentUl1{
    padding:15px;
}
.paymentUl2{
    border-bottom: none;
}
.paymentUl3{
    /*display: none;*/
    height:205px;
    padding:0 15px 15px 15px;
    border-bottom:none;
}
.paymentUl4{
    border-top:1px solid #dadada;
    border-bottom: none;
    height: 200px;
}
.cancelCont{
    display: block;
    width:100%;
    margin-bottom:15px;
}
.withdrawalInfo{
    position: relative;
    padding-left: 10px;
}
.withdrawalInfo:before{
    content:'';
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 14px;
    background: #1891c3;
}
/*.paymentUl5{*/
/*padding: 30px 25px;*/
/*border-bottom: none;*/
/*overflow: hidden;*/
/*height: 190px;*/
/*}*/
/*.paymentUl5 > li{*/
/*list-style: disc;*/
/*margin-left:15px;*/
/*margin-bottom: 28px;*/
/*line-height: 1.3em;*/
/*}*/
/*.paymentUl5 > li:last-child{*/
/*margin-bottom:none;*/
/*}*/

.paymentUl6{
    overflow: hidden;
}
.paymentUl7{
    border: none;
    margin:10px 15px;
    padding: 0;
    height: auto;
    line-height: 1;
}
.paymentUl7 li{
    display: inline-block;
    vertical-align: middle;
}
.paymentUl7 li:nth-of-type(1){
    width: 85px;
}
.paymentUl7 li:nth-of-type(2){
    width: calc(100% - 89px);
}
.paymentUl7 select{
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    border: 1px solid #8bc8e1;
    color: #333;
}
.paymentUl7 [type="text"]{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    border: 1px solid #d0d0d0;
    color: #959595;
}
.paymentUl7 .btnInquireCertified{
    float: right;
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    text-align: center;
    border: 1px solid #d0d0d0;
    background: #eee;
    color: #1891c3;
    cursor: pointer;
}

/* mypage/news-token-io */
.tpcWithdrawal .newsQuantity input,
.tpcWithdrawal .walletAddr input{
    width: 260px;
}
.tpcWithdrawal .guide{
    margin-bottom: 30px;
    padding:10px 15px 0;
}
.tpcWithdrawal .guide li {
    margin-top:4px;
}
.tpcWithdrawal .guide li span{
    color: #b1b1b1;
    font-size: 12px;
}
.tpcWithdrawal .tpcWithdrawalBottom{
    height:40px;
    text-align: center;
}
.tpcWithdrawalBottom .btnWithdrawal {
    background-color: #1891c3;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.radioLi > li{

}
.radioLi > input{
    margin-top: -3px;
}
.radioLi{
}
.Btn04{
    display: inline-block;
    width:180px;
    height:40px;
    line-height:40px;
    text-align: center;
    border:none;
    cursor: pointer;
}
.paymentBtn{
    background-color: #1891c3;
    color: #fff;
    font-weight: bold;
    font-size: 16px;

}
.paymentBtn:visited{
    color: #373737;
}
.paymentBtn:hover{
    background-color: #1a91bc;
}
.CancelBtn{
    border: 1px solid #dadada;
    font-size: 16px;
    color: #373737;
    font-weight: bold;
}
.CancelBtn:visited{
    color: #373737;
}
.CancelBtn:hover{
    background-color: #f9f9f9;
}
.categoryPaymentWrap{
    height:27px;
    border-bottom:2px solid #9c9c9c;
    overflow: hidden;
}
.height70{
    height:70px;
}
.personInfoPassword{
    overflow: hidden;
    margin-left: 25px;
    height: 40px;
    line-height: 35px;
}
.personInfoPassword > li{
    float: left;
}
.passwordAlarm{
    display: inline-block;
    font-size: 13px;
    color: #5957c5;
}
.deadline{
    display: inline-block;
    margin:8px 0;
}
/*결제완료*/
.paymentConfirm{
    width: 970px;
}
.confirmMention{
    text-align: center;
    margin-bottom:30px;
}
.confirmMention > span{
    display: block;
}
.confirmMention1{
    font-size: 24px;
    font-weight: bold;
    margin-bottom:20px;
}
.confirmMention2{
    font-size: 16px;
    font-weight: 500;
    margin-bottom:10px;
}
.confirmMention3{
    font-size: 16px;
    font-weight: 500;
    margin-bottom:7px;
}
.transactionInfo{
    font-size: 16px;
    font-weight: 500;
    margin-bottom:7px;
}
.paymentFinalTable{
    border:1px solid #dadada;
    width:940px;
    margin-top:8px;
}
.resultTitle{
    background-color: #f8f8f8;
    border-bottom:1px solid #dadada;
    height:35px;
    text-align: left;
}
.resultTitle > th{
    padding-top:9px;
    font-weight: 500;
}
.confirmName{
    width:374px;
    padding-left:9px;
    box-sizing: border-box;
}
.confirmPrice{
    width:140px;
}
.confirmPeople{
    width:94px;
}
.confirmMoney{
    width:165px;
}
.confirmMoneyFinal{
    width:165px;
}
.productPaymentResult{
    border-bottom:1px solid #dadada;
}
.productPaymentResult:last-child{
    border-bottom:none;
}
.productPaymentResult > td{
    vertical-align: middle;
    font-weight: 500;
}
.resultThumbnail{
    font-weight: bold !important;
}
.resultThumbnail img{
    width:85px;
    height:85px;
    vertical-align: middle;
    margin:15px;
}
.beforePrice{
    text-decoration: line-through;
    color: #7c7c7c;
}
.resultfinalPrice1{
    line-height: 1.4em;
}
.buyerInfoWrap{
    margin-top:8px;
}
.buyerInfo{
    overflow: hidden;
    border:1px solid #dadada ;
    border-bottom: none;
}

.buyerInfo{
}
.buyerInfo > li {
    float: left;
    min-height:48px;
    line-height:48px;

}
.buyerInfoEmail{
    border-bottom:1px solid #dadada;
}
.buyerLeft{
    width:198px;
    background-color: #f8f8f8;
    text-align: center;
    border-right:1px solid #dadada;
    font-weight: bold;
}
.buyerRight{
    width:739px;
    padding:0 15px;
    box-sizing: border-box;
}
.buyerInfoLast{
    border-bottom:1px solid #dadada ;
    display: table;
}

.buyerLeftLast{
    display: table-cell;
    width: 198px;
    background-color: #f8f8f8;
    text-align: center;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    font-weight: bold;
    vertical-align: middle;
    height:48px;
}
.buyerRightLast{
    border-right: 1px solid #dadada;
    display: table-cell;
    width: 740px;
    vertical-align: middle;
    height:48px;
    padding:15px;
    box-sizing: border-box;
    line-height: 1.3em;
}
.refundMention{
    width: 920px;
    margin-left: 15px;
    line-height: 1.8em;
}
.refundMention > li{
    list-style: disc;
    font-weight: 500;
}
.refundPolicy{
    color: #7a5cfa;
    cursor: pointer;
    text-decoration: underline;
}
.toList{
    display: inline-block;
    border: 1px solid #dadada;
    width: 180px;
    text-align: center;
    margin: 30px 0 20px 400px;
    font-size: 16px;
}
.toList:hover{
    background-color: #f9f9f9;
}
.toList {
    text-decoration: none;
    color: #373737;
}
.toList:visited{
    color: #373737;
}
.refundPopupWrap{
    position: fixed;
    display: none;
    width:840px;
    height:686px;
    z-index:99999;
    left:50%;
    margin-left:-420px;
    top:50%;
    margin-top:-380px;
}
.refundPopupTop{
    height: 45px;
    background-color: #1891c3;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;

}
.refundPopupTop > img{
    float: right;
    cursor: pointer;
}
.refundPopupCont{
    background-color: #fff;
    height:575px;
    /*overflow-y:scroll ;*/
    overflow: auto;
    padding:15px;
    box-sizing: border-box;
}
.policyTableLine1{
    height:45px;
    line-height:45px;
    border-bottom:1px solid #dadada;
    text-align: left;
}
.policyTableLine2{
    height:45px;
    line-height:45px;
    border-bottom:1px solid #dadada;
}
.policyTableLine3{
    height:65px;
}
.policyTableLine3 > td{
    /*padding-top: 15px;*/
    vertical-align: middle;
}
.noBankAlarm{
    font-weight: 500;
    color: #676767;
}
.refundPopupConfirm{
    height:65px;
    border-top:1px solid #efefef;
}
.refundPolicyClose{
    width:122px;
    height:45px;
    line-height:45px;
    text-align: center;
    background-color: #1891c3;
    color: #fff;
    margin:10px auto;
    cursor: pointer;
    font-size: 16px;
}
.refundPolicyClose:hover{
    background-color: #198dbd;
}
.refundPolicy{

}
.refundPolicyMention{
    line-height: 1.5em;
}
.refundPolicyPopupTable{
    border:1px solid #dadada;
    width:571px;
    box-sizing: border-box;
    margin:10px 0 ;
}
.refundPolicy3{
    margin-left: 15px;
}
/*--------event/emailNumber(이메일인증)--------*/
#emailNumberWrap{
    width:1000px;
    height:636px;
    background-color: #f5f5f5;
    padding:32px 30px;
    box-sizing: border-box;
}
.emailNumberCont{
    text-align: center;
    background-color: #fff;
    margin:25px 0 30px;
    padding:40px 0 64px;
}
.emailCont{
    display: block;
}
.emailCOnt1{
    color: #1891c3;
    font-weight: bold;
    font-size: 40px;
    margin-bottom:40px;
}
.emailCont2{
    font-weight: 500;
    font-size: 18px;
    margin-bottom:30px;
}
.emailCont3{
    background-color: #f5f5f5;
    height:90px;
    line-height:90px;
    margin:0 auto 50px;
    width:150px;
    color: #1891c3;
    box-sizing: border-box;
    font-size: 40px;
    font-weight: bold;
}
.emailNumberFooter{
    overflow: hidden;
    width:676px;
    margin:0 auto;
}
.emailNumberFooterLeft{
    padding-top:5px;
    float: left;
}
.emailNumberFooterRight{
    float: right;
}
.emailNumberFooterRight > p{
    color: #7d7d7d;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4em;
}
/*--------event/emailNumber(이메일인증) end--------*/


/*---------------event/refund--------------*/
.refundWrap{
    padding:15px;
}
.refundTop{
    height: 45px;
    background-color: #1891c3;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.refundWrap > p{
    line-height: 1.5em;
}
.refundTableSection{
    margin-left: 20px;
    margin-bottom:25px;
    line-height: 1.5em;
}
.refundText3 {
    line-height:1.4em;
}
.refundStyle01{
    font-weight: 500;
    color: #676767;
    display: block;
}
/*--------------event/refund end-------------*/





/*newsletter Info*/
.rightContWrap{
    padding:0 15px 15px 15px;
    width: 705px;
    box-sizing: border-box;
    margin:0 auto;
}

.rightContCategory{
    width: 100%;
    height:46px;
    line-height:46px;
    border-bottom: 2px solid #9c9c9c;
    margin-bottom:20px;
    overflow: hidden;
    font-size:16px;
}
.rightContCategory > li{
    float: left;
}
.rightContCategoryTitle{
    color: #354992;
}



.insightListTitleWrap{
    overflow: hidden;
}
.closeAll{
    float: right;
}
.contMainImg{
    width:280px;
}
.contMainImg > img{

    border:1px solid #e9e9e9;
}
.contMainText{
    width:350px;
}
.textList > li{
    list-style: disc;
    width:90%;
    margin-left: 25px;
    margin-top: 8px;
    line-height: 1.5em;
}
.newsletterRequestTitle{
    margin-top:40px;
    color: #5957c5;
}

.newsletterRequestTitle2{
    margin-top:0px;
    color: #5957c5;
}

.newsletterCaution{
    color: #8a8a8a;
}
.newsletterRequestFrame{
    margin-top:20px;
}
.newsletterRequestFrame > ul{
    overflow: hidden;
}
.newsletterRequestFrame > ul > li{
    /*float: left;*/
}
.newsletterFormTitle{
    width:390px;
    /*text-align: center;*/
    height: 25px;
    line-height:25px;
    font-weight: 500;
}
.newsletterFormSubTitle{
    width:390px;
    /*text-align: center;*/
    height: 25px;
    line-height:25px;

}
.newsletterFormCont > input{
    color: #373737;
    height: 35px;
    width:315px;
    box-sizing: border-box;
    border:1px solid #dadada;
}
.newsletterEmailCheck{
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    width:84px;
    height:35px;
    line-height:33px;
    font-weight: bold;
    border: 1px solid #dadada;
    background-color: #fff;
    cursor: pointer;
}
.newsletterEmailCheck:hover{
    background-color: #f9f9f9;
}
.newsletterCheckResult1{
    font-size: 13px;
    color: #1464f6;
}
.newsletterCheckResult2{
    font-size: 13px;
    color: #e61610;
}
.newsletterPolicyTitle{
    margin:30px 0 8px;
}
.newsletterPolicyTitle > img{
    vertical-align: middle;
    margin-right: 2px;
}

.policyTitle{
    margin: 30px 0 15px
}
.policyContent{
    margin: 15px 0
}

/*newsletter checkbox*/
.newsletterRequesFormWrap {position: relative;}
.newsletterRequesFormWrap input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.newsletterRequesFormWrap input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-indent: -23px;
    padding-left:23px;
    line-height: 1.25em;
    font-weight: 400;
    color: #8b8b8b;
    margin-bottom:8px;
}
.newsletterRequesFormWrap input[type="checkbox"] + label:before { /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 16px; /* 체크박스의 너비를 지정 */
    height: 16px; /* 체크박스의 높이를 지정 */
    line-height: 16px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background-image: url("/assets/images/tokenpost/icons/icnCheckBlank.png");
}
.newsletterRequesFormWrap input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.newsletterRequesFormWrap input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
    background-image: url("/assets/images/tokenpost/icons/icnCheck.png");
    text-shadow: 1px 1px #fff;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}
/*newsletter checkbox end*/

.newsletterBottomBox{
    width: 180px;
    height:40px;
    margin:0 auto;
}
.newsletterBottomBox > button{
    font-weight: bold;
}
/*--------------event/viewView------------------*/
.videoView{
    width:655px;
    background-color: #fff;
    float: right;
}
.viewLocation2{
    margin: 0 15px 0;
    height: 48px;
    line-height: 43px;
    padding-top: 2px;
    box-sizing: border-box;
    border-bottom: 2px solid #8d8d8d;
}
.viewCategory2{
    font-size: 16px;
    color: #198dbd;
    font-weight: bold;
}
/*--------------event/viewView end-----------------*/






/*newsletter Info end*/










/*report request*/
.reportRequestLine{
    overflow: hidden;
}
.reportRequestLine > li{
    float: left;
}
.rightContBigTitle{
    font-size: 18px;
    margin-bottom: 25px;
}


.reportGuideBox{
    border:2px solid #1891c3;
    padding:28px;
    text-align: center;
    font-size: 16px;
}
.reportGuideBox > div{
    height:2px;
    width:40px;
    margin:20px auto;
    background-color: #1891c3;
}
.reportGuideBox > p{
    line-height: 1.5em;
    color: #595959;
}
.reportGuideBox > span > span{
    font-weight: bold;
}
.reportGuideBox > span:last-child{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #8a8a8a;
    margin-top: 20px;
}
.reportGuideBox2{
    background-color: #f6f6f6;
    color: #656565;
    font-weight: 500;
    line-height: 2em;
    padding:15px 18px;
    margin:10px 0 15px;
}






.rightContTitle{
    margin-bottom: 5px;
}
.contMainFrameWrap{
    margin-top: 10px;
    padding:15px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}
.reportMainTop{
    overflow: hidden;
    margin-bottom: 20px;
}
.reportMainImg > img{
    width: 212px;
    height: 146px;
    border:1px solid #e9e9e9;
    box-sizing: border-box;

}
.insightSampleBox{
    overflow: hidden;
    margin-top:10px;
}
.insightSampleBox a{
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.reportMainText{
    width: 416px;
}
.reportInfoTextWrap{
    overflow: hidden;
}
.reportInfoTextWrap > li{
    float: left;
    font-size: 16px;
    font-weight: 500;
}
.reportInfoTitle{
    color: #6e6e6e;
    width:75px;
}
.reportInfoTable{
    border: 1px solid #dadada;
    margin-bottom:8px;
}
.reportInfoTable tr{
    height:48px;
    line-height:48px;
    text-align: center;
}
.reportInfoTh{
    background-color:#f8f8f8;
    border-bottom:1px solid #dadada;
    font-weight: bold;
    font-size: 16px;
}
.reportInfoTh1{
    width: 198px;
    border-right: 1px solid #dadada;
}
.reportInfoTh2{
    width:112px;
    border-right: 1px solid #dadada;
}
.reportInfoTh3{
    width:326px;
}
.reportInfoTd{
    font-size: 16px;
    font-weight: 500;
}
.reportInfoTd1{
    border-right:1px solid #dadada;
}
.reportInfoTd2{
    border-right:1px solid #dadada;
}
.reportTableSmallFont{
    color: #5964f6;
    vertical-align: super;
    font-size: 12px;
}
.reportSmallFont{
    margin-bottom: 5px;
}
.subscriberLogo{
    overflow: hidden;
    height: 80px;
    line-height: 80px;
}
.subscriberLogo > li{
    float:left;
    width:33.333%;
    text-align: center;

}
.subscribeTitle{
    display: block;
    margin-bottom:8px;
}
.reportProcess{
    margin-bottom: 10px;
}
.reportRequest{
    overflow: hidden;
}
.reportRequestLine{
    float: left;
    width:50%
}
.reportRequestCont > input{
    width: 240px;
    height:35px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    padding-left: 8px;
}
.reportRequestTitle{
    width: 95px;
    text-align: center;
    height:35px;
    line-height:35px;
}
.reportRequestLine2{
    overflow: hidden;

}
.reportRequestLine2 > li{
    float:left;
}
.reportRequestLine2 textarea{
    width: 580px;
    height:177px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    padding-top:8px;
    padding-left:8px;
}
.reportRequestLine3{
    overflow: hidden;

}
.reportRequestLine3 > li{
    float: left;
}
.reportRequestLine3 button{
    width:58px;
    height: 35px;
    line-height: 33px;
    text-align:center;
    border:1px solid #dadada;
    box-sizing: border-box;
    margin-left: 8px;
    background-color:#fff;
    font-weight:bold;
    cursor: pointer;
    margin-right: 8px;
}
.reportRequestLine3 button:hover{
    background-color: #f9f9f9;
}
.reportRequestLine3 > span{
    line-height:35px;
    font-size: 13px;
}
.reportInfoScrollTitle{
    margin-top: 30px;
}

.reportInfoScrollTitle > img{
    vertical-align: middle;
}
.confirmScroll{
    width:675px;
    height:207px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    padding:15px 0 15px 15px;
    color: #828282;
    line-height: 1.6em;
    margin-bottom: 8px;
    overflow: hidden;
}

/*report info checkbox*/
.reportRequestFromWrap {position: relative;}
.reportRequestFromWrap input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
.reportRequestFromWrap input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-indent: -23px;
    padding-left:23px;
    line-height: 1.25em;
    font-weight: 400;
    color: #8b8b8b;
    margin-bottom:8px;
}
.reportRequestFromWrap input[type="checkbox"] + label:before { /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 16px; /* 체크박스의 너비를 지정 */
    height: 16px; /* 체크박스의 높이를 지정 */
    line-height: 16px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background-image: url("/assets/images/tokenpost/icons/icnCheckBlank.png");
}
.reportRequestFromWrap input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.reportRequestFromWrap input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
    background-image: url("/assets/images/tokenpost/icons/icnCheck.png");
    text-shadow: 1px 1px #fff;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}
/*report info checkbox end*/
.reportBottomBox{
    width: 180px;
    height: 40px;
    margin:0 auto;
}
.reportBottomBox > button{
    font-weight: bold;
}
.reportRequestBtn:hover{
    background-color: #1a91bc;
}
/*report request end*/

/*report list*/
.lastBlockchainTitle{
    height:45px;
    line-height:45px;
    background-color: #f7f7f7;
    text-align: center;
    color: #364d58;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.lastBlockchainCont{
    display: none;
    border-top: 1px solid #e9e9e9;
    padding:10px;
    box-sizing: border-box;
    line-height: 1.7em;
    color: #4d4d4d;
}
.firstCont{
    display: block;
}
.lastReportWrap{
    margin-top:10px;

}
.lastReport{
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-bottom:none;
}
.lastBlockchainTitle{
    overflow: hidden;
    padding:0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.insightListTitle{
    float: left;
    font-weight: bold;
}
.insightListTitle > img{
    margin-left:5px;
}
.insightListDate{
    float: right;
    font-size: 14px;
    font-weight: 500;
}

.listMore{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.listMore2{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.insightUpdateIcon{
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    background-color: #f97141;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
    vertical-align: 2px;
}
/*report list end*/

/*report payment*/
.reportRequestInfo{
    overflow: hidden;
}
.reportRequestInfoLine {
    overflow: hidden;
}
.requestInfomation{
    float: left;
    overflow: hidden;
}
.requestInfomation > li{
    float: left

}
.requestInfoMail{
    height:60px;
    width: 428px;
}
.requestInfoName{

}
.requestInfoTitle{
    width:95px;
    line-height: 35px;
    text-align: center;
}
.requestInfoName input{
    width: 150px !important;
}
.requestInfoInput > input{
    width:240px;
    height: 35px;
    line-height: 35px;
    padding-left: 8px;
    box-sizing: border-box;
    border:1px solid #dadada;
}
.subTitle{
    color: #1891c3;
    font-weight: bold;
    font-size: 14px;
    border-bottom:2px solid #1891c3;
    padding-bottom:10px;
    margin-top:20px;
}
.btn08{
    display: inline-block;
    border:1px solid #dadada;
    padding: 9px 14px;
    font-weight: 500;
    cursor: pointer;
}
.btn08:hover{
    background-color: #f9f9f9;
}
.requestMailChecking{
    margin-left: 11px;
}
.checkingResult{
    margin-left:95px;
    margin-top:3px;
}
.checkingResult > span{
    font-size: 13px;
}
.reportPaymentLine{
    overflow: hidden;
}
.reportPaymentLine > li{
    float: left;

}
.reportPaymentLine > li:first-child{
    width: 93px;
    text-align: center;
}
.reportPaymentLine > li:last-child{
    width: 580px;
    color: #5957c5;
    font-size: 13px;
    line-height: 1.4em;
    float: right;
}

.subscriptionAddition{
    overflow: hidden;
}
#requestSection > li{
    float:left;
}
#requestSection textarea{
    width:574px;
    height:177px;
    border:1px solid #dadada;
}
.additionFrame{
    overflow: hidden;
}
.additionBtnWrap{
    float: left;
    width:105px;
}
.additionContWrap{
    position: relative;
    width:568px;
    float: right;
    overflow: hidden;
    border: 1px solid #dadada;
}
.additionNum {
    position: relative;
    width:25px;
    height:25px;
    line-height:25px;
    text-align: center;
    color: #fff;
    background-color: #228899;
}
.btn09{
    display: inline-block;
    padding:10px 29px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.btnAddMember{
    background-color: #1891c3;
    color: #fff;
    box-sizing: border-box;
    width:580px;
}
.btnAddMember:hover{
    background-color: #1688b7;
}
.additionMinus{
    background-color: #fff;
    color: #c82d2d;
    border: 1px solid #dadada;
    box-sizing: border-box;
}
.additionMinus:hover{
    background-color: #f9f9f9;

}
.additionContLine{
    overflow: hidden;
    margin-left: 55px;
}
.additionContLine > li{
    float: left;
}
.paymentInfoUl > li{
    float: left;

}
.paymentInfoUl > li:first-child{
    width:100px;
    height:55px;
    color: #4e4e4e;
    font-size: 14px;
    font-weight: 500;
}
.paymentInfoUl1, .paymentInfoUl4{
    border-bottom:1px solid #dadada;
}
.paymentInfoUl1{
    line-height: 55px;
}
.paymentInfoUl2{
    line-height: 55px;
}
.paymentInfoUl3{
    line-height: 1.3em;
    display: block;
}
.paymentInfoUl3 > li:first-child{
    color: #696969;
}
.paymentInfoUl4{
    border-top:1px solid #dadada;
    line-height: 55px;
}
.paymentInfoUl5{
    height:55px;
    padding-top:15px;
    box-sizing: border-box;
}
.paymentInfoUl5 > li{
    list-style: disc;
    margin-left: 35px;
    line-height: 1.3em;
    font-size: 15px;
    font-weight: 500;
}
.paymentInfoUl5 a{
    color: #5964f6;
}
.paymentInfoUl5 a:visited{
    color: #5964f6;
}
.paymentInfoUl{
    overflow: hidden;
}
.paymentModalWrap{
    position: fixed;
    display: none;
    width:625px;
    left:50%;
    top:50%;
    margin-left: -312px;
    margin-top: -370px;
    z-index:999999;
}
.modalCont{
    padding:25px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}
.subscriberInfo{
    font-size: 16px;
    font-weight: bold;
    margin-bottom:10px;
}
.subscriberInfoTable {
    overflow: hidden;
}
.subscriberInfoTable > div{
    float: left;
    width:287px;
}
.subscriberInfoTable dl{
    overflow: hidden;
}
/*.subscriberInfoTable dl:after {*/
/*clear:both;*/
/*content:'';*/
/*display:block;*/
/*}*/
.subscriberInfoTable dt{
    width:77px;
    color: #585858;
    font-weight: 400;
    float: left;
    clear:both;
    margin-bottom:10px;
}
.subscriberInfoTable dd{
    width:200px;
    color: #373737;
    font-weight: bold;
    float: left;
    /*margin-left: 77px;*/
}
.addedList{
    color: #585858;
    font-weight: 400;
    font-size: 14px;
    margin:12px 0;
}
.addedSubscriberTable{

}
.addedSubscriberTableTitle{

    background-color: #f9f9f9;
    height: 35px;
    line-height: 35px;

}
.addedSubscriberTableTitle > th{
    color: #585858;
    font-weight: bold;
    border-top:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
}
.addedSubscriberTableTitle > th, td{
    border-right:1px dotted #bfbfbf;

}
.addedSubscriberTableTitle > th:last-child, td:last-child{
    border-right:none;
}
.addedSubscriberTr > td{
    height:34px;
    line-height: 1.3em;
    text-align: center;
    border-bottom:1px solid #bfbfbf;
    border-right:1px dotted #bfbfbf;
    font-weight: bold;
    word-break: break-all;
    padding:5px;
}
.addedSubscriberTr > td:last-child{
    border-right: none;
}
.addedTableName{
    width:80px;
}
.addedTableMail{
    width:173px;
}

.addedTablePhone{
    width:112px;
}

.addedTableRank{
    width:112px;
}

.addedTablePosition{
    width:93px;
}
.paymentModalInfoWrap{
    margin-top: 20px;
}
.paymentModalInfoWrap > dl{
    overflow: hidden;
}
.paymentModalInfoWrap dt{
    width:120px;
    float: left;
    clear: both;
}
.paymentModalInfoWrap dd{
    width:450px;
    float: left;
}
.paymentModalInfoWrap dd{
    font-weight: bold;
}
.subscriberModalMention > span{
    color: #5e8dd7;
}
.subscriberModalBtn {
    width:280px;
    margin:0 auto;
    overflow: hidden;
    float: left;
    cursor: pointer;
    margin-left: 155px;
}
.subscriberModalBtn > div{
    float: right;
    cursor: pointer;
}
.subscriberModalBtn a{
    text-decoration: none;
}
.btn10{
    padding:10px 40px;
    border: 1px solid #5e8dd7;
    background-color: #5e8dd7;
}
.btn10:hover{
    background-color: #1a91bc;
}
.reportPaymentModalBtn{
    color: #fff;
    font-size: 16px;
    width:130px;
}
.btn11{
    padding:10px 40px;
    border: 1px solid #dadada;

}
.btn11 span{
    font-weight: 500;
    color: #373737;

    font-size: 16px;
}
.btn11:hover{
    background-color: #f9f9f9;
}
/*report payment end*/
.registerCheckSection1{
    text-align: center;
}
.registerCheckSection1 > img{
    display: block;
    width:431px;
    height:56px;
    margin:0 auto;
    margin-bottom:25px;
}
.registerCheckTitle{
    color: #373737;
    font-size: 24px;
    font-weight: bold;
    margin-bottom:15px;
}
.registerCheckText > span{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
}
.registerCheckNum{
    display: inline-block;
    padding:10px 20px;
    background-color: #f5f5f5;
    margin-top:15px;
    margin-bottom:25px;
}

.registerCheckNum > span{
    color: #1891c3;
    font-size: 20px;
    font-weight: bold;
}
.registerTable1{
    margin-top:20px;
    border-top:2px solid #1891c3;
}
.registerTable1 th{
    border-bottom:1px solid #bfbfbf;
    height:43px;
    line-height:43px;
    background-color: #f9f9f9;
    font-weight: bold;
}
.registerTable1 td{
    border-bottom:1px solid #bfbfbf;
    padding:20px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.registerTable2{
    margin-top:20px;
    border-top:2px solid #1891c3;
}
.tableTr{
    height:43px;
    line-height:43px;
}
.tableTr > th{
    width:145px;
    font-size: 15px;
    font-weight: 500;
    background-color: #f9f9f9;
    border-bottom: 1px solid #bfbfbf;
}
.tableTr > td{
    width:213px;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #bfbfbf;
}
.tableTr3{
    height:43px;
    line-height:43px;
}

.tableTr3 > th{
    width:145px;
    font-size: 15px;
    font-weight: 500;
    background-color: #f9f9f9;
    border-bottom: 1px solid #bfbfbf;
}
.tableTr3 > td{
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #bfbfbf;
}
.tableTr4 > th{
    background-color: #f9f9f9;
    font-size: 15px;
    font-weight: 500;
    border-bottom:1px solid #bfbfbf;
    vertical-align: middle;
}
.subTable{
    /*width:529px;*/
}
.subTable th{
    height:43px;
    line-height:43px;
    background-color: #f9f9f9;
    font-weight: 500;
    font-size: 15px;
    border-bottom:1px solid #bfbfbf;
}
.subTableTr td{
    text-align: center;
    padding:15px;
    border-bottom:1px solid #bfbfbf;
    word-break: break-all;
    height:43px;
}
.registerSectionDl{
    border-top: 2px solid #1891c3;
    margin-top:20px;
}
.registerSectionDl dt{
    float: left;
    clear: both;
    width:105px;
    padding:10px 8px;
    box-sizing: border-box;
    line-height: 1.5em;
    color: #4e4e4e;
    font-weight: bold;
}

.registerSectionDl dd{
    width:570px;
    float: left;
    line-height: 1.5em;
    font-weight: bold;
    padding:10px 8px;
    box-sizing: border-box;
}
.checkSectionSubTitle{
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
    padding:20px 0;
    color: #4e4e4e;
    font-weight: 500;
}
.registerCheckSection5 > ul{
    padding-top:20px;
}
.registerCheckSection5 > ul > li{
    list-style: disc;
    margin-left:35px;
    color: #373737;
    font-size: 15px;
    line-height: 1.3em;
    font-weight:500;
    margin-bottom:5px;
}
.registerCheckSection5 a{
    color: #5964f6;
}
.registerCheckSection5 a:visited{
    color: #5964f6;
}

.registerCheckSection6{
    padding-top:50px;
    padding-bottom:20px;
    text-align: center;
}
/*newsletterBottomBanner*/
.newsletterBottomBannerWrap{
    position: fixed;
    bottom:-60px;
    width:100%;
    height:60px;
    background-color: #152324;
    z-index: 9999;
}
.newsletterBottomBanner{
    width:970px;
    height:60px;
    margin:0 auto;
    overflow: hidden;
    padding-left:300px;
}
.newsletterBottomBanner > div{
    float: left;
    height:60px;
}
.newsletterBannerSection1{
    width:420px;
}
.sectionTop{
    height:40px;
    color: #fff;
    font-size: 24px;
    padding:8px 0 0 0px;
    box-sizing: border-box;
}
.sectionTop input{
    color: #b3b3b3;
}
.sectionBottom{
    padding:0px 0 0 0px;
    font-size: 13px;
}
.sectionTop > a{
    text-decoration: none;
    color: #fa5c36;
    font-weight: bold;
    font-size: 25px;
}
.newsletterBannerSection2{
    width:160px;
    padding:10px 0 0 20px;
    box-sizing: border-box;
}
.newsletterBottomInput{
    width:300px;
    height:40px;
    box-sizing: border-box;
    border:none;
    padding-left:8px;
}
.newsletterBottomBtn{
    width:100px;
    height:40px;
    background-color: #fa5c36;
    border:none;
    border-radius: 6px;
    color: #fff;
    font-size:14px;
    font-weight: 500;
    margin-left:10px;
    vertical-align: middle;
    cursor: pointer;
}
.newsletterBannerSection3{
    /*float: right !important;*/
}
.newsletterBannerSection3 img{
    margin-top:15px;
    width:30px;
    height:30px;
    cursor: pointer;
}
/*newsletterBottomBanner end*/


/*eventResult*/
.eventResultWrap{
    width:655px;
    float: left;
    overflow: hidden;
}
.eventResultWrap img{
    float: right;
}
/*eventResult end*/


/*event videoView*/
#videoViewWrap{
    overflow: hidden;
    }
.relatedVideoTitle{
    padding-left:15px;
    border-bottom:1px solid #d0d0d0;
}
.relatedVideoTitle > span{
    font-size: 16px;
    font-weight: 500;
    line-height:44px;
}
.relatedVideoList{
    padding:0 15px;
    box-sizing: border-box;
}

.relatedVideoList > li{
    padding:15px 0;
    overflow: hidden;
    border-bottom:1px solid #d0d0d0;
}
.relatedVideoList > li:last-child{
    border-bottom:none;
}
.videoThumbNail{
    width:110px;
    margin-right:8px;
}
.videoThumbNail img{
    max-width:110px;
    max-height:78px;
    background-color: yellow;
}
.videoListTitle{
    width:152px;

}
.videoListTitle > a{
    text-decoration: none;
    color: #373737;
    background-color: yellow;

}
.videoListTitle > a:visited{
    color: #373737;
}
.videoListTitle > a > span{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    display: block;
}

/*---------------------info/index----------------------*/
/*
scrollList ->지식백과,tpc페이지에 적용된 공통부분
*/
.scrollListWrap{
    width:655px;
    float: left;
    margin-top: 15px;
    margin-bottom: 30px;
}
.scrollListWrap > .guideWrap{
    padding: 30px 15px;
    box-sizing: border-box;
    background-color: #fff;
}


.scrollListWrap > .guideWrap .guideTitle{
    width:390px;
    font-size:20px;
    font-weight:bold;
    margin-bottom: 25px;
}
.scrollListWrap > .guideWrap .guideText{
    width:390px;
    line-height: 1.4em;
}
.scrollListWrap > .guideWrap .guideText span{
    font-weight:bold;
}






.scrollListWrap > .scrollMenuWrap{
    padding:15px 0;
}


.scrollListWrap > .scrollMenuWrap li{
    float: left;
    width: 160px;
    height:75px;
    border:1px solid #1891c3;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    font-size:18px;
    font-weight:bold;
    color: #1891c3;
    cursor: pointer;
    margin-right: 5px;
}
.scrollListWrap > .scrollMenuWrap li:nth-child(3){
    line-height: 76px;
}

.scrollListWrap > .scrollMenuWrap li:nth-child(3) img{
    vertical-align: -12px;
}
.scrollListWrap > .scrollMenuWrap li:last-of-type{
    margin-right: 0;
}

.scrollListWrap > .scrollMenuWrap li a:visited{
    color: #1891c3;
}
.scrollListWrap > .scrollMenuWrap li a{
    display: block;
    text-decoration: none;
    color: #1891c3;
}
.scrollListWrap > .scrollMenuWrap li img{
    vertical-align: -15px;
    margin: 14px 6px 0 0;
}
.scrollListWrap > .scrollListContentWrap{
    background-color: #fff;
    padding:0px 15px;
}
.scrollListWrap > .scrollListContentWrap .content{
    padding-bottom: 15px;
}
.scrollListWrap > .scrollListContentWrap .contentTitle{
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 8px;
    border-bottom: 2px solid #1891c3;
    margin-bottom: 5px;
}
.scrollListWrap > .scrollListContentWrap .scrollList:last-child{
    border:0px;
}
.scrollListWrap > .scrollListContentWrap .scrollList{
    overflow: hidden;
    padding:12px 0 15px;
    border-bottom:1px solid #ebebeb;
}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListImg{
    width:150px;
    height:90px;
    float: left;
    margin-right:10px;
}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListImg > a{
    display: block;
}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListImg img{
    width:150px;
    height:90px;
}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListText{
    float: left;
    width:450px;
}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListText .title{
    font-weight:bold;

}

/*infn/index배경*/
#info > .scrollListWrap > .guideWrap{
    background-image: url("/assets/images/tokenpost/info/img/imgKnowledgeMain.svg");
    background-repeat: no-repeat;
    background-position: 412px 20px;
}

#info > .scrollListWrap .scrollListText a{
    margin-bottom: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.4em;
    max-height: 2.8em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight:bold;
    color: #000;
    text-decoration: none;
}
#info > .scrollListWrap .scrollListText a:visited{
    color: #000;
}
#info > .scrollListWrap .scrollListText a:hover{
    text-decoration: underline;
}
#info > .scrollListWrap .scrollListText span{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.5em;
    max-height: 3em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*------------------contributors/index--------------------*/
#contributors{
    float: left;
    box-sizing: border-box;
    padding:15px;
    background-color: #fff;
}
#contributorsList > .contributorNav {
    display: inline-block;
    margin-bottom: 15px;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
}
#contributorsList > .contributorNav > a{
    display: inline-block;
    padding: 8px;
    margin-left: -3px;
    border-right:1px solid #ebebeb;
    color: #a6a6a6;
    text-decoration: none;
}
#contributorsList > .contributorNav > a:first-child{
    border-left:1px solid #ebebeb;
    margin-left: 0px;
}
#contributorsList > .contributorNav > a.curr{
    background-color: #f8f8f8;
}
#contributorsList > .contributorNav > a:visited{
    color: #a6a6a6;
}
#contributorsList > .contributorList{
    width: 100%;
    overflow: hidden;
    padding-top: 15px;
    border-bottom: 1px solid #d1d6da
}
#contributorsList > .contributorList > .contributorImg{
    float: left;
    width: 90px;
    margin-right: 15px;
}
#contributorsList > .contributorList > .contributorImg > img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
#contributorsList > .contributorList > .contributorDescribe{
    float: left;
    width: 520px;
    line-height: 1.3em;
}
#contributorsList > .contributorList > .contributorDescribe > h2{
    font-size: 22px;
    line-height: 1.7em;
}
#contributorsList > .contributorList > .contributorDescribe > h2 > a{
    color: #1891c3;
    text-decoration: none;
}
#contributorsList > .contributorList > .contributorDescribe > h2 > a:visited{
    color: #1891c3;
}
#contributorsList > .contributorList > .contributorDescribe > h2 > a:hover{
    text-decoration: underline;
}
#contributorsList > .contributorList > .contributorDescribe .less {
    height: 40px;
    overflow: hidden;
}
#contributorsList > .contributorList > .contributorDescribe p {
    margin: 1em 0;
    line-height: 1.4;
}
#contributorsList > .contributorList > .contributorDescribe .btnLess img{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#contributorsList > .contributorList p.less {
    height: 40px;
    overflow: hidden;
}
#contributorsList > .contributorList > .contributorDescribe div.realend {
    float: right;
    position: relative;
    width: 80px;
    background: #fff;
    /*padding: 0 2px;*/
    text-align: right;
    top: -21px;
    left: -5px;
    /*padding-right: 5px;*/
}
#contributorsList > .contributorList > .contributorDescribe span.btnMoreLess {
    color: #1891c3;
    cursor: pointer;
}
#contributorsList > .contributorList > .contributorDescribe p.btnLess {
    display: none;
    margin-bottom: 15px;
    text-align: right;
}
#contributorsList > .contributorList > .contributorDescribe p {
    margin: 1em 0 0 0 ;
    line-height: 1.4;
}
/*contributor writer profile(article/list)*/
.contributorWriterWrap{
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}
.contributorWriterWrap > div{
    float: left;
}
.contributorWriterWrap > .contributorWriterImg{
    width:90px;
    height:90px;
    margin-right:15px;
}
.contributorWriterWrap > .contributorWriterImg > img{
    width:90px;
    height:90px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.contributorWriterWrap > .contributorWriterInfo{
    width:520px;
}
.contributorWriterWrap > .contributorWriterInfo .contributorName{

}
.contributorWriterWrap > .contributorWriterInfo .contributorName a{
    text-decoration: none;
    color: #1891c3;
    font-size:20px;
    font-weight:bold;
}
.contributorWriterWrap > .contributorWriterInfo .contributorName a:visited{
    color: #1891c3;
}
.contributorWriterWrap > .contributorWriterInfo > .contributorText{
    margin-top:15px;
    line-height: 1.3em;
}
/*-------------------market/index---------------------*/
#market{
    display: inline-block;
}
.directionUp{
    color: #32b419;
}
.directionDown{
    color: #b41919;
}
#marketList{
    width:970px;
    /*padding-top:15px;*/
}
#marketList .marketTabWrap{
    display: inline-block;
}
#marketList .marketTabMenu{
    float: left;
    display: none;
    /*display: inline-block;*/
}
#marketList > .marketTabWrap .marketTabMenu > li{
    float: left;
    width:325px;
    height:60px;
    margin-bottom: 15px;
    line-height:60px;
    text-align: center;
    color: #1891c3;
    font-weight:bold;
    font-size: 18px;
    border: 1px solid #1891c3;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}


#marketList .marketCalculation{
    float: right;
    width:300px;
}
/*환율 계산기*/
#marketList .marketCalculation > .marketConverter{
    width:300px;
    background-color: #fff;
}
#marketList .marketCalculation .title{
    height: 45px;
    padding: 13px 0 0 15px;
    border-bottom: 1px solid #d0d0d0;
    box-sizing: border-box;
    color: #1891c3;
    font-size: 16px;
    font-weight: bold;
}

#marketList .marketCalculation > .marketConverter > .converter{
    padding:15px;
    box-sizing: border-box;
}
#marketList .marketCalculation > .marketConverter .converterBox{
    height: 92px;
    border:1px solid #ebebeb;
}
#marketList .marketCalculation > .marketConverter .converterBox > .converterInput {
    overflow: hidden;
    padding:10px 15px 0;
}
#marketList .marketCalculation > .marketConverter .converterBox > .converterInput > input{
    float: right;
    width:220px;
    height:20px;
    border: none;
    outline: none;
    text-align: right;
    font-size: 18px;
    font-weight:bold;
}
#marketList .marketCalculation > .marketConverter .calculationEqual{
    padding:15px 0;
    text-align: center;
}


#marketList .marketCalculation > .marketConverter .converterListWrap{
    height:29px;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}
#marketList .marketCalculation > .marketConverter .converterSelected{
    width: 100%;
    display: inline-block;
    height:29px;
    line-height:29px;
    padding-left: 13px;
    box-sizing: border-box;
    cursor: pointer;
}
#marketList .marketCalculation > .marketConverter .converterSelected:hover{
    background-color: #fafafa;
}
#marketList .marketCalculation > .marketConverter .calculatorNation{
    width:18px;
    height:12px;
}
#marketList .marketCalculation > .marketConverter .calculatorListShort{
    color: #1891c3;
}
#marketList .marketCalculation > .marketConverter .converterList{
    display: none;
    position: relative;
    width: 268px;
    max-height: 180px;
    overflow: auto;
    margin-left: -1px;
    border:1px solid #ebebeb;
    background-color: #fff;
}
#marketList .marketCalculation > .marketConverter .calculationArrow{
    float: right;
    margin: 12px;
}
#marketList .marketCalculation > .marketConverter .converterList li{
    height:30px;
    line-height: 30px;
    padding-left:13px;
    box-sizing: border-box;
}
#marketList .marketCalculation > .marketConverter .converterList li:hover{
    background-color: #fafafa;
    cursor: pointer;
}
#marketList .marketCalculation > .marketConverter .converterList li span.selectedCoin{
    font-weight: bold;
}
#marketList .marketCalculation > .marketConverter .converterList li span.money{
    color: #1891c3;
}
#marketList .marketCalculation > .marketConverter .converterText{
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
#marketList .marketCalculation > .marketConverter .converterText > li{
    text-align: right;
}
#marketList .marketCalculation > .marketConverter .converterText .text1{
    margin-bottom: 8px;
    font-size:18px;
    font-weight:bold;
}
#marketList .marketCalculation > .marketConverter .converterText .text2{
    color: #636363;
}

#marketList .marketCalculation > .marketConverter .converterText .text2 span{
    color: #1891c3;
}
#marketList .marketCalculation > .marketConverter .converterText .converterResult{
    color: #f41a1a;
    font-weight: bold;
    font-size: 18px;
}

/*프리미엄 계산기*/
#marketList .marketCalculation > .marketCalculator{
    background-color: #fff;
}
#marketList .marketCalculation .calculator{
    height:130px;
    padding:15px;
    box-sizing: border-box;
}
#marketList .marketCalculation .calculatorBox{
    position: relative;
}
#marketList .marketCalculation .calculatorListWrap{
    position: absolute;
}
#marketList .marketCalculation .calculatorSelected{
    height: 29px;
    line-height: 29px;
    padding-left: 13px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #ebebeb;
}
#marketList .marketCalculation .calculatorSelected:hover{
    background-color: #fafafa;
}
#marketList .marketCalculation .calculator .calculationArrow {
    float: right;
    margin: 12px;
}

#marketList .marketCalculation .calculatorList{
    display: none;
    position: relative;
    width: 268px;
    max-height: 180px;
    overflow: auto;

    border:1px solid #ebebeb;
    /*background-color: #fff;*/
}
#marketList .marketCalculation .calculatorList li{
    height: 30px;
    line-height: 30px;
    padding-left: 13px;
    box-sizing: border-box;
    background: #fff;
}
#marketList .marketCalculation .calculatorList li:hover{
    background-color: #fafafa;
}
#marketList .marketCalculation .calculatorResult{
    margin-top: 59px;
}

    /**/
#marketList .marketContent1{
    width: 970px;
    overflow: hidden;
    padding: 15px 15px 0;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom:1px solid #f3f3f3;
}
#marketList .marketContent1 .marketListSummary1{
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
}
#marketList .marketContent1 div.marketListContent{
    float: left;
    width:222px;
    margin-right:17px;
    box-sizing: border-box;
    border-right:1px solid #f3f3f3;
}
#marketList .marketContent1 div.marketListContent:nth-child(4){
    margin-right:0;
    border-right:0;
}
#marketList .marketSummaryTitle{
    color: #1891c3;
    font-weight:500;
    margin-bottom: 8px;
}

#marketList .marketContent1 .marketListSummary2{
    overflow: hidden;
    line-height: 30px;
}
#marketList .marketContent1 .marketListSummary2 .rankingUpdate{
    float: right;
}


/* 프리미엄,가격정보 테이블 공통 */
#marketList .tableHeader{
    height:45px;
    line-height:45px;
    overflow: hidden;
    padding: 0 15px;
    box-sizing: border-box;
}
#marketList .tableHeader > div.title{
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #1891c3;
}
#marketList .tableHeader > div.update{
    float: right;
}
#marketList .marketTable .marketTableTitle th{
    height:40px;
    font-size:14px;
    font-weight:500;
    color: #1891c3;
    border-bottom:1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    vertical-align: middle;
}
#marketList .marketTable tr.marketTableLine td{
    height:35px;
    border-bottom:1px solid #f3f3f3;
    box-sizing: border-box;
    text-align: right;
    vertical-align: middle;
}
#marketList .marketContent2 tr.marketTableLine td{
    border-right:1px solid #ebebeb;
    padding:0 12px;
    box-sizing: border-box;
}
#marketList .marketContent2 tr.marketTableLine td img{
    vertical-align: -2px;
}

#marketList .marketTable tr.marketTableLine td:first-of-type{
    text-align: center;
}
#marketList .marketTable tr.marketTableLine td:last-of-type{
    border-right:none;
}

    /*#marketList .marketTable tr:nth-child(2n){*/
    /*background-color: #f4f7ff;*/
/*}*/
.tableBorder1{
    border-right:1px solid #ebebeb;
}
#marketList .marketTableInfo{
    padding:10px;
    box-sizing: border-box;
    overflow: hidden;
}
#marketList .marketTableInfo li{
    margin-bottom: 10px;
}

/* 프리미엄(첫번째 테이블) */
#marketList .marketContent2 {
    width: 970px;
    box-sizing: border-box;
    background-color: #fff;
}

/* 가격정보(두번째 테이블) */
#marketList .marketContent3{
    width:970px;
}
#marketList .marketContent3{
    background-color: #fff;
    padding-bottom: 10px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th{
    box-sizing: border-box;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(1){
    width:50px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(2){
    width:190px;

}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(3){
    width:110px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(4){
    width:110px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(5){
    width:110px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(6){
    width:90px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(7){
    width:150px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(8){
    width:160px;
}
#marketList .marketContent3 .marketTable > table tr:nth-child(2n-1){

}
#marketList .marketContent3 .marketTable > table tr:nth-child(2n){
    background-color: #eff4ff;
}
#marketList .marketContent3 tr.marketTableLine td{
    border-right:1px solid #ebebeb;
    /*padding:0 10px;*/
    box-sizing: border-box;
    text-align: center;
}
#marketList .marketContent3 tr.marketTableLine td.name{
    position: relative;
}

#marketList .marketContent3 tr.marketTableLine td:nth-of-type(2){
    text-align: left;
}
#marketList .marketContent3 tr.marketTableLine td:nth-of-type(2) img{
    vertical-align: -2px;
    margin-left: 7px;
}
#marketList .marketContent3 tr.marketTableLine .btnCurrencyExchange{
    display: inline-block;
}
#marketList .marketContent3 tr.marketTableLine .btnCurrencyExchange span{
    color: #373737;
    text-decoration: underline;
    font-size: 12px;
}

#marketList .marketContent3 tr.marketTableLine .btnCurrencyExchange button{
    cursor: pointer;
    padding:0;
    background-color:transparent;
    border:0;
    color: #373737;
    text-decoration: underline;
    font-size: 12px;
}

#marketList .marketAll{
    padding: 20px;
}
#marketList .marketAll > div{
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #1891c3;
    font-weight: bold;
    border: 1px solid #1891c3;
    background-color: #fff;
    margin:0 auto;
}
#marketList .priceAll{
    margin:0 auto 20px;
}
#marketList .priceAll a:visited{
    color: #1891c3;
}
#marketList .priceAll a{
    text-decoration: none;
}
/*-------------------market/all-----------------------*/
#marketList #searchResult > tbody{
    box-shadow: 0px 2px 2px 1px #ddd;
}
#marketList .marketListSummary2 .coinRankingSearch{
    float: left;
}
#marketList .marketListSummary2 .searchInput{
    height: 30px;
    width: 620px;
    padding-left: 10px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: 0;
}

/*-------------------recruit/list-----------------------*/
.recruit > .recruitList{
    /*overflow: hidden;*/
}
.recruit > .recruitList > .categoryWrap{
    width: 235px;
    background-color: #fff;
    margin-right:15px;
}
.recruit > .recruitList > .listContentWrap{
    width:720px;
    background-color: #fff;

}
.recruit > .recruitList > .categoryWrap .category{
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
}
.recruit > .recruitList > .categoryWrap .areaBox .content span:nth-child(4n){
    margin-right:0;
}



.recruit > .recruitList > .categoryWrap .category .title{
    height:40px;
    line-height: 40px;
    padding-left:15px;
    font-weight: bold;
}
.recruit > .recruitList > .categoryWrap .category .content{
    padding: 0 0px 10px 15px;
}
.recruit > .recruitList > .categoryWrap .category .content span.multiCategory{
    display: inline-block;
    color: #9e9c9c;
    border: 1px solid #9e9c9c;
    padding: 3px 5px;
    border-radius: 10px;
    margin:0 5px 10px 0;
    cursor: pointer;
}
.recruit > .recruitList > .categoryWrap > .areaBox > .content > span{
    margin:0 8px 10px 0;
}
.recruit > .recruitList > .categoryWrap .duty .content{
    padding: 0;
}
.recruit > .recruitList > .categoryWrap .category .dutyType{
    border-top:1px dotted #e6e6e6;
    padding: 15px 15px 5px 15px;
}

.recruit > .recruitList > .categoryWrap .category .dutyType div{
    height:30px;
    color: #666666;
}

.checked{
    background-color: #1891c3;
    border:1px solid #1891c3 !important;
    color: #fff !important;
}

.recruit > .recruitList > .listContentWrap{

}
.recruit > .recruitList > .listContentWrap .searchBox{
    background-color: #fff;
    overflow: hidden;
}
.recruit > .recruitList > .listContentWrap .searchBox .floatLeft{
    width:585px;
    padding:15px;
    box-sizing: border-box;
}
.recruit > .recruitList > .listContentWrap .searchBox .floatLeft input{
    width: 100%;
    height:35px;
    padding-left: 8px;
    border: 1px solid #c7c0c0;
    box-sizing: border-box;
}
.recruit > .recruitList > .listContentWrap .searchBox .floatLeft > div{
    min-height: 108px;
    margin-top: 10px;
    border: 1px solid #c7c0c0;
    padding:10px;
    color: #a7a7a7;
}
.recruit > .recruitList > .listContentWrap .categorySelectedBox{
    margin-top:10px;
}
.recruit > .recruitList > .listContentWrap .categorySelectedBox  .categorySelectedList{
    display: inline-block;
    background-color: #1891c3;
    padding: 3px 7px 4px;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    color: #fff;
    font-size: 14px;
    margin:0 10px 5px 0;
    font-weight: 400;
}
.recruit > .recruitList > .listContentWrap .categorySelectedBox  .categorySelectedList img{
    margin-left: 5px;
    vertical-align: -1px;
    cursor: pointer;
}
.recruit > .recruitList > .listContentWrap .searchBox .floatRight{
    width:135px;
    margin-top: 33px;
}

.recruit > .recruitList > .listContentWrap .searchBox .searchRefreshBox{
    display: inline-block;
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 2px;
    margin-left: 23px;
    cursor: pointer;
    font-size: 13px;
}
.recruit > .recruitList > .listContentWrap .searchBox .floatRight .btn21{
    margin: 11px 0 0 15px;
    padding: 37px 0;
    font-size: 19px;
}
.recruit > .recruitList > .registerBox{
    margin: 15px 0;
    width: 720px;
    float: right;
    overflow: hidden;
}
.recruit > .recruitList .registerBox span{
    float: right;
    padding: 15px 0;
    font-size: 18px;
}
.recruit > .recruitList .registerBox a:visited{
    color: #fff;
}
.recruit > .recruitList .registerBox a{
    text-decoration: none;
    color: #fff;
}
/*mypage 스크랩리스트에도 적용됨*/
.recruitListSection{
    float: right;
    background-color: #fff;
    width: 720px;
    padding: 15px;
    box-sizing: border-box;
}
.recruitListSection > .listHeader{
    height:30px;
    border-bottom:1px solid #e0e0e0;
    overflow: hidden;
}
.recruitListSection > .listHeader > span{
    color: #666666;
    font-size: 15px;
    font-weight: 500;
}
.recruitListSection > .listHeader > ul{
    float: right;
    overflow: hidden;
    color: #666666;
    font-size: 12px;
}
.recruitListSection > .listHeader > ul > li{
    float: left;
    cursor: pointer;
}

.recruitListSection > .listHeader > ul > li img{
    vertical-align: 3px;
    margin-right: 3px;
}
.recruitListSection .listBox{
    overflow: hidden;
}
.recruitListSection .list{
    width:690px;
    /*height: 100px;*/
    padding:20px 0;
    margin:0;
    border-bottom: 1px solid #e0e0e0;
}
.recruitListSection .list > div{
    float: left;
    height: 100px;
}
.recruitListSection .list > .logo{
    width:140px;
    line-height:100px;
    text-align: center;
}
.recruitListSection .list > .logo img{
    max-width:100px;
    max-height:100px;
    vertical-align: middle;
}
.recruitListSection .list > .content .info{
    width:450px;
    box-sizing: border-box;
}
.recruitListSection .list .title{
    width:445px;
    margin-bottom: 12px;
}
.recruitListSection .list .title a{
    text-decoration: none;
}
.recruitListSection .list .title a{
    text-decoration: none;
}
.recruitListSection .list .title a span{
    height: 20px;
    height: 23px;
    display: inline-block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    max-width:415px;
    overflow:hidden;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.recruitListSection .list .title img{
    width:18px;
    height:18px;
    cursor: pointer;
    vertical-align: 6px;
}

.recruitListSection .list .company{
    margin-bottom: 8px;
    color: #1891c3;
    font-size: 15px;
}
.recruitListSection .list .position{
    font-size: 13px;
    color: #666666;
    margin-bottom: 15px;
}
.recruitListSection .list .etc{
    font-size: 12px;
    color: #858585;
}

.recruitListSection .list > .content .register{
    position: relative;
    width:85px;
    height: 100px;
}
.recruitListSection .list > .content .register > div{
    width:85px;
    position: absolute;
    bottom:0;
    text-align: center;
}
.recruitListSection .list > .content .register > div .deadline{
    color: #777777;
    font-size: 12px;
    margin: 0;
    line-height: 1.2em;
}
.recruitListSection .list > .content .register > div .btn28{
    background-color: #f97141;
    margin-top: 5px;
}
.recruitListSection .list > .content .register > div .btn31{
    width: 85px;
    border-radius: 0;
    font-size: 16px;
    padding: 11px 0;
    font-weight: 400;
    margin: 8px 0 0 0;
}
.recruitListSection .list > .content .register .btn30{
    font-size: 17px;
    padding: 12px 0;
    box-sizing: border-box;
    color: #fff;
    margin: 8px auto 0;
    cursor: pointer;
    font-weight: 400;
}
.recruitListSection .list > .content .register .btn30 a{
    color: #fff;
}
.recruitListSection .list > .content .register .btn30 a{
    text-decoration: none;
    color: #fff;
}

/*mypage 스크랩리스트에도 적용됨 끝*/
.recruit > .recruitList .registerBottomBox{
    margin: 30px auto 40px;
    overflow: hidden;
}

.recruit > .recruitList > .processPopupWrap{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.recruit > .recruitList > .processPopupWrap > .processPopup{
    position: relative;
    width: 550px;
    margin: 0 auto;
    top: 15%;
}
.recruit > .recruitList .processPopup .header{
    padding: 15px 0px;
    color: #717171;
    font-weight: 500;
    text-align: center;
    background-color: #e7e7e7;
    font-size: 23px;
}
.recruit > .recruitList .processPopup .header img{
    float: right;
    margin-right:15px;
    cursor: pointer;
}
.recruit > .recruitList .processPopup .content{
    padding: 20px 25px;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
}
.recruit > .recruitList .processPopup .content > span{
    color: #010101;
    font-size: 18px;
}

.recruit > .recruitList .processPopup .content > ul{
   width: 100%;
}
.recruit > .recruitList .processPopup .content > ul.processImg{
    width: 380px;
    margin:20px auto 30px;
    overflow: hidden;
}
.recruit > .recruitList .processPopup .content > ul.processImg li{
    float: left;
    height:140px;
    line-height:140px;
    padding:0 10px;
}
.recruit > .recruitList .processPopup .content > ul.processImg img{
    vertical-align: middle;
}

.recruit > .recruitList .processPopup .content > ul.processText{
    color: #404040;
    text-align: left;
    margin-bottom: 30px
}
.recruit > .recruitList .processPopup .content > ul.processText li{
    margin-bottom: 13px;
    font-weight: 500;
}
.recruit > .recruitList .processPopup .content > .processText span.location a:visited{
    color: #1891c3;
}
.recruit > .recruitList .processPopup .content > .processText span.location a {
    color: #1891c3;
}
.recruit > .recruitList .processPopup .content .guide{
    color: #a7a7a7;
    font-weight:400;
    font-size: 14px;
}

/*-------------------recruit/add-----------------------*/

.recruit > .formWriteRecruit > .recruitAdd{
    padding:20px 40px 70px;
}

.recruit > .formWriteRecruit > .recruitAdd > .title{
    margin-bottom: 50px;
    font-size: 28px;
    text-align: center;
    font-weight: 500;
}
.recruit > .formWriteRecruit > .recruitAdd > .title div{
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 12px;
}
.recruit > .formWriteRecruit > .recruitAdd > .title span{
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 300;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection > .subTitle{
    font-size: 20px;
    color: #1891c3;
    font-weight: 500;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 50px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection > .subTitle .star{
    font-size: 12px;
    color: #c42121;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection > .subTitle > span.text{
    font-size: 12px;
    color: #a7a7a7;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection .itemTitle{
    height:30px;
    color: #363636 !important;
    font-size: 16px;
    font-weight: 500;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection .itemTitle span.star{
    color: #c42121;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1{
    width:790px;
    margin:0 auto;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .content{
    overflow: hidden;
    margin-bottom: 25px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .content > div{
    float: left;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoRegister{
    width: 218px;
    overflow: hidden;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoBox{
    width: 152px;
    height: 186px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoBox .logoImg{
    width: 152px;
    height:150px;
    line-height:150px;
    text-align: center;
    font-size: 0;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoBox img{
    max-width: 150px;
    max-height:150px;
    vertical-align: middle;
    margin-left: -2px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoRegister .bottom{
    overflow: hidden;
    cursor: pointer;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoRegister .bottom span{
    float: left;
    width:50%;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoRegister .bottom span.delete{
    padding: 11px 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0;
    background-color: #dadada;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .logoRegister .guide{
    width: 152px;
    color: #a7a7a7;
    font-size: 10px;
    font-weight:300;
    text-align: center;
    margin-top:3px;
    line-height: 1.2em;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister {
    width:572px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .inputBox{
    height:60px;
    overflow: hidden;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .inputBox input{
    height:35px;
    border:1px solid #d6d6d6;
    box-sizing: border-box;
    padding-left:8px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister span.guide{
    color: #626161;
    font-size: 10px;
    font-weight: 400;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .dateContainer{
    float: left;
    font-size: 15px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .dateContainer input{
    width:130px;
    font-size: 15px;
    box-sizing: border-box;
}
.recruit > .recruitAdd > .contentSection1 .infoRegister .dateContainer .startTimestamp{
    color: #a7a7a7;

}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .dateContainer .endTimestamp{
    color: #1891c3;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .dateContainer span{
    display: inline-block;
    margin:0 10px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .dateContainer img{
    vertical-align: middle;
    cursor: pointer;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .endAnnounceContainer{
    display: inline-block;
    padding-top: 8px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .inputBox select{
    /*float: right;*/
    width: 160px;
    height:35px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .number ul{
    overflow: hidden;
    height: 35px;
    line-height: 18px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .number ul li{
    float: left;
    width:90px;
    margin:1px 0 0 1px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .number ul li.text{
    width:112px;
    overflow: hidden;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection1 .infoRegister .number ul li.text input[type="text"]{
    /*float: left;*/
    width: 63px;
    height:25px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    padding-left:8px;
}



/*채용분야*/
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2{
    width:790px;
    margin:0 auto;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content{
    overflow: hidden;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content > div{
    float: left;
    width: 364px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content select{
    display: block;
    width:364px;
    height:35px;
    border: 1px solid #dadada;
    box-sizing: border-box;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content .careerYear{
    width:104px;
    height: 35px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}

/* 산업별, 직종별*/
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content1{
    margin-bottom: 50px;
}

/*지역,채용형태*/
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content2{
    margin-bottom: 30px;
}
/*경력,학력*/
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3{
    margin-bottom: 30px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .contentBox{

}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .contentBox ul{
    min-height: 21px;
    overflow: hidden;
    padding: 0 2px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .contentBox ul li{
    float: left;
    margin:1px 25px 0 0 ;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail{
    overflow: hidden;
    line-height: 35px;
    margin-top:10px;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail > li > span {
    float: left;
    display: inline-block;
    width:23px;
    text-align: center;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail li {
    margin: 0 !important;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail div.title{
    float: left;
    width: 34px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail #careerFrom{
    float: left;
    width:102px;
    height: 35px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail > span{
    float: left;
    display: inline-block;
    width:23px;
    text-align: center;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content3 .careerDetail #careerTo{
    float: left;
    width:102px;
    height: 35px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}


/*근무지,급여(연봉)*/
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content4{
    margin-bottom: 30px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection2 > .content4 input{
    height:35px;
    width: 100%;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection3{
    width:790px;
    margin:0 auto;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection3 textarea{
    width: 790px;
    height:188px;
    border: 1px solid #d6d6d6;
    padding:15px;
    box-sizing: border-box;
    margin-bottom: 25px;
}


/*.recruit > .recruitAdd > .contentSection4{*/
    /*border-top:1px solid #c7c7c7;*/
    /*border-bottom:1px solid #c7c7c7;*/
    /*padding:30px 50px 50px 50px;*/
    /*box-sizing: border-box;*/
/*}*/
/*.recruit > .recruitAdd > .contentSection4 .content{*/
    /*overflow: hidden;*/
/*}*/
/*.recruit > .recruitAdd > .contentSection4 .content > div{*/
    /*width:363px;*/
/*}*/
/*.recruit > .recruitAdd > .contentSection4 .content > div ul{*/
    /*width:364px;*/
    /*overflow: hidden;*/
/*}*/

/*.recruit > .recruitAdd > .contentSection4 .floatLeft ul input{*/
    /*width:242px;*/
    /*height:35px;*/
    /*border: 1px solid #d6d6d6;*/
    /*box-sizing: border-box;*/
/*}*/
/*.recruit > .recruitAdd > .contentSection4 .floatLeft ul li span.btn31{*/
    /*float: right;*/
    /*padding: 9px 0;*/
    /*border-radius: 0;*/
/*}*/
/*.recruit > .recruitAdd > .contentSection4 .floatRight select{*/
    /*width: 100%;*/
    /*height: 35px;*/
    /*border: 1px solid #d6d6d6;*/
    /*box-sizing: border-box;*/
/*}*/





.recruit > .formWriteRecruit > .recruitAdd > .contentSection4{
    padding:50px 50px 10px 50px;
    border-top:1px solid #c7c7c7;
    margin-top:50px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1{
    overflow: hidden;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 > div{
    width: 362px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 > div .title{
    color: #6d6d6d;
    height:27px;
    overflow: hidden;
    padding: 2px 2px 0 0;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 > div .title span{
    color: #c42121;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 > div .content{
    margin-bottom: 18px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 > div input{
    width: 362px;
    height:35px;
    border:1px solid #d6d6d6;
    box-sizing: border-box;
    padding-left: 8px;

}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 .address input{
    width: 242px;
    height: 36px;
    /*margin-top:0;*/
    margin-bottom:12px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 > .floatLeft .btn31{
    padding: 10px 0px;
    border-radius: 0;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 .emailCheck{
    color: #5f5f5f;
    font-size: 12px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content1 .emailCheck input{
    width:18px;
    height:18px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .inputBox{
    margin-bottom: 30px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 input{
    width:100%;
    height:35px;
    border:1px solid #d6d6d6;
    box-sizing: border-box;
    padding-left: 8px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns {
    overflow: hidden;
     margin-bottom: 8px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns li{
    float: left;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns li:nth-child(1){
    width: 147px;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns select{
    width: 132px;
    height:35px;
    border:1px solid #d6d6d6;
    box-sizing: border-box;

}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns li:nth-child(2){
    width:603px;
}

.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns li:nth-child(2) input{
    width:588px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .sns li:nth-child(3){
    width:40px;
    overflow: hidden;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .fileUploadBox{
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 .fileUploadBox label {
    float: right;
    width:85px;
    height:35px;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    background-color: #aaaaaa;
    cursor: pointer;
    text-align: center;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 .fileUploadBox input[type="file"] {
    /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}


.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .fileUploadBox li{
    float: left;
    box-sizing: border-box;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .fileUploadBox li:nth-child(1){
    width: 703px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .fileUploadBox #fileCancel img{
    width: 15px;
    vertical-align: -2px;
    cursor: pointer;
}
.recruit > .formWriteRecruit > .recruitAdd > .contentSection4 > .content2 .fileUploadBox li:nth-child(2){
    width:85px;
    height: 35px;
}

.recruit > .formWriteRecruit > .recruitAdd > .bottomArea{
    text-align: center;

}
.recruit > .formWriteRecruit > .recruitAdd > .bottomArea p{
    color: #666666;
    line-height: 1.8em;
    font-size: 16px;
}
.recruit > .formWriteRecruit > .recruitAdd > .bottomArea .register{
    margin: 40px auto 0;
    width: 160px;
}
.recruit > .formWriteRecruit > .recruitAdd > .bottomArea .register span{
    padding: 18px 0;
    font-size: 16px;
}

/*------------------------------------------*/
.formWriteRecruit > .recruitAdd input[type='radio'] {
    opacity:0;
    position: absolute;
}

.formWriteRecruit > .recruitAdd input[type='radio'] + label::before {    /* 가짜 체크박스 만들기 */
    content: ' ';
    display: inline-block;
    width: 21px;
    height: 18px;
    vertical-align: middle;
    margin: -1px 5px 0 0;
    background: url("/assets/images/tokenpost/common/img/check.png") no-repeat;
}
.formWriteRecruit > .recruitAdd input[type='radio']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url("/assets/images/tokenpost/common/img/checkColor.png") no-repeat;
}
.recruit > .formWriteRecruit > .recruitAdd .radioEffect input:focus + label {
    display: inline-block;
    height:19px;
    outline:1px solid #a6c8ff;
}


/*체크박스 스타일(큰 체크박스)*/
.formWriteRecruit .addCheckStyle input[type='checkbox'] {
    opacity:0;
    position: absolute;
}
.formWriteRecruit .addCheckStyle input[type='checkbox'] + label::before {    /* 가짜 체크박스 만들기 */
    content: ' ';
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: -1px 5px 0 0;
    background: url("/assets/images/tokenpost/common/img/checkBox.png") no-repeat;
}
.formWriteRecruit .addCheckStyle input[type='checkbox']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url("/assets/images/tokenpost/common/img/checkBoxColor.png") no-repeat;
}

.formWriteRecruit .addCheckStyle input:focus + label {
    display: inline-block;
    height:23px;
    outline:1px solid #a6c8ff;
}




/*체크박스 스타일(작은 체크박스)*/
.addCheckStyle2 input[type='checkbox'] {
    opacity:0;
    position: absolute;
}
.addCheckStyle2 input[type='checkbox'] + label::before {    /* 가짜 체크박스 만들기 */
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: -1px 5px 0 0;
    background: url("/assets/images/tokenpost/common/img/checkBox2.png") no-repeat;    /* 하위 브라우저용 img */
}
.addCheckStyle2 input[type='checkbox']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url("/assets/images/tokenpost/common/img/checkBoxColor2.png") no-repeat;    /* 하위 브라우저용 img */
}
.addCheckStyle2 input:focus + label {
    display: inline-block;
    height:17px;
    outline:1px solid #a6c8ff;
}
.addCheckStyle2 input#careerMutuality:focus + label {
    display: inline-block;
    height: 18px;
    line-height: 15px;
    outline: 1px solid #a6c8ff;
    position: absolute;
    margin-top: 9px;
}












/*-------------------recruit/view-----------------------*/

.recruit{
}
.recruit select{
    background-color: #fff;
}
.recruitView {
    margin-top:15px;
    display: inline-block;
    word-break: break-all;
}
.recruitView img{
    margin-top: -4px;
}
.recruitView > .leftSide{
    float: left;
    width:225px;
}
.recruitView > .leftSide .recruitApply{
    margin-top:35px;
    text-align: center;
}
.recruitView > .leftSide .recruitApply .btn30 a:visited{
    color: #fff;
}
.recruitView > .leftSide .recruitApply .btn30 a{
    text-decoration: none;
    font-weight:400;
}
.recruitView > .leftSide .recruitApply span{
    border-radius: 0;
    display: inline-block;
    padding:12px 0;
    font-size: 17px;
}
.recruitView > .leftSide > .summarySection{
    width:225px;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
}

.recruitView > .leftSide > .summarySection > .logo{
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin: 0 auto;
    text-align: center;
}
.recruitView > .leftSide > .summarySection > .logo img{
    max-width: 120px;
    max-height: 120px;
    vertical-align: middle;
}
.recruitView > .leftSide > .summarySection dl{
    margin:0 0 0 10px;
    overflow: hidden;
    line-height: 1.2em;
}
.recruitView > .leftSide > .summarySection dl dt{
    float: left;
    width:60px;
    color: #666666;
    font-size: 13px;
    height:18px;
    margin-top:20px;
    font-weight: 500;
}
.recruitView > .leftSide > .summarySection dl dd{
    width: 120px;
    min-height: 18px;
    font-weight: 400;
    margin:20px 0 0 65px;
    font-size: 13px;
    color: #666666;
    word-wrap: break-word;
}
.recruitView > .leftSide > .ad{
    width:225px;
}

.recruitView > .container{
    float: left;
    width:715px;

}

.recruitView > .container .topContent{
    /*padding:15px;*/
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 2px solid #eeeeee;
}
.recruitView .endGuideBox{
    background-color: #eeeeee;
    height: 140px;
    line-height: 140px;
    text-align: center;
}
.recruitView .endGuideBox span{
    font-size: 36px;
    color: #444444;
}
.recruitView .endGuideBox span span{
    color: #1891c3;
}
.recruitView > .container .topContent > div{
    float: left;
}

.recruitView > .container .topContent > div.logo{
    width:170px;
    height: 140px;
    line-height: 140px;
    box-sizing: border-box;
    margin:0 15px 15px 0;
    text-align: center;
}
.recruitView > .container .topContent > div.logo img{
    max-width: 140px;
    max-height: 140px;
    box-sizing: border-box;
    vertical-align: middle;
}
.recruitView > .container .topContent > div.info{
    position: relative;
    width: 500px;
    padding: 18px 0 15px;
    overflow: hidden;
    box-sizing: border-box;
}
.recruitView > .container .topContent .company{
    width: 365px;
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #1891c3;
    margin-bottom: 15px;


}
.recruitView > .container .topContent .recruitTitle{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.2em;
}
.recruitView > .container .topContent .infoScrap{
    position: absolute;
    height:18px;
    line-height: 16px;
    top:0;
    right:0;
    overflow: hidden;
    color: #bcbcbc;
    font-size:14px;
}

.recruitView > .container .topContent .infoScrap li{
    float: left;
    /*height:18px;*/
}
.recruitView > .container .topContent .infoScrap li:nth-child(2){
    margin:0 7px;
    font-size: 16px;
}
.recruitView > .container .topContent .infoScrap li img{
    vertical-align: -2px;
}
.recruitView > .container .topContent .infoDate{
    font-size:15px;
}
.recruitView > .container .topContent .infoDate .date{
    color: #777;
    margin-bottom: 7px;
}

.recruitView > .container .topContent .infoDate .count{
    color: #ff0000;
    margin-right: 10px;
}








.recruitView > .container > .mainSection{
    position: relative;
    width: 715px;
    background-color: #fff;
    min-height:500px;
    padding: 15px 15px 50px;
    box-sizing: border-box;
}
.recruitView > .container > .mainSection > img{
    position: absolute;
    top:0;
    width:715px;
}
.recruitView .mainSection .recruitContent{
    padding:0px 20px;
    box-sizing: border-box;
}
.recruitView .mainSection .recruitContent > .title{
    height:45px;
    font-size: 20px;
    color: #1891c3;
    margin-top: 45px;
}
.recruitView .mainSection .recruitContent > .content{
    padding-left:80px;

}
.recruitView .mainSection .recruitContent > .content .detailList{
    word-break: break-all;
    margin-left: 40px;
    width: 490px;
}
.recruitView .mainSection .recruitContent > .content .detailTable {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    margin-bottom: 30px;
}
.recruitView .mainSection .recruitContent > .content .detailTable th{
    height:38px;
    background-color: #eeeeee;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;

}
.recruitView .mainSection .recruitContent > .content .detailTable td{
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding:12px 10px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3em;
}
.recruitView .mainSection .recruitContent > .content .detailTable td ul{
    overflow: hidden;
}
.recruitView .mainSection .recruitContent > .content .detailTable td ul li{
    float: left;
    box-sizing: border-box;
    line-height: 1.4em;
}
.recruitView .mainSection .recruitContent > .content .detailTable td ul li:first-child{
    width: 40px;
    color: #1891c3;
    height: 16px;
    line-height: 15px;
}


.recruitView .mainSection .recruitContent .detailTable li.borderBar::after{
     display: inline-block;
     content: '';
     width: 2px;
     height: 12px;
     background-color: #b3b3b3;
     margin-left: 10px;
     vertical-align: -1px;
}

.recruitView .mainSection .recruitContent > .content .detailTable td ul li:last-child{
    width:150px;
    text-align: left;
    padding-left:12px;
    box-sizing: border-box;
    line-height: 17px;
}
.recruitView .mainSection .recruitContent > .content .detailTable td ul li:last-child span{
    font-size: 12px;
}
.recruitView .mainSection .recruitContent > .content .detailList li{
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    margin-bottom: 25px;
    line-height: 1.5em;
}
.recruitView .mainSection .recruitContent > .content .detailList li span{
    font-weight: 300;
}

.recruitView .mainSection .recruitContent > .content .detailList li .subDetail{
    padding-left:20px;
    margin-top: 15px;
}
.recruitView .mainSection .recruitContent > .content .detailList li .subDetail li{
    margin-bottom: 5px;
    font-size: 14px;
    color: #444444;
    font-weight: 300;
}

.recruitView .mainSection .recruitContent .companyInfoSection{
    overflow: hidden;
}
.recruitView .mainSection .recruitContent .companyInfoBox{
    float: left;
}
.recruitView .mainSection .recruitContent .companyDirector{
    width:290px;
    height:160px;
}
.recruitView .mainSection .recruitContent .companyAddress{
    width:240px;
    height:160px;
}
.recruitView .mainSection .recruitContent .companyPhone{
    width:290px;
    height:106px;
}
.recruitView .mainSection .recruitContent .companySite{
    width:270px;
    height:106px;
}
.recruitView .mainSection .recruitContent .companySite a:visited{
    color: #444444;
}
.recruitView .mainSection .recruitContent .companySite a{
    text-decoration: none;
    color: #444444;
}
.recruitView .mainSection .recruitContent .companySns{
    width:100%;
}
.recruitView .mainSection .recruitContent .companySns a:visited{
    color: #444444;
}
.recruitView .mainSection .recruitContent .companySns a{
    color: #444444;
    text-decoration: none;
}
.recruitView .mainSection .recruitContent .companyInfoBox .title:before{
    display: inline-block;
    content: '';
    width: 3px;
    height:14px;
    background-color: #1891c3;
    font-weight: 500;
    margin-right: 10px;
    vertical-align: -2px;
}
.recruitView .mainSection .recruitContent .companyInfoBox .title{
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.recruitView .mainSection .recruitContent .companyInfoBox li{
    padding-left:15px;
    margin-bottom: 6px;
    font-weight: 300;
    line-height: 1.3em;
}
.recruitView .mainSection .recruitContent dl{
    overflow: hidden;
}
.recruitView .mainSection .recruitContent dl dt{
    width: 35px;
    height:25px;
    float: left;
    box-sizing: border-box;
    color: #444444;
    margin:0 0 10px 10px;
}
.recruitView .mainSection .recruitContent dl dt img{
    width:23px;
    height:23px;
    margin-top: 0;
}
.recruitView .mainSection .recruitContent dl dd{
    height:25px;
    margin-left:35px;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 1.6em;
}
.recruitView .mainSection .recruitContent .bottomArea{
    margin: 70px auto 0;
    width: 207px;
}

.recruitView .mainSection .recruitContent .bottomArea a:visited{
    /*color: #fff;*/
}
.recruitView .mainSection .recruitContent .bottomArea a{
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;

}
.recruitView .mainSection .recruitContent .bottomArea span{
    font-weight: 400;
    padding: 18px 0;
    font-size: 16px;
    margin:0 auto;
}
.modalRecruitShare{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.45);
    z-index: 99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}

.modalRecruitShare .recruitShare{
    width: 475px;
    margin:13% auto 0;
}

.modalRecruitShare .recruitShare .shareTitle{
    position: relative;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    background-color: #1891c3;
    font-size: 23px;
    font-weight:500;
}
.modalRecruitShare .recruitShare .shareTitle img{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.modalRecruitShare .recruitShare .shareContent{
    background-color: #fff;
    padding:40px;
    box-sizing: border-box;
    color: #333;
    font-size: 18px;
}
.modalRecruitShare .recruitShare .shareContent > .copyResult{
    text-align: center;
    height:50px;
}
.modalRecruitShare .recruitShare .shareContent .copyResultText{
    display: none;
    color: #1891c3;;
}
.modalRecruitShare .recruitShare .shareContent .title{
    border-bottom: 1px solid #333333;
    margin-bottom: 8px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.modalRecruitShare .recruitShare .shareContent .snsList {
    height:50px;
    line-height:50px;
    overflow: hidden;
    margin-bottom: 40px;
}
.modalRecruitShare .recruitShare .shareContent .snsList ul{
    float: right;
    overflow: hidden;
}
.modalRecruitShare .recruitShare .shareContent .snsList ul li{
    float: left;
    margin-right:30px;
}
.modalRecruitShare .recruitShare .linkTitle{
    overflow: hidden;
    margin-bottom: 5px;
}
.modalRecruitShare .recruitShare .linkTitle > div{
    float: left;
}
.modalRecruitShare .recruitShare .linkTitle > div:first-child{
    line-height: 22px;
}
.modalRecruitShare .recruitShare .linkSection .recruitUrl{
    height:48px;
    line-height:48px;
    border:2px solid #a0a0a0;
    color: #727272;
    padding:0 12px;
    overflow: hidden;
}
.modalRecruitShare .recruitShare .linkSection #recruitLinkCopyHidden{
    position: absolute;
    top: -9999em;
}

/*-------------------recruit/payment-----------------------*/
.recruit > .recruitPayment{
    width:970px;
    padding:34px 90px;
    box-sizing: border-box;
}
.recruit > .recruitPayment > .content{

}
.recruit > .recruitPayment > .content > .status{
    background-color: #eff7fb;
    padding: 30px 70px;
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
}

.recruit > .recruitPayment > .content p{
    font-weight: 500;
    font-size: 24px;
    margin-bottom:20px;
}
.recruit > .recruitPayment > .content p span.status{
    color: #fc9e60;
}
.recruit > .recruitPayment > .content .status .guide{
    color: #929292;
    font-size: 14px;
}
.recruit > .recruitPayment > .content > .payment{
    margin-top:90px;
    padding-bottom:30px;
    border-bottom:2px solid #e5e5e5;
    text-align: center;

}
.recruit > .recruitPayment > .content > .payment span{
    display: inline-block;
    margin-bottom: 20px;

}
.recruit > .recruitPayment > .content > .payment span:first-child{
    font-size: 24px;
    font-weight: 500;
}


.recruit > .recruitPayment > .content > .coinIntro{
    padding:50px 10px;
    line-height: 1.4em;
    font-size: 14px;
}
.recruit > .recruitPayment > .content > .coinIntro .title{
    color: #1891c3;
    font-weight: 500;
    font-size: 16px;
}
.recruit > .recruitPayment > .content > .coinIntro .text a:visited{
    color: #939292;
}
.recruit > .recruitPayment > .content > .coinIntro .text a{
    color: #939292;
}
.recruit > .recruitPayment > .content > .coinIntro img{
    vertical-align: top;
}





.recruit > .recruitPayment > .content .date{
    overflow: hidden;
}
.recruit > .recruitPayment > .content .date > div{
    float: left;
    background-color: #f2f2f2;
    height:62px;
    line-height:62px;
    text-align: center;
    font-size:16px;
}
.recruit > .recruitPayment > .content .date > .title{
    width:187px;
    margin-right:3px;
    color: #777777;
    font-weight: 500;
}
.recruit > .recruitPayment > .content .date > .calendar{
    width:600px;
    overflow: hidden;
}
.recruit > .recruitPayment > .content .date > .calendar .modify{
    float: right;
    width:145px;
}
.recruit > .recruitPayment > .content .date > .calendar > span{
    font-weight: 500;
}
.recruit > .recruitPayment > .content .date > .calendar > input{
    width:130px;
    height:35px;
    line-height:35px;
    font-size: 16px;
    color: #1891c3;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    padding-left:8px;
    margin:0 6px;
}
.recruit > .recruitPayment > .content .date > .calendar > img{
    vertical-align: middle;
    cursor: pointer;
}
.recruit > .recruitPayment > .content .date > .calendar .modify span{
    display: inline;
    padding: 6px 23px;
    font-size: 13px;
}
.recruit > .recruitPayment > .content .paymentBox{
    border:1px solid #e5e5e5;
    padding:20px 0;
    width: 790px;
}
.recruit > .recruitPayment > .content .paymentBox ul{
    width: 500px;
    margin:0 auto;
    overflow: hidden;
}
.recruit > .recruitPayment > .content .paymentBox li{
    width: 100px;
    float: left;
    text-align: center;
    color: #363636;
    line-height: 1.4em;
}
.recruit > .recruitPayment > .content .paymentBox li input{
    margin-bottom: 18px;
}


.paymentBox .radioStyle input[type='radio'] + label::before {
    content: ' ';
    display: block;
    width: 21px;
    height: 18px;
    vertical-align: middle;
    margin:6px 0 13px 45px;
    background: url("/assets/images/tokenpost/common/img/check.png") no-repeat;
}
.paymentBox .radioStyle label{
    display: block;
    text-align: center;
}

.recruit > .recruitPayment > .content .paymentBox span{
    font-weight: 500;
}
.recruit > .recruitPayment > .content .amountBox{
    overflow: hidden;
    padding:30px 0;
}
.recruit > .recruitPayment > .content .amountBox ul{
    float: right;
    overflow: hidden;
}
.recruit > .recruitPayment > .content .amountBox ul li{
    float: left;
    height:32px;
}
.recruit > .recruitPayment > .content .amountBox ul li:nth-child(1){
    font-size: 16px;
    line-height: 36px;
    margin-right: 12px;
}
.recruit > .recruitPayment > .content .amountBox ul li:nth-child(2){
    font-size: 28px;
    color: #1891c3;
    font-weight: bold;
    margin-right: 15px;
}
.recruit > .recruitPayment > .content .amountBox ul li:nth-child(3){
    font-size: 13px;
}
.recruit > .recruitPayment > .content .amountBox ul li:nth-child(3) a:visited{
    color: #fff;
}
.recruit > .recruitPayment > .content .amountBox ul li:nth-child(3) a{
    text-decoration: none;
    color: #fff;
}

.recruit > .recruitPayment > .content .bottomBox{
    font-size: 20px;
    width:476px;
    margin:0 auto;
    overflow: hidden;
}
.recruit > .recruitPayment > .content .bottomBox span{
    float: left;
    width: 218px;
    margin-right: 40px;
    padding: 22px 0px;
    font-size: 19px;
}
.recruit > .recruitPayment > .content .bottomBox button{
    float: left;
    width: 218px;
    font-size: 20px;
    padding: 18px 0;
}

/*-------------------recruit/resumeAdd-----------------------*/

.resumeAdd{

}
.resumeAdd span.star{
    color: #c42121;
}

.resumeAdd .width85{
    width: 85% !important;
}
.resumeAdd .period{
    text-align: right;
    display: inline-block;
    width: 22px;
}

.resumeAdd > .guide1{
    text-align: right;

    height: 25px;
}
.resumeAdd > .guide1 span{
    color: #1891c3;
    font-size: 14px;
    vertical-align: 3px;
}
.resumeAdd > div:not(.guide){
    box-sizing: border-box;
    margin-bottom: 25px;
}
.resumeAdd > div.portfolio{
    padding-bottom:25px;
}
.resumeAdd > .resumeTitle{
    background-color: #fff;
    height:72px;
    padding:15px;
    box-sizing: border-box;
}
.resumeAdd > .resumeTitle input{
    border: none;
    font-size: 30px;
    width: 100%;
    height:40px;
    outline: none;
    text-align: center;
}
.resumeAdd > .contentSection{
    /*padding:25px;*/
    background-color: #fff;
}

.resumeAdd > .contentSection .sectionTitle{
    height:25px;
    overflow: hidden;
    padding: 25px 25px 25px 25px;
}
.resumeAdd > .basicInformation .sectionTitle{
    padding: 25px 25px 25px 0px;
}
.resumeAdd > .contentSection .sectionTitle span{
    font-size: 23px;
    color: #444444;
    font-weight:500;
}

.resumeAdd > .contentSection table td{
    padding-right:15px;
    vertical-align: middle;
    font-weight: 500;
}
.resumeAdd > .contentSection input[type="text"]{
    height:36px;
    width:100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding-left: 8px;
}
.resumeAdd > .contentSection select{
    height:36px;
    width:100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.resumeAdd > .contentSection table th{
    height: 30px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #444;;
}
.resumeAdd > .contentSection table td:last-child{
     padding-right: 0;
 }

/*기본정보*/
.resumeAdd > .basicInformation{
    overflow: hidden;
    padding: 25px;
}
.resumeAdd > .basicInformation .resumeBasicBox{
    overflow: hidden;
}
.resumeAdd > .contentSection .profileImgArea{
    float: left;
    width:130px;
}
.resumeAdd > .contentSection .profileImgArea .title{
    height: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #444444;
}

.resumeAdd > .contentSection .profileImgArea > ul{
    overflow: hidden;
    margin-top: -1px;
}
.resumeAdd > .contentSection .profileImgArea > ul li{
    float: left;
    width: 60px
}
.resumeAdd > .contentSection .profileImgArea > ul li .btn21{
    padding:7px 0;
}
.resumeAdd > .contentSection .profileImgArea > ul li .btn25{
    margin: 0;
    color: #000;
    font-weight: 500;
    padding: 8px 0;
    display: inline-block;
    width: 62px;
    font-size: 14px;
}

.resumeAdd > .contentSection .profileImgArea > ul li input[type="file"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}



.resumeAdd > .contentSection .profileImgArea ._subTitle{
    height: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #444444;
}
.resumeAdd > .contentSection .profileImgArea img{
    width: 120px;
    height: 160px;
    border:1px solid #dddddd;
}

.resumeAdd > .contentSection .basicInfoTable{
    float: right;
    width:770px;
}



.resumeAdd > .contentSection .basicInfoTable table{
    width:100%;
    margin-bottom: 20px;
}



.resumeAdd > .contentSection .basicInfoTable table td ul.address{
    overflow: hidden;
}
.resumeAdd > .contentSection .basicInfoTable table td ul.address li{
    float: left;
}
.resumeAdd > .contentSection .basicInfoTable table td ul.address li:first-of-type{
    width: 285px;
}
.resumeAdd > .contentSection .basicInfoTable table td ul.address li:last-of-type{
    width:75px;
}
.resumeAdd > .contentSection .basicInfoTable table td ul.address li:last-of-type span{
    padding:10px 8px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

/*학력*/
.resumeAdd > .academy{
    position: relative;
}
.resumeAdd > .academy .graduationChk{
    position: absolute;
    top: 25px;
    right: 25px;
}
.resumeAdd .academy .resumeAcademyBox{
    overflow: hidden;
    padding: 25px 25px 20px 25px;
    border-bottom: 2px solid #e8e8e8;
}
.resumeAcademyBox:after{
    content:" ";
    display:block;
    clear:both;
}

.resumeAdd .resumeAcademyBox .academyBox{
    /*float: left;*/
    height:90px;
    /*max-height:110px;*/
    margin-bottom: 6px;

}
.resumeAdd .resumeAcademyBox .academyBox span.title{
    display: inline-block;
    height:30px;
    color: #444;
    font-size: 14px;
}
.resumeAdd .resumeAcademyBox .academyBox1{
    width:150px;
    /*height:105px;*/
}

.resumeAdd .resumeAcademyBox .academyBox1 .examChk{
    margin-top: 6px;
}
.resumeAdd .resumeAcademyBox .academyBox1 .transferChk{
    margin-top:6px;
}
.resumeAdd .resumeAcademyBox .academyBox2{
    width:225px;
    /*height:105px;*/
}
.resumeAdd .resumeAcademyBox .academyBox3{
    width:155px;
    /*height:105px;*/
}
.resumeAdd .resumeAcademyBox .academyBox4{
     width:155px;
    /*height:105px;*/
}
.resumeAdd .resumeAcademyBox .academyBox5{
    width:120px;
    /*height:105px;*/
}
.resumeAdd .resumeAcademyBox .academyBox6{
    width:40px;
    /*height:105px;*/
}
.resumeAdd .resumeAcademyBox .academyBox7{
    width:150px;
    padding-top:15px;
}
.resumeAdd .resumeAcademyBox .academyBox8{
    width:265px;
    padding-top:15px;
}
.resumeAdd .resumeAcademyBox .academyBox9{
    width:230px;
    padding-top:15px;
}
.resumeAdd .resumeAcademyBox .academyBox10{
    width:230px;
    padding-top:15px;
}
.resumeAdd .resumeAcademyBox .academyBox11{
    width:750px;
    max-height: 300px;
    overflow: hidden;
    height: 66px;

}
.resumeAdd .resumeAcademyBox .academyBox11 > div{
    float: left;
}
.resumeAdd .resumeAcademyBox .academyBox12{
    width:230px;
    height: inherit;
    margin-top:25px;
    /*margin-left: 265px;*/
}
.resumeAdd .resumeAcademyBox .academyBox13{

}
.resumeAdd #thesis{
    width: 914px;
    height:140px;
    border: 1px solid #ddd;
}
#resumeAcademyContainer .resumeAcademyBox:first-child{
    border: none;
}
.resumeAdd .resumeAcademyBox .extraChk ul{
    display: inline-block;
}
.resumeAdd .resumeAcademyBox .extraChk ul li{
    float: left;
}
.resumeAdd .resumeAcademyBox .extraChk ul li:first-of-type{
    margin-right:25px;
}
/*경력칸*/

.resumeAdd > .career{}
.resumeAdd #careerBox{
    padding:25px;
    border-bottom: 2px solid #e8e8e8;
}


.resumeAdd > .career .careerBox table{
    margin-bottom: 20px;
}


.resumeAdd > .career .careerBox table.dateTable td.income input{
    width:170px;
}
.resumeAdd > .career .careerBox table.dateTable tr.dateTr td:first-of-type input{
    width: 142px;
    margin-right:10px;
}


/*자격증 어학 수상내역*/
.resumeAdd #resumeLicenseBox{
    padding:25px;
    /*padding-bottom:0;*/
}


/*대외활동*/
.resumeAdd #resumeActivityBox{
    padding:25px;
    border-bottom: 2px solid #e8e8e8;
}
.resumeAdd #resumeActivityBox table {
    margin-bottom:20px;
}
.resumeAdd #resumeActivityBox table:last-of-type{
    margin-bottom:0;
    width: 100%;
}
/*교육*/
.resumeAdd #resumeEducationBox{
    padding: 25px;
    border-bottom: 2px solid #e8e8e8;
}
.resumeAdd #resumeEducationBox table{
    width: 100%;
}


/*포트폴리오/기타문서*/
.resumeAdd > .portfolio > .btnBox{
    position: relative;
    overflow: hidden;
    height: 42px;
    margin-bottom: 35px;
    padding:0 25px;
}
.resumeAdd > .portfolio > .btnBox span{
    position: absolute;
    display: inline-block;
    width: 220px;
    height:40px;
    line-height:40px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #1891c3;
    color: #1891c3;
}
.resumeAdd > .portfolio > .btnBox span:first-of-type{
    left:253px;
}
.resumeAdd > .portfolio > .btnBox span:last-of-type{
    right:253px;
}
.resumeAdd > .portfolio .resumePortfolioBox{
    overflow: hidden;
    margin-bottom: 25px;
    padding:0 25px;
}
.resumeAdd > .portfolio .resumePortfolioBox ul{
    float: left;
    width: 835px;
    overflow: hidden;
}
.resumeAdd > .portfolio .resumePortfolioBox ul li{
    float: left;
    padding-left: 8px;
    box-sizing: border-box;
}
.resumeAdd > .portfolio .resumePortfolioBox ul li:first-of-type{
    width:735px;
    height:40px;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    border-right: none;
    box-sizing: border-box;
}
.resumeAdd > .portfolio .resumePortfolioBox ul li:last-of-type{
    float: right;
    width:100px;
}
.resumeAdd > .portfolio .resumePortfolioBox ul li:last-of-type input{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.resumeAdd > .portfolio .resumePortfolioBox ul li:last-of-type label{
    float: right;
    width: 100px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    background-color: #aaaaaa;
    cursor: pointer;
    text-align: center;
}



.resumeAdd > .portfolio .resumePortfolioBox > div{
    float: right;
    height:36px;
}

/*기타문서*/
.resumeAdd > .portfolio .resumeEtcFileBox{
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0 25px;
}

.resumeAdd > .portfolio .resumeEtcFileBox ul{
    float: left;
    width:835px;
}
.resumeAdd > .portfolio .resumeEtcFileBox ul li{
    float: left;
}
.resumeAdd > .portfolio .resumeEtcFileBox ul li:first-of-type{
    width:255px;
    margin-right:15px;

}
.resumeAdd > .portfolio .resumeEtcFileBox ul li:last-of-type{
    width:565px;
}
.resumeAdd > .portfolio .resumeEtcFileBox > div{
    float: right;
    height: 36px;
}


    /*자기소개서*/
.resumeAdd > .resumeDescription{

}
.resumeAdd > .resumeDescription .resumeSelfDescriptionBox{
    padding:0 25px 25px 25px;
}
.resumeAdd > .resumeDescription .resumeSelfDescriptionBox ul{
    overflow: hidden;
    margin-bottom:10px;
}

.resumeAdd > .resumeDescription .resumeSelfDescriptionBox ul li{
    float: left;
}
.resumeAdd > .resumeDescription .resumeSelfDescriptionBox ul li:first-of-type{
    width: 870px;
    height:36px;
    margin-right:10px;
}
.resumeAdd > .resumeDescription .resumeSelfDescriptionBox ul li input{
    height:36px;
}
.resumeAdd > .resumeDescription .resumeSelfDescriptionBox ul li:last-of-type{
    width: 40px;
    height:36px;
}
.resumeAdd > .resumeDescription .resumeSelfDescriptionBox textarea{
    width: 100%;
    height: 240px;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
}
.resumeAdd .typing{
    color: #7b7b7b;
    text-align: right;
}

/*경력기술서*/
.resumeAdd > .resumeCareerDescription .resumeCareerDescriptionBox{
    padding: 0 25px 25px 25px ;
}
.resumeAdd > .resumeCareerDescription .resumeCareerDescriptionBox textarea{
    width: 100%;
    height: 240px;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
}




.resumeAdd #addBtn{
    height:65px;
    line-height:65px;
}
.resumeAdd #addBtn span{
    display: block;
    background-color: #1891c3;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.resumeAdd #addBtn img{
    vertical-align: -4px;
    margin-left: 6px;
}


.resumeAdd .bottom ul{
    overflow: hidden;
    width:490px;
    margin:0 auto;
}
.resumeAdd .bottom ul li{
    float: left;
    width: 200px;
}
.resumeAdd .bottom ul > li:first-of-type{
    margin-right:90px;
}
.resumeAdd .bottom ul > li:first-of-type span{
    padding:11px 0;
}
.resumeAdd .bottom ul > li:last-of-type input[type="submit"]{
    font-size: 16px;
    height:40px;
}

/*-------------------recruit/resumeView-----------------------*/
#resumePrint{
    overflow: hidden;
}
#resumePrint > button{
    float: right;
    padding: 5px 17px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}
#printNewWindow{
    padding: 5px 17px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.resumeView{
    margin-top: 40px;
    display: inline;
    word-wrap: break-word;
    word-break:keep-all;

}
.resumeView #print{
    text-align: right;
}
.resumeView #print button{
    display: inline;
    padding:5px 12px;
    font-size: 14px;

}
.resumeView > .versionGuide{
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}
.resumeView > .versionGuide img{
    margin-right:5px;
}
.resumeView > .content{
    word-break: break-all;
}

.resumeView > .content table{
    border-collapse: collapse;
}
.resumeView > .content:not(.content1){
    background-color: #fff;
    margin-bottom: 25px;
    padding:30px 25px;
    box-sizing: border-box;
}
.resumeView > .content > .title{
    height: 50px;
}

.resumeView > .content > .title span{
    color: #444444;
    font-size: 23px;
    font-weight: 500;
}
.resumeView > .content .commonTable table tr th{
    background-color: #eeeeee;
    color: #444444;
    font-size: 14px;
    border-top:2px solid #444444;
    height: 35px;
    vertical-align: middle;
}
.resumeView > .content .commonTable table tr td{
    padding: 15px 10px;
    line-height: 1.4em;
    vertical-align: middle;
    border-top:2px solid #ebebeb;
    text-align: center;
    font-size: 16px;
    border-right: none;
}
.resumeView > .content .commonTable table tr td:nth-child(2) > span{
    font-weight: 500;
}
.resumeView > .content .commonTable table tr td:nth-child(2) > span > .position{
    color: #666666;
    font-size: 14px;
}
.resumeView > .content .commonTable table tr td:nth-child(3){
    text-align: center;
    font-size: 16px;

}
.resumeView > .content .commonTable table tr td:nth-child(4){}
.resumeView > .content .commonTable table tr td:nth-child(4) div{
}
.resumeView > .content .commonTable table tr td:nth-child(4) div > span{
    border: 1px solid #a7a7a7;
    color: #666;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    display: inline-block;
    padding: 2px 8px;
}
.resumeView > .content .commonTable table tr td:nth-child(4) div > p.text{
    font-size: 14px;
    color: #666666;
    margin-top: 8px;
}
.resumeView > .content .commonTable table tr td:nth-child(4) ul{
    overflow: hidden;
    width: 340px;
    margin-bottom: 8px;
}
.resumeView > .content .commonTable table tr td:nth-child(4) ul:last-of-type{
    margin-bottom: 0;
}
.resumeView > .content .commonTable table tr td:nth-child(4) ul li:last-of-type{
    width: 260px;
}
.resumeView > .content .commonTable table tr td:nth-child(4) ul li:last-of-type span{
    vertical-align: middle;
}



.resumeView > .content1{
    background-color: #fff;

    margin-bottom: 25px;
}
.resumeView > .content1 .bigTitle{
    padding: 12px 20px;
    text-align: center;
    border-top:5px solid #1891c3;
}
.resumeView > .content1 .bigTitle span{
    font-size:30px;
    color: #444;
    line-height: 1.2em;
}

.resumeView > .content2{
    padding:25px;
    overflow: hidden;
}
.resumeView > .content2 > div{
    float: left;
}
.resumeView > .content2 .img{
    margin:0 20px 0 0;
    width:122px;
    height:162px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}
.resumeView > .content2 .img img{
    width:120px;
    height:160px;
}
.resumeView > .content2 .info{}
.resumeView > .content2 .info .name{
    font-size: 22px;
    color: #444;
    font-weight: 500;
    margin-bottom: 20px;
}
.resumeView > .content2 .info .name span{
    font-size: 16px;
    color: #888888;
    font-weight: 400;
}


.resumeView > .content2 .info table{
    width: 775px;
}


.resumeView > .content2 .info table td{
    padding-bottom: 25px;
    line-height: 1.2em;
}
.resumeView > .content2 .info table td.title{
    position: relative;
    width:55px;
    color: #888888;
    font-size: 14px;
    border-right: none;
}
.resumeView > .content2 .info table td.phone{
    width:68px;
}
.resumeView > .content2 .info table td.title:after{
    position: absolute;
    right: 0;
    content: '';
    display: inline-block;
    background-color: #dddddd;
    width: 2px;
    height: 15px;
}

.resumeView > .content2 .info table td.cont{
    width: 317px;
    padding-left:15px;
    font-size: 16px;
    box-sizing: border-box;
    border-right:none;
}


.resumeView > .content3 .commonTable table tr td:nth-child(2){
    color: #1e94c5;
}

.resumeView > .content3 .commonTable table tr td:nth-child(3){
    color: #444444;
    font-weight: 500;
}

.resumeView > .content3 .commonTable table tr td:nth-child(4){
    color: #666666;
}
.resumeView > .content3 .commonTable table tr td:nth-child(5){
    color: #666666;
}


.resumeView > .content3 .textContent p.text{
    color: #666666;
    font-size: 14px;
    line-height: 1.4em;
}
.resumeView > .content4 .commonTable table tr td:nth-child(1) span{
    color: #1891c3;
}







.resumeView > .content .commonTable table tr.textContent td{
    border-top:none;
}

.resumeView > .content .commonTable table tr.textContent td:nth-child(1){
    vertical-align: top;
}
.resumeView > .content .commonTable table tr.textContent td:nth-child(1) span{
    display: inline-block;
    width: 130px;
    color: #666666;
    border: 1px solid #a7a7a7;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
    font-size: 14px;
}
.resumeView > .content .commonTable table tr.textContent > td:nth-child(2){
    text-align: left;
    color: #666;
    font-size: 14px;
}
.resumeView > .content .commonTable table tr.trBorder td{
    padding:0;
    border-bottom: none;
}
.resumeView > .content .commonTable table tr.trBorder div{
    border-bottom:2px solid #e8e8e8;
}



/*교육*/
.resumeView > .content7{

}
.resumeView > .content7 .eduContent span{
    color: #666666;
    font-size: 14px;
}
/*포트폴리오*/
.resumeView > .content8{
    padding-bottom: 50px;
}
.resumeView > .content8 .title{
    border-bottom: 2px solid #444444;
}
.resumeView > .content8 .fileListBox{
    /*overflow: hidden;*/
    padding:25px 35px 0;
    box-sizing: border-box;
}
.resumeView > .content8 .fileListBox > div ul{
    padding:0;
    margin:0;
    list-style: none;
}
.resumeView > .content8 .fileListBox > div ul li{
    height: 25px;
    margin-bottom:15px;
    padding-right: 25px;
}
.resumeView > .content8 .fileListBox > div ul li a:visited{
    color: #444444;
}

.resumeView > .content8 .fileListBox > div ul li a{
    text-decoration: none;
    color: #444444;
}
.resumeView > .content8 .fileListBox > div ul li span{
    font-size: 16px;
    display: inline-block;
    height: 24px;
    max-width: 780px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resumeView > .content8 .fileListBox > div ul li img{
    margin-right:10px;
    vertical-align: 4px;
}

/*자기소개서*/
.resumeView > .content9{
    padding-bottom:50px;
}
.resumeView > .content9 .title{
    border-bottom: 2px solid #444444;
}

.resumeView > .content9 .introduction{
    padding-top:35px;
    color: #444444;
}
.resumeView > .content9 .introduction .title{
    font-size: 23px;
    font-weight:500;
}
.resumeView > .content9 .introduction > .title{
    border-bottom: none;
}
.resumeView > .content9 .introduction > div{
    margin-top: 15px;
    line-height: 1.4em;
    text-align: justify;
}









/*경력기술서*/
.resumeView > .content10{
    padding-bottom: 50px;
}
.resumeView > .content10 .title{
    border-bottom: 2px solid #444444;
}
.resumeView > .content10 .careerIntroduction div{
    line-height: 1.4em;
    text-align: justify;
    color: #444444;
    margin-top: 35px;
}



.resumeView > .content11 .fileTable th{
    background-color: #f3f3f3;
    height:37px;
    color: #444444;
    font-size: 15px;
    font-weight:500;
    vertical-align: middle;
    border-top:2px solid #959595;
}
.resumeView > .content11 .fileTable th:first-child{
    border-right: 1px solid #e3e3e3;
}
.resumeView > .content11 .fileTable tr > td{
    border-bottom: 1px solid #e3e3e3;
}
.resumeView > .content11 .fileTable tr > td:first-child{
    border-right: 1px solid #e3e3e3;
}
.resumeView > .content11 .fileTable tr td ul{
    list-style: none;
    padding: 20px 15px;
}
.resumeView > .content11 .fileTable tr td ul li{
    height:20px;
    margin-bottom: 10px;
    line-height: 16px;
}
.resumeView > .content11 .fileTable tr td ul li:last-child{
    margin-bottom:0;
}
.resumeView > .content11 .fileTable tr td ul li a{
    text-decoration: none;
}
.resumeView > .content11 .fileTable tr td ul li span{
    display: inline-block;
    max-width: 380px;
    height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444444;
    font-size: 15px;
}

.resumeView > .content11 .fileTable tr td ul li img{
    height:20px;
    margin-right: 15px;
}

.resumeView > .content12 .title{
    border-bottom: 2px solid #444444;
    height: 40px;
}
.resumeView > .content12 .title img{
    vertical-align: -3px;
    margin-right:5px;
}

.resumeView > .content12 .title span:first-of-type{
    font-size: 18px;
}
.resumeView > .content12 .title span:last-of-type{
    color: #808080;
    font-size: 12px;
    font-weight: 300;
}
.resumeView > .content12 .fileTable td{
    border-bottom: 1px solid #e3e3e3;
    padding:15px;
    vertical-align: middle;
}
.resumeView > .content12 .fileTable td:nth-child(1){
    background-color: #f3f3f3;
    font-size: 15px;
    color: #444444;
    font-weight: 500;
    text-align: center;
    border-right:none;
}
.resumeView > .content12 .fileTable td:nth-child(2){
    padding:15px 30px;
}


.resumeView > .content12 .fileTable td.fileBox{

}
.resumeView > .content12 .fileTable td.fileBox > div{
    margin-bottom: 8px;
    line-height: 21px;
    font-size: 15px;
    height: 22px;
}
.resumeView > .content12 .fileTable td.fileBox > div:last-of-type{
    margin-bottom: 0px;
}
.resumeView > .content12 .fileTable td.fileBox > div a{
    text-decoration: none;
    color: #444444;
}

.resumeView > .content12 .fileTable td.fileBox > div span{
    display: inline-block;
    max-width: 660px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resumeView + .listBtn{
    float: right;
    width: 65px;
}
.resumeView + .listBtn span{
    display: inline-block;
    padding: 7px 18px;
    background-color: #fff;
    color: #333333;
    border: 1px solid #dcdcdc;
}
.resumeView + .listBtn a{
    text-decoration: none;
}

@media print{

    table{
         border-spacing: 0;
     }

    td {
        border-right:none;
    }

    dt{
        float: left;
    }

    ul{
        list-style: none;
    }

}



/*-------------------survey/1-----------------------*/
#survey{
    width:970px;
}
.survey > .onepageSurvey{
    background-color: #fff;
}
.survey  .surveyTitle{
    display: inline-block;
    color: #353535;
    font-size:38px;
    font-weight:500;
    padding-bottom:20px;
    border-bottom:6px solid #56b48c;
}

.survey .end{
    color: #353535;
    font-size:50px;
    font-weight:500;
    margin-top:50px;
}
.survey > .onepageSurvey .scrollEffect{
    opacity:0;
}
.survey > .onepageSurvey > .section{
    box-sizing: border-box;
    text-align: center;
}
.survey > .onepageSurvey > .section1{
    height:566px;
    padding-top: 230px;
    background-image:url("/assets/images/tokenpost/survey/img/imgHeader.png");
    background-repeat: no-repeat;
    color: #fff;
    font-size:66px;
    font-weight:500;
    text-align: center;
    box-sizing: border-box;
}
.survey > .onepageSurvey > .section1 img{
    margin-top: 150px;
}

.survey > .onepageSurvey > .section2{
    background-image:url("/assets/images/tokenpost/survey/img/patternBg1.png");
    background-repeat: no-repeat;
    padding:80px 30px 10px;
    background-position: -30px 0px;
}

.survey > .onepageSurvey > .section2 > .content{
    overflow: hidden;
    margin-top:30px;
}
.survey > .onepageSurvey > .section2 > .content > .textBox{
    float: left;
    text-align: left;
    color: #353535;
    font-size: 18px;
    line-height: 1.7em;
    padding-top: 45px;
}
.survey > .onepageSurvey > .section2 > .content > img{
    float: right;
}


.survey > .onepageSurvey > .section3{
    background-image:url("/assets/images/tokenpost/survey/img/patternBg2.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0 60px 100px;
}
.survey > .onepageSurvey > .section3 .content{
    font-size: 24px;
    color: #353535;
    padding:40px 0 100px;
    line-height: 1.5em;
}
.survey > .onepageSurvey > .section3 .surveyAlarm{
    font-size: 24px;
    text-align: left;
    line-height: 1.3em;
}
.survey > .onepageSurvey > .section3 .surveyAlarm li{
    margin-bottom: 8px;
}
.survey > .onepageSurvey > .section3 .surveyAlarm span{
    color: #df0000;
}
.survey > .onepageSurvey > .section3 .surveyAlarm li a{
    color:#1891c3;
}
.survey > .onepageSurvey > .section3 .surveyAlarm li a:visited{
    color:#1891c3;
}
.survey > .onepageSurvey > .section4{
    width: 970px;
    display: inline-block;
    background-image:url("/assets/images/tokenpost/survey/img/imgSurveyBg3.png");
    background-repeat: no-repeat;
    padding-top:100px;
}
.survey > .onepageSurvey > .section4 .box{
    position: relative;
    width:420px;

    overflow: hidden;
    margin:0 auto 40px;
}
.survey > .onepageSurvey > .section4 .box1{
    height: 210px;
}
.survey > .onepageSurvey > .section4 .box2{
    height:255px;
}
.survey > .onepageSurvey > .section4 .box3{
    height:190px;
}

.survey > .onepageSurvey > .section4 img{
    position: absolute;
}
.survey > .onepageSurvey > .section4 .box1 img:nth-child(1){
    top: 0;
    left: 0;
}
.survey > .onepageSurvey > .section4 .box1 img:nth-child(2){
    bottom: 0;
    right: 0;
}
.survey > .onepageSurvey > .section4 .box2 img:nth-child(1){
    top: 0;
    left: 0;
}
.survey > .onepageSurvey > .section4 .box2 img:nth-child(2){
    bottom: 0;
    right: 0;
}
.survey > .onepageSurvey > .section4 .box3 img:nth-child(1){
    left: 140px;
}


.survey > .onepageSurvey > .section4 .text{
    color: #fff;
    font-size:30px;
    line-height: 1.6em;
    margin-bottom: 120px;
}

.survey > .onepageSurvey > .section5{
    /*min-height:1100px;*/
    background-image:url("/assets/images/tokenpost/survey/img/patternBg3.png");
    background-repeat: no-repeat;
    background-position:0px 316px;
    padding:90px 0;
}
.survey > .onepageSurvey > .section5 .surveyLogin{
    width:315px;
    margin:55px auto 0;

    overflow: hidden;
}
.survey > .onepageSurvey > .section5 .surveyLogin span{
    float: left;
    padding: 16px 0;
    font-size: 25px;
}
.survey > .onepageSurvey > .section5 .surveyLogin span:first-child{
}
.survey > .onepageSurvey > .section5 .surveyLogin span:last-child{
    border:2px solid #1891c3;
}

.survey > .onepageSurvey > .section5 .certificationBox{
    margin:0 auto;
}
.survey > .onepageSurvey > .section5 .certificationBox .state{
    margin: 70px 0;
}
.survey > .onepageSurvey > .section5 .certificationBox .text{
    font-size: 24px;
    font-weight:500;
    line-height: 1.5em;
}
.survey > .onepageSurvey > .section5 .certificationBox .btnArea{
    width:390px;
    margin:80px auto;
}
.survey > .onepageSurvey > .section5 .certificationBox .btnArea a{
    text-decoration: none;


}
.survey > .onepageSurvey > .section5 .certificationBox .btnArea span{
    width:390px;
    padding:25px 0;
    font-size: 38px;
    font-weight: 500;
}

.survey > .onepageSurvey > .section5 .certificationBox > div{

}
.survey > .onepageSurvey > .section5 .certificationBox > div img.complete{
    width:60px;
    vertical-align: -21px;
}
.survey > .onepageSurvey > .section5 .sponsor{
    width:550px;
    margin:110px auto 0;
}

.survey > .onepageSurvey > .section5 .sponsor dl{}
.survey > .onepageSurvey > .section5 .sponsor dt{
    float: left;
    height:100px;
    width:160px;
    line-height:100px;
}
.survey > .onepageSurvey > .section5 .sponsor dt span{
    color: #353535;
    font-size:23px;
    font-weight:500;
}
.survey > .onepageSurvey > .section5 .sponsor dt span:after{
    display: inline-block;
    content: '';
    width:3px;
    height:20px;
    background-color:#353535;
    margin-left: 15px;
}
.survey > .onepageSurvey > .section5 .sponsor dd{
    height:100px;
    line-height:100px;
    margin-left:160px;
    /*padding-left: 25px;*/
    text-align: left;
}
.survey > .onepageSurvey > .section5 .sponsor dd img{
    vertical-align: middle;
}



.certificationModalWrap{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
.certificationModal{
    width:510px;
    margin: 8% auto 0;
}
@media (max-height:400px){
    .certificationModal{
        margin: 2% auto 0 !important;
        height:300px;

    }
    .certificationModal > .content{
        height:260px;
        overflow-y: scroll;
        -ms-overflow-style: none;
    }
    .certificationModal > .content::-webkit-scrollbar {
        display: none;
    }
}


@media (min-height:401px) and (max-height:600px){
    .certificationModal{
        margin: 2% auto 0 !important;
        height:380px;
    }
    .certificationModal > .content{
        height:340px;
        overflow-y: scroll;
        -ms-overflow-style: none;
    }
    .certificationModal > .content::-webkit-scrollbar {
        display: none;
    }
}


@media (min-height:601px) and (max-height:800px){
    .certificationModal{
        margin: 5% auto 0 !important;
        height:500px;
    }
    .certificationModal > .content{
        height:460px;
        overflow-y: scroll;
        -ms-overflow-style: none;
    }
    .certificationModal > .content::-webkit-scrollbar {
        display: none;
    }
}


.certificationModal .header{
    width:510px;
    height:40px;
    line-height:40px;
    padding-left:15px;
    box-sizing: border-box;
    background-color: #1891c3;
    color: #fff;
    overflow: hidden;
    z-index: 9;
}
.certificationModal .header > .certificationModalClose{
    width: 40px;
    height:40px;
    line-height:45px;
    float: right;
    text-align: center;
    cursor: pointer;
}
.certificationModal > .content{
    padding:20px 5px 30px 30px;
    background-color: #fff;
    overflow: auto;
    -ms-overflow-style: none;
}

.certificationModal > .content::-webkit-scrollbar {
    display: none;
}

.certificationModal .content > .certificationImg{
    width:258px;
    margin:30px auto 50px;
}

.certificationModal .content .title{
    margin-bottom: 15px;
    color: #1891c3;
    font-weight:500;
    font-size:22px;

}

.certificationModal .content .text{
    line-height: 1.5em;
    font-weight: 500;
    overflow: hidden;
    margin-bottom: 25px;
    width: 460px;
}
.certificationModal .content .text ul{
    float: left;
    width: 320px;
    margin-right: 20px;
}
.certificationModal .content .text li:before{
    display: inline-block;
    content: '';
    width: 4px;
    height:4px;
    background-color: #3076bb;
    vertical-align: 3px;
    margin-right: 7px;
}
.certificationModal .content .text img{
    float: left;
    margin-top: 10px;
}

.certificationModal .content .certificationImg{
    text-align: center;
}
.certificationModal .modalBottom{
    margin:10px auto 0;
}
.certificationModal .modalBottom span{
    font-size: 18px;
}
.certificationModal .modalBottom a{
    text-decoration: none;
}

/*------------------------survey/collect/1--------------------------*/
.survey .surveyContent .section{
    padding:30px 135px;
}
.survey > .surveyContent > .section1{
    height: 270px;
    background-image: url("/assets/images/tokenpost/survey/img/imgHeader.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 90px;
    font-size: 61px;
}
.survey > .surveyContent > .section1 img{
    margin-top: 39px;
    width: 265px;
}
.survey .surveyContent .surveyBottom{
    padding:30px 30px 40px 30px;
}
.survey .surveyContent .surveyBottom .btnArea{
    width: 315px;
    overflow: hidden;
    margin: 0 auto;
}
.survey .surveyContent .surveyBottom .btnArea span{
    float: left;
    padding: 13px 0;
    font-size: 16px;
}





/*------------------------survey/2--------------------------*/

.survey > .onepageSurvey2{
    /*padding: 0 60px;*/
}

.survey > .onepageSurvey2 > .contentSection1{
    text-align: center;
    padding:60px 60px 0;

}
.survey > .onepageSurvey2 > .contentSection1 > .title{
    color: #353535;
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 25px;
}
.survey > .onepageSurvey2 > .contentSection1 > .title:after{
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    height: 6px;
}
.survey > .onepageSurvey2 > .contentSection1 > .title1:after{
    width:587px;
    background:url("/assets/images/tokenpost/survey/img/underBar1.png") no-repeat;
}
.survey > .onepageSurvey2 > .contentSection1 > .title2:after{
    width:146px;
    background:url("/assets/images/tokenpost/survey/img/underBar2.png") no-repeat;
}
.survey > .onepageSurvey2 > .contentSection1 > .title3:after{
    width:99px;
    background:url("/assets/images/tokenpost/survey/img/underBar3.png") no-repeat;
}

.survey > .onepageSurvey2 > .contentSection1 > .title4:after{
    width:210px;
    background:url("/assets/images/tokenpost/survey/img/underBar5.png") no-repeat;
}
.survey > .onepageSurvey2 > .contentSection1 > .content{
    width: 750px;
    margin:0 auto 120px;
    font-size: 24px;
    color: #353535;
    line-height: 1.4em;
}

.survey > .onepageSurvey2 > .contentSection1 > .guide{
    font-size: 30px;
    margin-bottom: 120px;
    line-height: 1.4em;
}
.survey > .onepageSurvey2 > .contentSection1 > .guide span{
    color: #2e9ffc;
}

.survey > .onepageSurvey2 > .contentSection1 > .coin{
    background-color: #f6f6f6;
    padding: 30px 55px;
    color: #444444;

}
.survey > .onepageSurvey2 > .contentSection1 > .coin > .title{
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 500;
}
.survey > .onepageSurvey2 > .contentSection1 > .coin > .title a:visited{
    color: #2e9ffc;
}
.survey > .onepageSurvey2 > .contentSection1 > .coin > .title a{
    display: block;
    text-decoration: none;
    color: #2e9ffc;
    font-size: 24px;
    margin-top: 13px;
}
.survey > .onepageSurvey2 > .contentSection1 > .coin > .text{
    font-size: 22px;
    text-align: left;
    line-height: 1.5em;
}
.survey > .onepageSurvey2 > .alert{
    width: 730px;
    color: #444444;
    background-color: #fff;
    margin:60px auto;
    line-height: inherit;
    padding:0;
}

.survey > .onepageSurvey2 > .alert > .title{
    text-align: center;
    font-size: 35px;
    margin-bottom: 40px;
    font-weight: 500;
}

.survey > .onepageSurvey2 > .alert > ul{
overflow: hidden;
}
.survey > .onepageSurvey2 > .alert > ul > li{
    font-size: 23px;
    color: #444444;
    margin-bottom: 10px;
    line-height: 1.4em;
}
.survey > .onepageSurvey2 > .alert > ul > li > span{
    color: #e80000;
}

.survey > .onepageSurvey2 > .certificationBox{

}

.survey > .onepageSurvey2 > .participation{
    background-color: #f1f1f1;
    padding-bottom: 40px;
    text-align: center;
}
.survey > .onepageSurvey2 > .participation > .title{
    font-size: 35px;
    color: #444444;
    text-align: center;
    padding-top: 44px;
    font-weight: 500;
    margin-bottom: 30px;
}
.survey > .onepageSurvey2 > .participation > .end{
    color: #353535;
    font-size: 50px;
    font-weight: 500;
    margin: 50px;
}
.survey > .onepageSurvey2 > .participation > .certificationBox > .state{
    text-align: center;
}
.survey > .onepageSurvey2  > .participation > .certificationBox > .state > img{
    margin: 40px 0;
}

.survey > .onepageSurvey2 > .participation > .certificationBox > .certificationText{
    font-size: 20px;
    text-align: center;
    line-height: 1.5em;
    margin: 0px auto 60px;
}
.survey > .onepageSurvey2 > .participation > .certificationBox > .certificationComplete{

}
.survey > .onepageSurvey2 > .participation > .certificationBox > .btnArea{
    width: 300px;
    margin:0 auto;
}

.survey > .onepageSurvey2 > .participation > .certificationBox > .btnArea .certificationIncomplete{
    padding: 24px 0;
    font-size: 38px;
    font-weight: 500;
}

.survey > .onepageSurvey2 > .participation > .surveyLogin{
    width: 330px;
    margin:30px auto;
    overflow: hidden;
}
.survey > .onepageSurvey2 > .participation > .surveyLogin a{
    float: left;
    text-decoration: none;
}
.survey > .onepageSurvey2 > .participation > .surveyLogin span{
    font-size: 16px;
}
.survey > .onepageSurvey2 > .participation > .surveyLogin span:nth-child(1){
    padding:16px 0;
}

.survey > .onepageSurvey2 > .sponsor{
    width: 550px;
    margin: 0 auto;
    padding: 50px 0 100px;
}
.survey > .onepageSurvey2 > .sponsor > dl{
    overflow: hidden;
}

.survey > .onepageSurvey2 > .sponsor dt{
    float: left;
    height: 100px;
    width: 160px;
    line-height: 100px;
    text-align: right;
}
.survey > .onepageSurvey2 > .sponsor dt span{
    color: #353535;
    font-size: 23px;
    font-weight: 500;
}
.survey > .onepageSurvey2 > .sponsor dt span:after{
    display: inline-block;
    content: '';
    width: 3px;
    height: 20px;
    background-color: #353535;
    margin-left: 23px;
}


.survey > .onepageSurvey2 > .sponsor dd{
    height: 100px;
    line-height: 100px;
    margin-left: 160px;
    /* padding-left: 25px; */
    text-align: left;
}
.survey > .onepageSurvey2 > .sponsor dd img{
    vertical-align: middle;
}

/*--------------------airdrop/amo-----------------------*/
.amoAirdrop{
    /*font-family: Gulim;*/
    /*font-family: Dotum, Gulim, 'Malgun Gothic' ;*/
}
.amoAirdrop > .content{
    position: relative;
}
.amoAirdrop > .content > .contImg{
}
.amoAirdrop > .schedule{
    background-color: #4a497b;
    padding:30px 140px;
}
.amoAirdrop > .schedule ul li{
    color: #fff;
    font-size: 16px;
    font-weight:300;
    margin-bottom: 20px;
}
.amoAirdrop > .schedule p{
    color: #fcee21;
    text-align: center;
    margin: 40px 0 0;
}
.amoAirdrop > .content1 .date{
    position: absolute;
    top: 292px;
    left: 82px;
    font-size: 21px;
    color: #4a497b;
    font-weight: bold;
}
.amoAirdrop > .content1 ul{
    position: absolute;
    bottom: 190px;
    width: 402px;
    left: 50%;
    margin-left: -201px;
}
.amoAirdrop > .content1 ul li{
    float: left;
}
.amoAirdrop > .content1 ul li:first-child{
    margin-right:50px;
}
.amoAirdrop > .content1 ul li span{
    display: inline-block;
    background-color: #24244f;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 18px;
    border-radius: 10px;
}
.amoAirdrop > .content2 span{
    position: absolute;
    bottom: 77px;
    left: 259px;
    display: inline-block;
    background-color: #24244f;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    border-radius: 10px;

}
.amoAirdrop > .content2 a{
    text-decoration: none;
    color: #fff;
}
.amoAirdrop > .content3 div.seq{
    position: absolute;
    top:0;
    width:700px;
    left: 50%;
    margin-left: -350px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
}
.amoAirdrop > .content3 div.seq span.fontColor{
    color: #4a497b;
    font-weight: bold;
}
.amoAirdrop > .content3 div.seq:nth-child(1){

}
.amoAirdrop > .content3 div.seq:nth-child(2){
    top: 157px;
}
.amoAirdrop > .content3 div.seq:nth-child(2) a{
    text-decoration: none;
}
.amoAirdrop > .content3 div.seq:nth-child(2) a span{
    color: #000;
}
.amoAirdrop > .content3 div.seq:nth-child(3){
    top: 515px;
}
.amoAirdrop > .content3 div.seq:nth-child(4){
    top: 806px;
}
.amoAirdrop > .content3 div.seq:nth-child(5){
    top: 1095px;
}
.amoAirdrop > .content3 div.seq:nth-child(5) a{
    text-decoration: none;
}
.amoAirdrop > .content3 div.seq:nth-child(6){
    top:1129px;
}



.amoAirdrop > .content5 .seq{
    position: absolute;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
}
.amoAirdrop > .content5 div.seq span.fontColor{
    color: #4a497b;
    font-weight: bold;
}

.amoAirdrop > .content5 div.seq:nth-child(1){

}
.amoAirdrop > .content5 div.seq:nth-child(2){
    top: 157px;
}
.amoAirdrop > .content5 div.seq:nth-child(2) a{
    text-decoration: none;
}
.amoAirdrop > .content5 div.seq:nth-child(2) a span{
    color: #000;
}
.amoAirdrop > .content5 div.seq:nth-child(3){
    top: 515px;
}
.amoAirdrop > .content5 div.seq:nth-child(4){
    top: 806px;
}
.amoAirdrop > .content5 div.seq:nth-child(5){
    top: 1095px;
}
.amoAirdrop > .content5 div.seq:nth-child(5) a{
    text-decoration: none;
}
.amoAirdrop > .content5 div.seq:nth-child(6){
    top:1129px;
}

.amoAirdrop > .content5 div.seq:nth-child(6) ul{
    padding: 10px 15px;
}
.amoAirdrop > .content5 div.seq:nth-child(6) ul li{
    color: #0071bc;
    font-size: 14px;
}
.amoAirdrop > .content5 div.seq:nth-child(6) ul li:first-of-type{
    margin-bottom:10px;
}
.amoAirdrop > .content5 div.seq:nth-child(6) ul a{
    text-decoration: none;
    color: #0071bc;
}

.amoAirdrop > .content5 div.seq:nth-child(7){
    top:1665px;
}

.amoAirdrop > .moveSection{
    width:970px;
    margin:0 auto;
    background-color:#4a497b;

}
.amoAirdrop > .moveSection .moveBtn{
    padding: 10px 0 25px;
    text-align: center;
}
.amoAirdrop > .moveSection span{
    display: inline-block;
    background-color: #24244f;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 10px;
    cursor: pointer;
}

.amoAirdrop > .content7{
    padding:60px 0px 120px;
    background-color: #efedf4;
}
.amoAirdrop > .content7 .box .title{
    text-align: center;
    margin-bottom: 35px;
}

.amoAirdrop > .content7 .box .title span{
    color: #373f64;
    font-weight: bold;
    font-size: 36px;
}
.amoAirdrop > .content7 .box1{
    margin-bottom: 75px;
}
.amoAirdrop > .content7 .box1 p{
    text-align: center;
    color: #373f64;
    font-size: 16px;
    font-weight: bold;
    line-height: 2.4em;
}


.amoAirdrop > .content7 .box2{
    width:540px;
    margin:0 auto;
    background-color: #ededed;
    padding: 40px 215px;
}
.amoAirdrop > .content7 .box2 input{
    width:100%;
    height:32px;
    border: 1px solid #b3b3b3;
    background-color: #e6e6e6;
    padding: 0 8px;
    box-sizing: border-box;
    color: #525252;
}

.amoAirdrop > .content7 .box2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}

.amoAirdrop > .content7 .box2 input::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

.amoAirdrop > .content7 .box2 input:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}

.amoAirdrop > .content7 .box2 input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}
.amoAirdrop > .content7 .box2 ul{
    overflow: hidden;
    margin:30px 0 5px;
}
.amoAirdrop > .content7 .box2 ul li{
    float: left;
}
.amoAirdrop > .content7 .box2 ul li:first-of-type{
    width:400px;
    margin-right:20px;
}
.amoAirdrop > .content7 .box2 ul li:last-of-type{
    width:120px;
}
.amoAirdrop > .content7 .box2 span.type{
    padding-left: 10px;
    color: #666666;
    font-size: 14px;
}

.amoAirdrop > .content7 .box2 .btnBox{
    width: 80px;
    height:32px;
    margin: 15px auto 0;
}
.amoAirdrop > .content7 .box2 .btnBox input{
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    color: #000;
}
.amoAirdrop > .content7 .box2 ul input[type="file"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.amoAirdrop > .content7 .box2 ul label{
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #b3b3b3;
    background-color: #e6e6e6;
    padding: 0 8px;
    box-sizing: border-box;
    font-weight: 500;
    cursor: pointer;
}


.amoAirdrop > .content7 .box2 .certificationBox .state{
    text-align: center;
}

.amoAirdrop > .content7 .box2 .certificationBox .certificationText{
    text-align: center;
    font-size: 24px;
    padding: 40px 0 10px;
    font-weight: 500;
}
.amoAirdrop > .content7 .box2 .certificationBox .certificationText > div img{
    width:80px;
}

.amoAirdrop > .content7 .box2 .certificationBox .certificationText > div span{
    vertical-align: 31px;
}
.amoAirdrop > .content7 .box2 .certificationBox .certificationIncomplete{
    font-size: 18px;
    line-height: 1.6em;
}

.amoAirdrop > .content7 .box2 .certificationBox .btnArea{
    margin-top:30px;
}
.amoAirdrop > .content7 .box2 .certificationBox .btnArea .certificationIncomplete{
    margin:0 auto;
}




.amoAirdrop > .content7 .box2 .loginBox{
    overflow: hidden;
    width:315px;
    margin:0 auto;
}
.amoAirdrop > .content7 .box2 .loginBox a{
    float: left;
    text-decoration: none;
}
.amoAirdrop > .content7 .box2 .loginBox span{
    padding: 12px 0;
    font-size: 16px;
}
.amoAirdrop > .content7 .box2 .loginBox > span:first-of-type{
    color: #fff;
}


.amoAirdrop > .content7 .box3{
    padding-top:45px;

}
.amoAirdrop > .content7 .box3 .logoBox{
    width: 730px;
    margin: 0 auto;
    padding-top: 30px;
    border-top:2px solid #373f64;
    padding-left: 99px;
    box-sizing: border-box;
}
.amoAirdrop > .content7 .box3 .logoBox ul{
    overflow: hidden;
}
.amoAirdrop > .content7 .box3 .logoBox ul li{
    float: left;
    margin-right:30px;
}


/*--------------------tpc/index-----------------------*/
#tpcPage{
    width: 655px;
}
#tpcPage .scrollMenuWrap li{
    line-height: 70px;
}
#tpcPage .scrollMenuWrap li a{
    display: block;
    color: #1891c3;
    text-decoration: none;
}
#tpcPage .scrollMenuWrap li img{
    vertical-align: -9px;
    margin: 0 5px 0 0;
}
#tpcPage .scrollMenuWrap li.menu3 img{
    vertical-align: middle;
}

#tpcPage .scrollMenuWrap li.menu3{
    position: relative;
}
#tpcPage .scrollMenuWrap li.menu3 .cover{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    color: #Fff;
    font-weight: bold;
    font-size: 20px;
}
#tpcPage .scrollMenuWrap li.menu4 img{
    width: 35px;
}

#tpcPage .mediaWrap a{
    display: block;
}
#tpcPage .mediaWrap img{
    width: 655px;
}

#tpcPage > .scrollListWrap > .guideWrap{
    position: relative;
    height: 309px;
    background: url("/assets/images/tokenpost/tpc/img/imgGuideBg.png") no-repeat;
    /*background-position: 412px 20px;*/
}
#tpcPage > .scrollListWrap > .guideWrap .logo{
    position: absolute;
    top: 15px;
    right: 19px;
}
#tpcPage > .scrollListWrap > .guideWrap .guideTitle{
    display: inline;

    color: #fee900;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid #fee900;
    padding-bottom: 1px;
}
#tpcPage > .scrollListWrap > .guideWrap .guideText{
    width:425px;
    color: #fff;
}
#tpcPage > .scrollListWrap > .guideWrap .tpcSponsor{
    color: #dddddd;
    font-size:12px;
    margin-top: 10px;
}
#tpcPage > .scrollListWrap > .guideWrap .tpcSponsor dt{
    float: left;
    height: 50px;
    line-height: 50px;
}
#tpcPage > .scrollListWrap > .guideWrap .tpcSponsor dd{
    height: 50px;
    line-height: 50px;
    margin-left: 60px;
}
#tpcPage > .scrollListWrap > .guideWrap .tpcSponsor dd img{
    margin-left: 10px;
}
#tpcPage .content .scrollListImg {
    width:157px;
    height: 105px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    margin-right: 15px;
}
#tpcPage .content .scrollListImg img{
    width:155px;
    height:103px;

}
#tpcPage .content .scrollListText{
    display: table;
    height:103px;

}
#tpcPage .content .scrollListText > div{
    display: table-cell;
    vertical-align:middle;
}
#tpcPage .content .scrollListText .title1{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
#tpcPage .content .scrollListText .title2{
    font-size: 14px;
    line-height: 1.5em;
}
#tpcPage .content .scrollListText .title2 a:visited{
    color:#1891c3;
}
#tpcPage .content .scrollListText .title2 a{
    color:#1891c3;
}



#tpcPage .bottomLogo{
    background-color:#fff;
    padding:15px 15px 5px 15px;
}
#tpcPage .tpcProtectorLogo{
    position: relative;
    font-size: 20px;
    color: #a4a4a4;

}
#tpcPage .tpcProtectorLogo img:last-child{
    position: absolute;
    right: 0;
    bottom: 6px;
    float: right;
}
#tpcPage .tpcProtectorLogo > .logo > span{
    vertical-align: 15px;
}


/*--------------------tpc/payment-----------------------*/
/*기본베이스는 event 결제 */
.tpcPaymentInfoWrap .guide li {
    margin-top:4px;
}
.tpcPaymentInfoWrap .guide li span{
    color: #b1b1b1;
    font-size: 12px;
}
.tpcPaymentInfoWrap .guide li.importantTxt span{
    color: #f50000;
    font-weight: bold;
}
.tpcPaymentInfoWrap .tabs{
    margin-top: 10px;
}
.tpcPaymentInfoWrap .tabs li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width:50%;
    height: 60px;
    line-height: 1.3;
    text-align:center;
    padding-top: 8px;
    background: #d0d0d0;
    border:1px solid transparent;
    cursor: pointer;
}
.tpcPaymentInfoWrap .tabs li a{
    text-decoration: none;
}
.tpcPaymentInfoWrap .tabs li span{
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.tpcPaymentInfoWrap .tabs li.active {
    background: #fff;
}
.tpcPaymentInfoWrap .tabs li:nth-of-type(2).active{
    border-color: #1891c3;
}
.tpcPaymentInfoWrap .tabs li:not(:nth-of-type(2)).active{
    border-color: #f97141;
}
.tpcPaymentInfoWrap .tabs li:nth-of-type(2).active span{
    color: #1891c3;
}
.tpcPaymentInfoWrap .tabs li:not(:nth-of-type(2)).active span{
    color: #f97141;
}
.tpcPaymentInfoWrap .tabs li.active span{
    color: #fff;
}
.tpcPaymentInfoWrap .tabContent {
    margin-top: 10px;
}
.tabContent .info{
    margin-bottom: 10px;
}
.tabContent .info span{
    position: relative;
    padding-left: 20px;
    line-height: 1.3;
    font-weight: 500;
}
.tabContent .info span:before{
    content:'';
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    background:url('/assets/images/tokenpost/tpc/icon/iconInfo.png') center center no-repeat;
    -webkit-background-size:100%;
    background-size:100%;
}
.tpcPaymentInfoWrap .tpcPaymentResult{
    margin-bottom: 20px;
    border:1px solid #dadada;
    font-weight: bold;
}
.tpcPaymentInfoWrap .tpcPaymentResult > table{
    box-sizing: border-box;
}

.tpcPaymentInfoWrap .tpcPaymentResult table tr th{
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dadada;
}
.tpcPaymentInfoWrap .tpcPaymentResult table tr td{
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}
.tpcPaymentInfoWrap .tpcPaymentResult table tr td:nth-child(1) span{
    vertical-align: 38px;
}
.tpcPaymentInfoWrap .tpcPaymentResult table tr td img{
    margin: 20px 13px 20px 0;
    width: 50px;
}
.tpcPaymentInfoWrap .tpcPaymentResult > div{
    border-top: 1px solid #dadada;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.tpcPaymentInfoWrap .usingToken,
.tpcPaymentInfoWrap .ableMoney{
    margin-bottom: 20px;
    text-align: right;
    font-weight: 500;
}

/* 환전소 팝업 */

#popupNewsChangeConfirm{
    padding: 32px 34px;
    background-color: #ffffff;
}
#popupNewsChangeConfirm .header h1{
    margin-bottom: 44px;
    font-size: 20px;
    line-height: 1.35em;
    color: #333333;
}
#popupNewsChangeConfirm .guideWrap{
    width: 270px;
    padding: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -135px;
    text-align: center;
    background-color: #ffffff;
    z-index: 10003;
}
#popupNewsChangeConfirm .guideWrap li{
    text-align: center;
}
#popupNewsChangeConfirm .guideWrap li + li{
    margin-top: 5px;
}
#popupNewsChangeConfirm .guideWrap li span{
    font-size: 14px;
    line-height: 1.35em;
    color: #4f4f4f;
}
#popupNewsChangeConfirm .guideWrap .otpBtn{
    margin-top: 24px;
}
#popupNewsChangeConfirm .priceChangedAlarmArea .bgBlack{
    position:fixed;
    top: 0;
    left: 0;
    background-color: #171717;
    opacity: 0.8;
    height:100%;
    width: 100%;
    z-index:10002;
}
#popupNewsChangeConfirm .information dl + dl{
    margin-top: 24px;
}
#popupNewsChangeConfirm .information dl dt,
#popupNewsChangeConfirm .information dl dd{
    display: inline-block;
}
#popupNewsChangeConfirm .information dl dt{
    width: 150px;
    font-size: 16px;
    color: #bdbdbd;
}
#popupNewsChangeConfirm .information dl dd{
    width: calc(100% - 150px);
    margin-left: -4px;
    font-size: 14px;
    line-height: 1.35em;
    color: #4f4f4f;
}
#popupNewsChangeConfirm .numberFiled dt,
#popupNewsChangeConfirm .numberFiled dd{
    display: inline-block;
}
#popupNewsChangeConfirm .numberFiled dt{
    width: 150px;
    font-size: 16px;
    color: #bdbdbd;
}
#popupNewsChangeConfirm .numberFiled dd{
    width: calc(100% - 150px);
    margin-left: -4px;
}
#popupNewsChangeConfirm .numberFiled dd input[type="text"]{
    width: 295px;
    height: 35px;
    padding-left: 16px;
    line-height: 35px;
    font-size: 14px;
    box-sizing: border-box;
    border: solid 1px #e0e0e0;
}
#popupNewsChangeConfirm .numberFiled dd input[type="text"]::placeholder{
    color: #bdbdbd;
    font-size: 14px;
}
#popupNewsChangeConfirm .information dd span.type_nkrw{
    color: #f97141;
}
#popupNewsChangeConfirm .information dd span.type_news{
    color: #1891c3;
}
#popupNewsChangeConfirm .tpcWithdrawalBottom{
    margin-top: 56px;
    text-align: center;
}
#popupNewsChangeConfirm .notice{
    margin-top: 24px;
    background-color: #f2f2f2;
}
#popupNewsChangeConfirm .notice p{
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    color: #4f4f4f;
}

.paymentEtcInfoWrap .coinLogoList > .title:before{
    content: '';
    display: inline-block;
    width: 3px;
    height:12px;
    background-color: #116bb6;
    margin-right:5px;
    vertical-align: -1px;
}
.paymentEtcInfoWrap .coinLogoList ul{
    overflow: hidden;
    margin: 15px 0 0 8px;
}
.paymentEtcInfoWrap .coinLogoList li{
    float: left;
    height:55px;
    width: 35px;
    color: #444444;
    font-size: 12px;
    text-align: center;
    margin-right: 15px;

}
.paymentEtcInfoWrap .coinLogoList li:last-child{
    margin-right: 0;
}
.paymentEtcInfoWrap .coinLogoList li img{
    margin-bottom: 4px;
}

/* 환전소 준비중 임시 css */
.prepareArea{
    padding:100px 0 70px;
    text-align: center;
}
.prepareArea .img{
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle;
}
.prepareArea .text{
    display: inline-block;
    width: 400px;
    margin-bottom: 50px;
    vertical-align: middle;
}
.prepareArea .text p:nth-of-type(1){
    font-size: 34px;
    font-weight: 500;
}
.prepareArea .text p:nth-of-type(2){
    margin:30px 0;
    line-height: 1.5;
    font-size: 20px;
}
.prepareArea .text p:nth-of-type(3){
    font-size: 18px;
}
.prepareArea a {
    text-decoration: none;
}
.prepareArea .text a span{
    text-decoration: underline;
    font-weight: 500;
}
.prepareArea .joinBox span {
    font-size: 16px;
}

/*tpc/payment (coin payment 이용안내)*/

.coinPaymentGuideWrap{

}

.coinPaymentGuideWrap > .contentWrap{
    /*border-top:2px solid #1891c3;*/
}
.coinPaymentGuideWrap > .contentWrap > div{
    display: none;
    padding:45px 15px;
    box-sizing: border-box;
    color: #444444;
    font-size: 16px;
    background-color: #fff;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu1{
    line-height: 2em;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu1 > p > span{
    color: #116bb6;
    font-weight: 500;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1{
    border-bottom:2px solid #c3c3c3;
    padding:0 110px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .title{
    text-align: center;
    font-size: 20px;
    font-weight:500;
    color: #444444;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > span{
    font-size: 16px;
    font-weight:300;
    color: #444444;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection{
    overflow: hidden;
    margin-top: 40px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatLeft{
    width: 80px;
    height: 55px;
    line-height: 1.2em;
    padding-top: 8px;
    box-sizing: border-box;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatLeft span:before{
    content: '';
    display: inline-block;
    width:3px;
    height:12px;
    background-color: #116bb6;
    margin-right: 8px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight{
    width:640px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul{
    overflow: hidden;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li{
    float: left;
    margin-left: 50px;
    width: 32px;
    height: 55px;
    text-align: center;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li img{
    margin-bottom: 6px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li span{
    font-size: 12px;
    color: #444444;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > ul{
    color: #d30000;
    margin: 35px 0 40px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > ul > li{
    margin-bottom: 5px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2{
    padding: 60px 114px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li{
    padding-bottom:65px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .title{
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 1.3em;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .title span{
    font-weight:bold;
}

.tpcPaymentInfoWrap .chkAgree{
    margin-top: 20px;
}
.tpcPaymentInfoWrap .chkAgree span{
    vertical-align: middle;
}
.tpcPaymentInfoWrap .chkAgree b{
    vertical-align: middle;
    font-weight: 400;
    color: #1891c3;
    text-decoration: underline;
    cursor: pointer;
}
.paymentEtcInfoWrap .paymentUl6 span{
    border:1px solid #dadada;
    font-size: 16px;
}
/* 이용약관 popup */
.popupTerms .popupClose img{
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
}
.popupTerms .content{
    width: 900px;
    background: #fff;
}
.popupTerms .header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background-color: #1891c3;
}
.popupTerms .header h1{
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.popupTerms .infoWrap{
    padding: 40px;
    background: #fff;
}
.popupTerms .cnt{
    height: 500px;
}
.popupTerms .cnt .mCS-dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #959595;
}
.popupTerms .infoWrap .title{
    margin-bottom: 30px;
    color: #1891c3;
    font-weight: 500;
}
.popupTerms .infoWrap .title:not(:first-of-type){
    margin-top: 30px;
}
.popupTerms .infoWrap .subtitle{
    margin: 20px 0;
    font-weight: 500;
}
.popupTerms .infoWrap .info{
    margin-bottom: 10px;
    line-height: 1.5;
}
.popupTerms .infoWrap .info span{
    display: block;
    padding-left: 20px;
}
.popupTerms .infoWrap .info i{
    color: #db0000;
    font-style: normal;
}
.popupTerms .infoWrap ul li{
    padding-left: 20px;
    line-height: 1.5;
}
/*tpc/payment (coin payment 이용안내)*/

.paymentEtcInfoWrap .paymentUl6 span a:visited{
    color: #000;
}
.paymentEtcInfoWrap .paymentUl6 span a{
    display: block;
    text-decoration: none;
    color: #000;
}
.paymentEtcInfoWrap .coinLogoList{
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 15px 3px 15px;
    box-sizing: border-box;
}
.paymentEtcInfoWrap .coinLogoList > img{
    margin-bottom: 13px;
}
.paymentEtcInfoWrap .coinLogoList > .title{
    color: #444444;
    font-size: 12px;
    font-weight: 500;
}
.paymentEtcInfoWrap .coinLogoList > .title:before{
    content: '';
    display: inline-block;
    width: 3px;
    height:12px;
    background-color: #116bb6;
    margin-right:5px;
    vertical-align: -1px;
}
.paymentEtcInfoWrap .coinLogoList ul{
    overflow: hidden;
    margin-top: 15px;
    text-align: center;
}
.paymentEtcInfoWrap .coinLogoList li{
    /*float: left;*/
    display: inline-block;
    height:55px;
    width: 35px;
    color: #444444;
    font-size: 12px;
    text-align: center;
    margin-right: 15px;

}
.paymentEtcInfoWrap .coinLogoList li:last-child{
    margin-right: 0;
}
.paymentEtcInfoWrap .coinLogoList li img{
    margin-bottom: 4px;
}
.paymentEtcInfoWrap .coinLogoList .power{
    margin-top: 30px;
    padding-left: 10px;
}
.paymentEtcInfoWrap .coinLogoList .power span{
    vertical-align: -10px;
}
.paymentEtcInfoWrap .coinLogoList .power img{
    height: 40px;
    margin-left: 5px;
    vertical-align: middle;
}
.paymentEtcInfoWrap .guideText{
    margin-bottom: 15px;
    line-height: 1.4;
    color: #b1b1b1;
    font-size: 12px;
}

/*tpc/payment, payment3에 코딩되어 있음 (coin payment 이용안내)*/

.coinPaymentGuideWrap{
    overflow: hidden;
}
.coinPaymentGuideWrap > ul.guideMenu{
    overflow: hidden;
}
.coinPaymentGuideWrap > ul.guideMenu > li{
    float: left;
    /*border: 1px solid #1891c3;*/
    border-bottom: none;
    width: 50%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #444444;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    background-color: #d0d0d0;
}
.coinPaymentGuideWrap > ul.guideMenu > li.coinPaymentMenuActive{
    background-color: #1891c3;
    color: #fff;
}
.contentWrap{
    /*border-top:2px solid #1891c3;*/
    margin-top: 10px;
    font-size: 16px;
}
.contentWrap .question{
    height: 55px;
    line-height: 55px;
    padding:0 20px;
    background: #fff;
    font-weight: 500;
}
.contentWrap .question span{
    cursor: pointer;
    color: #1891c3;
}
.contentWrap .question i{
    text-decoration: underline;
}
.contentWrap .question img {
    float: right;
    margin-top: 18px;
    cursor: pointer;
}
.contentWrap .question img.downBtn {
    transform: rotate(180deg);
}
.contentWrap ul li .text .title{
    margin-bottom: 20px;
    color: #1891c3;
    font-weight: 500;
}
.contentWrap ul li .text .subtitle {
    margin: 20px 0;
    font-weight: 500;
}
.contentWrap ul li .text .info {
    margin-bottom: 10px;
    line-height: 1.5;
}
.contentWrap ul li .text .info span {
    display: block;
    padding-left: 20px;
}
.contentWrap ul li .text .info i {
    color: #db0000;
    font-style: normal;
}
.contentWrap .guideMenu .text{
    display: none;
    padding: 20px 20px 20px 35px;
    line-height: 1.7;
    font-weight: 500;
    background: #fff;
}
.contentWrap .guideMenu .text .imgBox{
    width: 100%;
    text-align: center;
    display: inline-block;
}
.contentWrap .guideMenu .text .graph{
    max-width:100%;
    margin-top: 20px;
}
.coinPaymentGuideWrap > .contentWrap > ul > li+li {
    border-top:1px solid #d0d0d0;
}
.coinPaymentGuideWrap > .contentWrap > div{
    display: none;
    padding:45px 15px;
    box-sizing: border-box;
    color: #444444;
    font-size: 16px;
    background-color: #fff;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu1{
    line-height: 2em;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu1 > p > span{
    color: #116bb6;
    font-weight: 500;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1{
    border-bottom:2px solid #c3c3c3;
    padding:0 110px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .title{
    text-align: center;
    font-size: 20px;
    font-weight:500;
    color: #444444;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > span{
    font-weight:300;
    color: #444444;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection{
    overflow: hidden;
    margin-top: 40px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatLeft{
    width: 80px;
    height: 55px;
    line-height: 1.2em;
    padding-top: 8px;
    box-sizing: border-box;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatLeft span:before{
    content: '';
    display: inline-block;
    width:3px;
    height:12px;
    background-color: #116bb6;
    margin-right: 8px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight{
    width:640px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul{
    overflow: hidden;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li{
    float: left;
    margin-left: 50px;
    width: 35px;
    height: 55px;
    text-align: center;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li:nth-of-type(n+8){
    margin-top: 25px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li img{
    margin-bottom: 6px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > .coinLogoSection > div.floatRight > ul li span{
    font-size: 12px;
    color: #444444;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > ul{
    color: #d30000;
    margin: 35px 0 40px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox1 > ul > li{
    margin-bottom: 5px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2{
    padding: 60px 114px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li{
    padding-bottom:65px;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .title{
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 1.3em;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .title span{
    font-weight:bold;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .title span.sub{
    font-weight: 300;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .extra{
    font-weight: 300;
    margin-top: 7px;
    line-height: 1.3em;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .extra > span{
    font-size: 16px;
    font-weight: bold;
}
.coinPaymentGuideWrap > .contentWrap > div.guideMenu2 > .guideBox2 > ul > li > .extra > span:after{
    content: '';
    display: inline-block;
    margin:0 3px;
    width:3px;
    height:14px;
    background-color: #1262a8;
    vertical-align: -1px;
}

/*--------------------tpc/order-----------------------*/
.tpcPaymentError{
    width: 970px;
    text-align: center;
    padding: 50px;
    background-color: #fff;
}
.tpcPaymentError .bottomArea{
    overflow: hidden;
    width:315px;
    margin:30px auto 0;
}
.tpcPaymentError .bottomArea a{
    float: left;
    text-decoration: none;
    font-weight: 500;
}
.tpcPaymentInfoWrap .tpcPaymentResult .tpcAmount input{
    width: 80px;
    height:20px;
    outline:none;
    padding-left:8px;
}
.tpcPaymentInfoWrap .tpcPaymentBottom{
    height:40px;
    text-align: center;
}
.tpcPaymentInfoWrap .tpcPaymentBottom span{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}
.tpcPaymentInfoWrap .tpcPaymentBottom span a:visited{
    color: #000;
}
.tpcPaymentInfoWrap .tpcPaymentBottom span a{
    text-decoration: none;
    color: #000;
}
.prepareBox{
    width: 580px;
    margin:0 auto;
}
.prepareBox .img,
.prepareBox .txt{
    display: table-cell;
    vertical-align: middle;
}
.prepareBox .img{
    padding-right: 70px;
}
.preparingMsg{
    text-align: center;
}
.preparingMsg1{
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 500;
}
.preparingMsg2{
    margin-bottom: 100px;
    font-size: 20px;
    font-weight: 500;
}
/*--------------------tpc/paymentresult-----------------------*/

.tpcPaymentResult > .confirmMention{
    margin:30px 0;
}
.tpcPaymentResult >.paymentFinalTable tr th{
    border-bottom: 1px solid #dadada;
    text-align: center;
}
.tpcPaymentResult >.buyerInfoWrap{
    border-bottom:1px solid #dadada;
}
.tpcPaymentResult >.paymentFinalTable tr td{
    height: 50px;
    text-align: center;
}

/*--------------------tpc/paymentresultFail-----------------------*/
.tpcPaymentFail .confirmMention{
    margin:30px 0;
}
.tpcPaymentFail > .paymentInfo > .tpcPaymentBottom a:visited{
    color: #000;
}
.tpcPaymentFail > .paymentInfo > .tpcPaymentBottom a{
    text-decoration: none;
    color: #000;
}
.tpcPaymentFail > .paymentInfo > .paymentRefund{
    text-align: center;
}
.tpcPaymentFail > .paymentInfo > .paymentRefund li{
    list-style: none;
}
/*--------------------팝업-----------------------*/

/*지원버튼 누르면 나오는팝업, 스크랩리스트에서도 사용*/
.recruitApplyPopupWrap{
    /*display: none;*/
    position: fixed;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.5);*/
    z-index: 99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.recruitApplyPopupWrap .recruitApplyPopup{
    width: 790px;
    position: relative;
    height: 574px;
    margin: 0 auto;
    top: 8%;
}
.recruitApplyPopupWrap .recruitApplyPopup input{
    border: none;
    outline: none;
}
.recruitApplyPopupWrap .recruitApplyPopup .popupClose{
    overflow: hidden;
}
.recruitApplyPopupWrap .recruitApplyPopup .popupClose img{
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
}
.recruitApplyPopupWrap .recruitApplyPopup .header{
    line-height: 1.6em;
    text-align: center;
    color: #fff;
    background-color: #1891c3;
    padding: 18px 20px 10px;
}
.recruitApplyPopupWrap .recruitApplyPopup .header .company{
    font-size: 21px;
    font-weight: 500;
    display: inline-block;
    width: 670px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recruitApplyPopupWrap .recruitApplyPopup .header .title{
    font-size: 15px;
    font-weight:300;

    display: inline-block;
    width: 745px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.recruitApplyPopupWrap .recruitApplyPopup .content{
    background-color: #fff;
    padding:20px 60px 25px;
    box-sizing: border-box;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .resumeTitle input{
    border-bottom: 2px solid #dcdcdc;
    height: 32px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #a7a7a7;
}
.recruitApplyPopupWrap .recruitApplyPopup .content > .resumeBtn {
    overflow: hidden;
}
.recruitApplyPopupWrap .recruitApplyPopup .content > .resumeBtn span{
    float: right;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 10px 17px;
    color: #444444;
    text-align: center;
    font-size: 16px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .recruitTitle{
    /*width: 402px;*/
    /*height: 18px;*/
    /*margin-top: 12px;*/
    /*margin-left: 8px;*/
    /*background-color: #f5f5f5;*/
    /*border:none;*/
    /*outline: none;*/
}

.recruitApplyPopupWrap .recruitApplyPopup .content input.recruitTitle{
    color: #444;
}
.recruitApplyPopupWrap .recruitApplyPopup input.recruitTitle::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a7a7a7;
}
.recruitApplyPopupWrap .recruitApplyPopup input.recruitTitle::-moz-placeholder { /* Firefox 19+ */
    color: #a7a7a7;
}
.recruitApplyPopupWrap .recruitApplyPopup input.recruitTitle:-ms-input-placeholder { /* IE 10+ */
    color: #a7a7a7;
}
.recruitApplyPopupWrap .recruitApplyPopup input.recruitTitle:-moz-placeholder { /* Firefox 18- */
    color: #a7a7a7;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .resumeBox ul{
    overflow: hidden;
    height: 45px;
}



.recruitApplyPopupWrap .recruitApplyPopup .content .resumeBox ul li{
    float: left;
    height:40px;
    line-height:40px;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .resumeBox ul li:nth-child(1){
    width: 105px;
    text-align: center;
    font-size: 16px;
    color: #444444;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .resumeBox ul li:nth-child(2){
    width:565px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .resumeBox ul li:nth-child(2) select{
    width: 100%;
    height: 40px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
    box-sizing: border-box;
}


.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox{
    border: 1px solid #dcdcdc;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox img{
    vertical-align: -3px;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox > div{
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    color: #444444;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox ul{
    height:100px;
    overflow-y: scroll;
    padding:10px 12px;
    box-sizing: border-box;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox ul li{
    height: 24px;
    color: #444;
    font-size: 16px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox ul > li.guide{
    color: #a7a7a7;
    font-size: 16px;
    text-align: center;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .fileBox ul li img{
    vertical-align: middle;
    margin-left: 2px;
    cursor: pointer;
}


.recruitApplyPopupWrap .recruitApplyPopup .content .preview{
    text-align: right;
    height:35px;
    line-height:35px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .preview a{
    color: #444;
    font-size: 15px;
}


.recruitApplyPopupWrap .recruitApplyPopup .bottom{
    width:360px;
    margin:10px auto 0;
    overflow: hidden;
}

.recruitApplyPopupWrap .recruitApplyPopup .bottom .btn28{
    float: left;
    width: 145px;
    height:45px;
    font-size: 20px;
    font-weight: 500;
    padding:10px 0;
    background-color: #f97141;
}
.recruitApplyPopupWrap .recruitApplyPopup .bottom .closeBtn{
    float: right;
    display: inline-block;
    width: 145px;
    padding: 11px 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #a7a7a7;
    color: #444444;
    font-size: 20px;
}


.recruitApplyPopupWrap .recruitApplyPopup .addFile{

}

.recruitApplyPopupWrap .recruitApplyPopup .addFile input[type="file"]{
    /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.recruitApplyPopupWrap .recruitApplyPopup .addFile label{
    display: inline-block;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 92px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    margin-top: 12px;
    text-align: center;
    cursor: pointer;
}


/*지원버튼 누르면 나오는팝업, 스크랩리스트에서도 사용 끝*/



/*---------------------mypage/popup/fileList-----------------------*/


.resumeFilePopup{
    width: 600px;
    margin: 15% auto 0;
}

.resumeFilePopup .header{
    position: relative;
    height:45px;
    line-height:45px;
    background-color: #f4f4f4;
    padding:0 15px;
}
.resumeFilePopup .header span{
    color: #272727;
    font-size: 20px;
    font-weight: 500;
}
.resumeFilePopup .header div.close{
    width: 26px;
    float: right;
    margin: 9px 7px 0 0;
}
.resumeFilePopup .header div.close img{
    cursor: pointer;
}
.resumeFilePopup .content{
    background-color: #fff;
    border: 1px solid #e2e1e1;
    padding:30px 20px;
}
.resumeFilePopup .content .title{
    height: 30px;
    line-height: 30px;
    color: #444;
    font-size: 15px;
    font-weight:500;
    text-align: center;
    border-top:2px solid #959595;
    background-color: #f3f3f3;
}

.resumeFilePopup .content ul li{
    height:35px;
    line-height:35px;
    border-bottom: 1px solid #e3e3e3;
    padding:0 15px;
    box-sizing: border-box;
}

.resumeFilePopup .content ul li span{
    color: #444;
    font-size: 14px;

    display: inline-block;
    max-width: 495px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.resumeFilePopup .content ul li a{
    text-decoration: none;
}
.resumeFilePopup .content ul li img{
    width: 18px;
    vertical-align: 11px;
}


/*--------------------tpc/paymentTossResult-----------------------*/

.paymentInfoWrap > .tossPaymentInfo{
    margin-bottom:15px ;
    padding-top:30px;
}
.paymentInfoWrap > .tossPaymentInfo:after{
    content:'';
    display:block;
    height:0;
    clear:both;
}
.paymentInfoWrap > .tossPaymentInfo > .resultText{
    text-align: center;
    line-height: 2.5em;
    padding: 30px 0 15px;
}
.paymentInfoWrap > .tossPaymentInfo > .resultText > span:first-child{
    font-size: 35px;
}
.paymentInfoWrap > .tossPaymentInfo > .resultText > span:last-child{
    font-size: 16px;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom{
    padding:0px 15px 30px 15px;
    text-align: center;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox{
    width:200px;
    margin:0 auto 20px;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox a:visited{
    color: #fff;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox a{
    text-decoration: none;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .guide{
    font-size: 16px;
}

.paymentInfoWrap > .tossPaymentInfo > .bottom > .guide a:visited{
    color: #1891c3;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .guide a{
    color: #1891c3;;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2{
    overflow: hidden;
    width: 330px;
    margin:30px auto 20px;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2 li{
    float: left;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2 > li:first-child{
    margin-right:30px;
}

.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2 li a:visited{
    color: #fff;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2 li a{
    color: #fff;
    text-decoration: none;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2 li:last-child a:visited{
    color: #000;
}
.paymentInfoWrap > .tossPaymentInfo > .bottom > .btnBox2 li:last-child a{
    color: #000;
}

/*라디오 스타일*/
.radioStyle input[type='radio'] {
    display: none;    /* 실제 체크박스 없애기 */
}
.radioStyle input[type='radio'] + label::before {    /* 가짜 체크박스 만들기 */
    content: ' ';
    display: inline-block;
    width: 21px;
    height: 18px;
    vertical-align: middle;    /* img 아이콘 항상 세로정렬을 하기 위함 */
    margin: -1px 5px 0 0;
    background: url("/assets/images/tokenpost/common/img/check.png") no-repeat;    /* 하위 브라우저용 img */
    /*background: url('checkbox-on-off.svg');    !* svg 파일 적용 *!*/
}
.radioStyle input[type='radio']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url("/assets/images/tokenpost/common/img/checkColor.png") no-repeat;    /* 하위 브라우저용 img */
    /*background: url('checkbox-on-off.svg');    !* svg 파일 적용 *!*/
    /*background-position: 21px 0;*/
}

/*체크박스 스타일*/
.checkStyle input[type='checkbox'] {
    display: none;    /* 실제 체크박스 없애기 */
}
.checkStyle input[type='checkbox'] + label::before {    /* 가짜 체크박스 만들기 */
    content: ' ';
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;    /* img 아이콘 항상 세로정렬을 하기 위함 */
    margin: -1px 5px 0 0;
    background: url("/assets/images/tokenpost/common/img/checkBox.png") no-repeat;    /* 하위 브라우저용 img */
    /*background: url('checkbox-on-off.svg');    !* svg 파일 적용 *!*/
}
.checkStyle input[type='checkbox']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url("/assets/images/tokenpost/common/img/checkBoxColor.png") no-repeat;    /* 하위 브라우저용 img */
    /*background: url('checkbox-on-off.svg');    !* svg 파일 적용 *!*/
    /*background-position: 21px 0;*/
}

/*체크박스 스타일*/
.checkStyle2 input[type='checkbox'] {
    display: none;    /* 실제 체크박스 없애기 */
}
.checkStyle2 input[type='checkbox'] + label::before {    /* 가짜 체크박스 만들기 */
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;    /* img 아이콘 항상 세로정렬을 하기 위함 */
    margin: -1px 5px 0 0;
    background: url("/assets/images/tokenpost/common/img/checkBox2.png") no-repeat;    /* 하위 브라우저용 img */
    /*background: url('checkbox-on-off.svg');    !* svg 파일 적용 *!*/
}
.checkStyle2 input[type='checkbox']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url("/assets/images/tokenpost/common/img/checkBoxColor2.png") no-repeat;    /* 하위 브라우저용 img */
    /*background: url('checkbox-on-off.svg');    !* svg 파일 적용 *!*/
    /*background-position: 21px 0;*/
}


/*---------------button Css---------------*/

.btn21{
    display:block;
    width: 100%;
    padding:10px 0;
    text-align:center;
    background-color:#1891c3;
    border:1px solid #1891c3;
    color:#fff;
    cursor: pointer;
    box-sizing: border-box;
}
.btn21:hover{
    background-color: #177ea9;
    color: #fff;
}
.btn22{
    display:block;
    width: 100%;
    padding:10px 0;
    text-align:center;
    background-color:#fff;;
    color:#373737;
    border:1px solid #dadada;
    cursor: pointer;
    box-sizing: border-box;
}
.btn22:hover{
    background-color: #f5f5f5;
    color: #373737;
}
.btn23{
    display:block;
    width: 100%;
    border: 1px solid #dadada;
    background-color: #fff;
    padding: 10px 0;
    text-align:center;
    color: #7e7e7e;
    box-sizing: border-box;
}
.btn23:hover{
    background-color: #f5f5f5;
    color: #373737;
}
.btn24{
    display:block;
    width: 100%;
    border: 1px solid #dadada;
    background-color: #fff;
    padding: 10px 0;
    text-align:center;
    color: #7e7e7e;
    box-sizing: border-box;
}
.btn24:hover{
    background-color: #1891c3;
    color: #fff;
}
.btn25{
    display:inline-block;
    text-align:center;
    color: #42499d;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-color: #ebebeb;
    padding:5px 15px;
    margin-bottom:5px;
    box-sizing: border-box;
}
.btn25:hover{
    background-color: #e4e4e4;
}
.btn26{
    display:block;
    text-align:center;
    color: #1891c3;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #1891c3;
    background-color: #fff;
    padding:15px 0;
    box-sizing: border-box;
}
.btn27{
    display:block;
    text-align:center;
    font-size: 17px;
    font-weight: 400;
    padding:10px 0;
    box-sizing: border-box;
    color: #fff;
}
.btn28{
    display:block;
    text-align:center;
    font-size: 17px;
    font-weight: 400;
    padding:12px 0;
    box-sizing: border-box;
    background-color: #fc9e60;
    color: #fff;
    margin:0 auto;
    cursor: pointer;
}

.btn29{
    display:block;
    text-align:center;
    font-size: 14px;
    font-weight: 400;
    padding:6px 0;
    box-sizing: border-box;
    background-color: #dddddd;
    color: #727272;
    cursor: pointer;
}
.btn30{
    display:block;
    text-align:center;
    font-size: 38px;
    font-weight: 500;
    padding:25px 0;
    box-sizing: border-box;
    background-color: #78c3a3;
    color: #fff;
    cursor: pointer;
}
.btn31{
    display:block;
    text-align:center;
    padding:8px 23px;
    box-sizing: border-box;
    background-color: #aaaaaa;
    border:1px solid #aaaaaa;
    color: #fff;
    /*border-radius: 7px;*/
    font-weight: 300;
    cursor: pointer;
}
.btn32{
    display:block;
    text-align:center;
    font-weight: 500;
    padding:20px 0;
    box-sizing: border-box;
    background-color: #fc9e60;
    border:1px solid #fc9e60;
    color: #fff;
    cursor: pointer;
}


/*---------------------commonCss---------------------*/
.height35 {
    height: 35px;
}
.width70{
    width:70px;
}
.width90{
    width: 90px !important;
}
.width100px{
    width:100px;
}
.width115{
    width:115px !important;
}
.width237 {
    width: 237px;
}
.width230{
     width:230px;
}
.width250{
    width: 250px !important;
}
.width300{
    width:300px;
}
.width705{
    width: 705px;
}

.bgColorfb{
    background-color: #fbfbfb;
}
.bgColorF7{
    background-color: #f7f7f7;
}
.borderRightGray{
    border-right:1px dotted #bfbfbf;
}
.alignCenter{
    text-align: center !important;
}
.alignLeft{
    text-align: left !important;
}
.alignRight{
    text-align: right;
}
.borderLda{
    border-left:1px solid #dadada;
}
.borderBda{
    border-bottom:1px solid #dadada;
}
.font500{
    font-weight: 500;
}
.fontColorcf5959{
    color: #cf5959 !important;
}
.width100{
    width:100% !important;
}
.bold{
    font-weight: bold;
}
.fontColorRed{
    color: #cb3c3c !important;
}
.style01{
    list-style: disc;
    width: 92%;
    margin-left: 5%;
    margin-bottom: 8px;
    line-height: 1.7em;
}
.font400{
    font-weight: 400 !important;
}
.font16{
    font-size: 16px;
}
.fontSize18{
    font-size: 18px ;
}
.fontSize20{
    font-size: 20px !important;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right !important;
}

.font01{
    font-size: 16px;
    font-weight: bold;
    color: #198dbd !important;
}
.paddingL8{
    padding-left:8px;
    box-sizing: border-box;
}
.marginL415{
    margin-left:415px;
}
.marginB30{
    margin-bottom:30px;
}
.marginB25{
    margin-bottom:25px;
}
.fontColor198dbd{
    color: #198dbd;
}
.fontColorBlue{
    color: #1891c3;
}
.fontColorOrange2{
    color: #f97141;
}
.fontColorGreen{
    color: #448b0a;
}
.fontColorOrange{
    color: #ff662f;
}
.fontColorBlack{
    color: #000;
}
.title01{
    color: #1b87b3;
    font-size: 16px;
    font-weight: 400;
}
.bgColorWhite{
    background-color: #fff;
}
.bgColorEff4ff{
    background-color: #eff4ff;
}
.shadow{
    box-shadow: 0px 2px 2px 1px #ddd;
}
.marginR5{
    margin-right:5px;
}
.marginR15{
    margin-right:15px;
}
.marginR0{
    margin-right:0 !important;
}
.marginL15{
    margin-left:15px;
}
.marginT0{
    margin-top:0 !important;
}
/*.marginT15{
    margin-top: 15px;
}*/
.marginT30{
    margin-top: 30px;
}
.paddingT15{
    padding-top: 15px;
}
.marginB8{
    margin-bottom:8px;
}
.marginB10{
    margin-bottom:10px;
}
.marginB15{
    margin-bottom:15px;
}
.marginB20{
    margin-bottom:20px;
}
.paddingB15{
    padding-bottom:15px;
}
.width250{
    width:250px;
}
.width555{
    width:555px;
}
.width570{
    width:570px;
}
.paddingR15{
    padding-right:15px;
}
.width120{
    width: 120px;
}
.width150{
    width: 150px !important;
}
.cursor{
    cursor: pointer;
}
.lineLimit2{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2; /* 라인수 */
     -webkit-box-orient: vertical;
     word-wrap:break-word;
     line-height: 1.4em;
}

.hide{
    display: none;
}

.noresize {
    resize: none; /* 사용자 임의 변경 불가 */
}
.noPointer{
    cursor: default;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/* @fixme: 구글 배너 오류 수정되면 삭제해야함  */
/* 움짤 배너 하드코딩 css 수정  */
.topBanner > div{
    width: 100%;
    height: 100%;
}
.topBanner > div img{
    max-width: 100%;
    max-height: 100%;
}
.rightBanner2{
    height: auto;
}
.rightBanner2 > div{
    width: 100%;
}
.rightBanner2 > div img{
    max-width: 100%;
}
.commonBottomBanner > div{
    width: 100%;
    height: 100%;
}
.commonBottomBanner > div img{
    max-width: 100%;
    max-height: 100%;
}