@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css?r=1);
.g-recaptcha>div{
    margin:0 auto;
}


body{
    font-family:'Noto Sans KR', sans-serif;
}
textarea{
    font-family:'Noto Sans KR', sans-serif;
    font-weight: 300;
}
input{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}
.modalBg{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 99;
}

/*-------------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;
    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*/

/*-------------일시적인거-------------*/

/*뉴스레터popup*/
#indexPopup{
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.85);
    z-index:99999;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.indexPopupClose{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.indexPopupContWrap{
    position: relative;
    margin:0 auto;
    overflow: hidden;
    top:13%;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}
.indexPopupContWrap > a{
    display: block;
}
.indexPopupContWrap > .clickClose{
    color: #fff;
    text-align: right;
    padding: 2px;
    cursor: pointer;
    font-weight:300;
    width: 970px;
    margin: 0 auto;
}
.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 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%;
    background-position: center center;
    background-image: url("/assets/images/tokenpostcom/base/banner/countdown/bg20191219.png");
    background-repeat: no-repeat;
    /*-webkit-background-size:cover;*/
    /*background-size:cover;*/
    background-color: #000;
}
#headerBanner > a{
    display: block;
    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*/


/*-------header-------*/

.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;
    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;
    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;
}
.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:516px;*/
    text-align: center;
}
.headerTopWrap .headerTop .headerCenter ul.info{
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform: translate(-49%);*/
    /*width: 515px;*/
    color: #747474;
}
.headerTopWrap .headerTop .headerCenter ul.info > li{
    /*position: relative;*/
    display: inline-block;
    /*float: left;*/
}
.headerTopWrap .headerTop .headerCenter ul.info > li.date1{
    margin-right: 5px;
}
.headerTopWrap .headerTop .headerCenter ul.info > li.date2{
    border-right:1px solid #747474;
    margin-right: 10px;
    padding-right:10px;
}
.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 span{
    font-weight: 700;
}

/*.headerTopWrap .headerTop .headerCenter .langBox .langBtn{*/
    /*cursor: pointer;*/
    /*width: 90px;*/
    /*text-align: center;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox .langBtn span{*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 6px;*/
    /*left: 146px;*/
    /*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;*/
    /*width: 100%;*/
/*}*/
/*.headerTopWrap .headerTop .headerCenter .langBox .lang ul li{*/
    /*position: relative;*/
    /*border: 1px solid #ccc;*/
    /*margin-top: 7px;*/
    /*width: 96px;*/
    /*text-align: center;*/
    /*padding: 5px 0;*/
    /*background-color: #fff;*/
    /*left: 57px;*/
/*}*/
/*.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: 40px;*/
/*}*/
/*.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:40px;*/
/*}*/
/*.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:99;
    background-color: #fff;
}
.headerWrap .headerMenu{
    min-width:970px;
    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 12px;
}
.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;
}
.userInfoBox{
    position: absolute;
    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;
}
/*-------header end-------*/



#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: 225px;
    height: 100%;
    background-color: #Fff;
    z-index: 999;
    top:0px;
    box-shadow: 10px 0px 9px 0px rgba(0,0,0,0.15);
}
.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;
}
.navAbout{
    cursor: pointer;
    border-bottom: 1px solid #f7f7f7;
    font-weight: 500;
}
.navAboutSubMenu{
    display: none;
    height: 100px;
}
.navAboutSubMenu > li{
    height:40px;
    line-height:40px;
    padding-left:20px;
    border-left: 3px solid #fff;
}

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

.navAboutSubMenu > li > a{
    text-decoration: none;
    color: #373737;
    display: block;
}
.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*/

/*footer*/
#footerWrap{
    width:100%;
}
.footerTopWrap{
    min-width:970px;
    background-color:#373737 ;
    height: 130px;
    padding-top: 31px;
    box-sizing: border-box;
    text-align: center;
}
.footerTop{
    min-width:970px;
    margin: 0 auto;
}
.footerBottomWrap{
    min-width:970px;
    background-color:#2d2d2d ;
    height:46px;
}
.footerBottom{
    width:970px;
    margin: 0 auto;
    overflow: hidden;
}
.footerMenuWrap{
    overflow: hidden;
    /*width: 630px;*/
    margin:0 auto 12px;
    height: 16px;
    display: inline-block;
}
.footerMenuWrap > li{
    color: #fff;
    float: left;
}
.footerMenuWrap2{
    overflow: hidden;
    margin: 0 auto 12px;
    height: 16px;
    display: inline-block;
}
.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: 400px;
    margin:0 auto;
}
.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{
    text-align: right;
}
.footerBottom > a > img{
    display: inline-block;
    width:150px;
    margin-top: 11px;
}
.footerBottom > a > .publishLogo{
    width:100px;
    max-height: 29px;
}
#commonArea:before{
    height:65px;
    background-color: #ff6a42;
    position: absolute;
}
#commonArea{
    width:970px;
    margin:0 auto 15px;
    min-height: 700px;
}
.commonRight{
    float: right;
    width:300px;
}
.commonRight > div{
    width:300px;
}
/*최신글*/
.commonRight > .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;
}
.commonRight > .recentPostingWrap > .header > a:visited{
    color: #1891c3;
}
.commonRight > .recentPostingWrap > .header > a{
    text-decoration: none;
    color: #1891c3;
    font-weight: bold;
}
.commonRight > .recentPostingWrap > .content{
    background-color: #Fff;
}
/*최신글 공통끝*/

/*채용 최신글*/
.recentPostingWrap > .recentRecruitContent > .recentList{
    border-bottom: 1px solid #dadada;
}
.recentPostingWrap > .recentRecruitContent > .recentList:last-child{
    border-bottom:0;
}
.recentPostingWrap > .recentRecruitContent > .recentList {
    overflow: hidden;
    padding: 10px 0px 10px 10px;
}
.recentPostingWrap > .recentRecruitContent > .recentList > div{
    float: left;
}
.recentPostingWrap > .recentRecruitContent > .recentList > div.logo{
    width: 52px;
}
.recentPostingWrap > .recentRecruitContent > .recentList > div.logo img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #eee;
}
.recentPostingWrap > .recentRecruitContent > .recentList > div.recentInfo{
    width: 230px;
    padding-top: 6px;
}
.recentPostingWrap > .recentRecruitContent > .recentList > div.recentInfo > a{
    color: #000;
    text-decoration: none;
}
.recentPostingWrap > .recentRecruitContent > .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 > .recentRecruitContent > .recentList > div.recentInfo > div{
    margin-top:1px;
    font-size: 13px;
    color: #666;
}

.recentPostingWrap > .recentRecruitContent > .recentList > .recentInfo > img{
    vertical-align: 4px;
}


.clear{
    clear: both;
    height:0;
    overflow:hidden;
}
.recentArticle{
    overflow: hidden;
    background-color: #fff;
}
.tabTitle{
    padding:13px 16px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
}
.tabCategory{
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    height:40px;
    overflow: hidden;
}
.tabCategory > li{
    float: left;
    width: 50%;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
.tabCategory > li:hover{
    color: #9b9b9b;
}
.tabUnderbar{
    height: 38px;
    border-bottom:2px solid #1891c3;
}
.tabSection{
    padding: 22px 15px;
    box-sizing: border-box;
}
.tabSection > ul > li{
    list-style: square;
    margin-left: 22px;
    margin-bottom: 15px;
}
.tabSection > ul > li:last-child{
    margin-bottom: 0;
}
.tabSection a{
    text-decoration: none;
    color: #373737;
    overflow: hidden;
    text-overflow: ellipsis;
    display:  -webkit-box;
    vertical-align:top;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.3em;
    width:248px;
    font-weight: bold;
}
.tabSection a:hover{
    text-decoration: underline;
}
.tabSection a:visited{
    color: #373737;
}
.blockchainTv{
    background-color: #fff;
}
.blockchainTvTitle{
    font-weight: bold;
    height:44px;
    padding-left:15px;
    box-sizing: border-box;
    line-height: 44px;
    font-size: 16px;
    border-bottom: 1px solid #d0d0d0;
}
.blockchainTvCont{
    padding:15px;
    box-sizing: border-box;
}
.blockchainTvCont > a{
    color: #373737;
    font-size: 18px;
    text-decoration: none;
    line-height: 1.3em;
    font-weight: bold;
}
.blockchainTvCont > a:hover{
    text-decoration: underline;
}
.blockchainTvCont > a:visited{
    color: #373737;
}
.tvFrame{
    position: relative;
    width:270px;
    height:162px;
    margin:0 auto;
    margin-bottom:15px;
    background-color: #ebebeb;
    cursor: pointer;
}
.tvFrame:hover > .tvCover{
    opacity: 0.5;
}
.tvFrame:hover > .tvPlay{
    opacity:1;
}
.tvFrame > a{
    display: inline-block;
    width:270px;
    height: 162px;
}
.tvCover{
    position: absolute;
    width: 270px;
    height: 162px;
    top: 0;
    background-color: #000;
    opacity: 0.3;
}
.tvFrame > img.tvImg{
    position: absolute;
    width:270px;
    height:162px;
}
.tvPlay{
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    position: absolute;
    bottom: 10px;
    right: 15px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: transparent;
    text-align: center;
    line-height: 50px;
    left:50%;
    margin-left:-25px;
    top: 62px;
    opacity: 0.7;
}
.tvPlayTriangle{
    position: absolute;
    /* width: 270px; */
    /* height: 162px; */
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid transparent;
    border-left: 18px solid #fff;
    display: inline-block;
    margin-left: -6px;
    margin-top:8px;
}
.rightBanner1{
    width: 300px;
    height: 600px;
}
.rightBanner2{
    width: 300px;
    height: 600px;
}
.rightBanner3{
    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-wrap: break-word;
    word-break: keep-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: #000000;
}
.indexBreaking .title > a{
    text-decoration: none;
    color: #000000;
    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:  65px;
    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;*/

    text-decoration: underline;
    color: #1919ef;
}
.indexBreaking .breakingListWrap .breakingContent a{
    /*text-decoration: none;
    color: #1891c3;*/
    font-size: 14px;
    text-decoration: underline;
    color: #1919ef;
}
.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: 2px;
}
.articleTitle > a{
    color: #373737;
    text-decoration: none;
    font-weight:400;
    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-top:-2px;
}
.articleTitle > a:hover{
    text-decoration: underline;
}
.articleTitle > a:visited{
    color: #373737;
}
.topBanner{
    width: 728px;
    height: 90px;
    text-align: center;
    margin: 15px auto 0;
}


/*--------------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;
}
.caption{
    position: absolute;
    width:100%;
    line-height:30px;
    bottom:0;
    background-color:rgba(0,0,0,0.6) ;
    text-align: left;
    padding:10px 0;
}
.caption > a{
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    width: 585px;
    margin: 0 auto;
}
.caption > a:hover{
    text-decoration: underline;
}
.caption > a:visited{
    color: #fff;
}
.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;
    margin-right:15px;
    text-align: center;
}
.subNewsLeft > a > img{
    max-width :150px;
    max-height:90px;
}
.subNewsRight{
    padding-top: 3px;
    width:455px;
}
.subNewsTitle{
    text-decoration: none;
    color: #373737;
}
.subNewsTitle:visited{
    color: #373737;
}
.subNewsTitle:hover{
    text-decoration: underline;
}
.subNewsTitle > span{
    font-size: 18px;
    font-weight: bold;
    display: block;
    /*width: 450px;*/
    margin-bottom: 8px;
    line-height: 1.25em;
}
.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;
}
.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{
    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: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 .logo img{
    vertical-align: -2px;
    margin-left: 10px;
    height: 18px;
}
#breakingListWrap > .breakingDate > span{
    font-weight:bold;
}

#breakingListWrap > .breakingList{
    overflow: hidden;
    border-bottom:1px solid #f3f3f3;
}
#breakingListWrap > .breakingList > div{
    float: left;
    padding:20px 0;
}
#breakingListWrap > .breakingList > .breakListLeft{
    width: 85px;
    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: 540px;
    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;*/
    text-decoration: underline;
    color: #1919ef;
}
#breakingListWrap .breakListRight > a{
    /*text-decoration: none;
    color: #1891c3;*/
    text-decoration: underline;
    color: #1919ef;
}
/*-------------article/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-wrap: break-word;
    word-break: keep-all;
}
.articleListTitle > a{
    font-size: 18px;
    text-decoration: none;
    color: #373737;
    font-weight: bold;
    line-height: 1.25em;
}
.articleListTitle > a:visited{
    color: #373737;
}
.articleListTitle > a:hover{
    text-decoration: underline;
}
.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;
}
.listRightNoPic{
    width:625px;
}

/*-------------article/view--------------*/
#view{
    background-color: #fff;
    width:655px;
    float:left;
    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;
}
.linkCopy{
    cursor: pointer;
}
.linkCopy > input#copyLinkHidden{
    position:absolute;
    top:-9999em;
}
.viewContent .copyAlert{
    display: none;
    position: fixed;
    width: 280px;
    height: 100px;
    top: 28%;
    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;
}
.viewContent .jssocials{
    height: 80px;
}
.textSize{
    width: 40px;
    height: 80px;
    background-color:#fff;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    border-top:0;
    cursor: pointer;
}

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

.viewArticle a:visited{
    color: #1919ef;
}
.viewArticle ol{
    padding-left: 28px;
}
.viewArticle ol li{
    list-style-type: decimal;
}
.viewArticle ul{
    padding-left: 28px;
}
.viewArticle ul li{
    list-style: disc;
    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;
}



.viewContentArticle .viewArticle .img_area2{
    text-align: center;
}
.viewContentArticle .viewArticle .img_area2 .imgBox{
    display: inline-block;
    text-align: left;
    line-height:100%;
    width:auto;
}
.viewContentArticle .viewArticle .img_area2 .imgBox > img{
    margin-bottom:0;
    border-radius: 0;
    vertical-align: bottom;
}


.viewContentArticle .viewArticle .img_area2 .imgBox > .caption,
.viewContentArticle .viewArticle .img_area2 .imgBox > .provider{
    color: #888;
    position: relative;
    margin:0;
    background-color: #f7f7f7;
    padding:7px 7px 7px 7px;
    line-height: 1.4em;
    font-size: 13px;
    text-align: left;
}

.viewContentArticle .viewArticle .img_area2 .caption > .provider{
    padding:5px 0 0 0;
}

.imgBox {
    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;
}
.viewArticleInfo{
    width:570px;
    margin:12px 0;
    text-align:center;
}
.viewInfoLeft:after{
    content: '';
    display: block;
    clear: both;
}
.viewInfoLeft > div{
    float: left;
}

.viewInfoTime{
    font-size:14px;
    font-weight:bold;
    color:#959595;
    text-align: left;
    height: 17px;
}

/*contributor*/
.viewContributorInfo{
    margin-top: 10px;
}
.viewContributorInfo .viewContributorImg{
    display: inline-block;
    vertical-align: middle;
    width:55px;
    margin-right:15px;
}
.viewContributorInfo > div.viewContributorImg img{
    width: 55px;
    height: 55px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.viewContributorInfoDetail{
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 75px);
    text-align: left;
    line-height: 1.3;
    color: #5f5f5f;
}
.viewContributorInfoDetail .contributeBy{
    margin-bottom: 5px;
}
.contributeBy > span > a:visited{
    color: #1891c3;
}
.contributeBy > span > a{
    text-decoration: none;
    font-weight:500;
    color: #1891c3;
}

.viewContributorInfoDetail p.publishTime{
    margin-bottom: 5px;
}
.viewWritingInfoNumber{
    position: relative;
    height:55px;
    line-height: 55px;
    width:200px;
    color: #a7a7a7;
}
.viewWritingInfoNumber > div{
    float: right;
    text-align: right;
}
.viewWritingInfoNumber img{
    vertical-align: middle;
    margin-right:2px;
}
.viewWritingComment{
    margin-left:8px;
    cursor: pointer;
}
.viewWritingSee{

}
/*contributor end*/




.viewArticle{
    width:570px;
    overflow:hidden;
    font-size: 16px;
    line-height: 1.5em;
    word-wrap: break-word;
    word-break: keep-all;
}
.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;

}
.articleInfo{
    margin-top: 15px;
    text-align: left;
}
.viewReporter{
    margin-bottom:6px;
}
.viewBottom{
    width:570px;
}
.viewBottom ul{
    margin-bottom:30px;
}
.viewBottom li{
    width:570px;
    height:52px;
    padding:18px 0 18px 0;
    box-sizing:border-box;
    border-bottom: 1px solid #ebebeb;
}
.viewBottom a{
    color: #373737;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}
.viewBottom a:visited{
    color: #373737;
}
.viewBottom a:hover{
    text-decoration: underline;
}
.relatedArticle{
    border-top: 2px solid #a0a0a0;
    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;
    /*height:50px;*/
    line-height: 1.6em;
    box-sizing:border-box;
    padding:15px 15px 10px 15px;
    margin-top:-50px;
    display:block;
    overflow:hidden;
    width:570px;
    /*white-space:nowrap;*/
    /*text-overflow:ellipsis;*/
    /*-o-text-overow: ellipsis;*/
    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{
    text-decoration:none;
    color:#121212;
    overflow:hidden;
    font-weight: 400;

}
.viewBottom a:hover{
    text-decoration:underline;
}
.viewBottom span{
    display: inline-block;
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:16px;
    font-weight:400;
    height:17px;

}
.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 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-top: 15px;
    border-top: 1px solid #dedede;
    border-bottom: 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;
}
.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;
}
.contBox{
    overflow: hidden;
}
.categoryContLeft{
    width: 313px;
    float: left;
    padding-right: 25px;
    box-sizing: border-box;
}
.categoryContLeft > p{
    font-size: 14px;
    font-weight: 400;
    line-height:1.65em;
    margin-bottom:10px;
}
.categoryContLeft p a{
    color: #000;
    font-weight: 500;
    text-decoration: none;
}
.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 > a{
    display: inline-block;
    margin-bottom:10px;
}
.companyLogoWrap > a > img{
    display: inline-block;
}
.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: 18px;
    display: inline-block;
    width: 400px;
}
.adContWrap{
    width:520px;
    height:115px;
    margin: 50px auto;
}
.aboutTableWrap input{
    padding-left:8px;
    box-sizing: border-box;
}
.aboutTableWrap table{
    width: 100%;
    table-layout: fixed;
}
.aboutTableWrap table td{
    /*width: 312px;*/
    /*padding-left: 17px;*/
    padding-bottom: 15px;
}
.aboutTableWrap table td:nth-of-type(2){
    /*padding-left: 28px;*/
}
/*.aboutTableWrap table td.title{*/
.aboutTableWrap table .title{
    color: #373737;
    width:75px;
    line-height: 35px;
}
.aboutTableWrap table .contTitle{
    vertical-align: top;
    padding-top: 5px;
}
.aboutTableWrap table .short{
    width:237px;
}
.aboutTableWrap table .short input{
    width: 100%;
}

/*.aboutTableWrap table .short2{*/
    /*padding-left:10px;*/
/*}*/
.aboutTableWrap table .long{
    width:475px;
}
.aboutTableWrap table .long input{
    width: 100%;
}
.aboutTableWrap table input{
    width: 260px;
    height: 35px;
    border: 1px solid #dadada;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.aboutTableWrap table textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:210px;
    width: 549px;
    border: 1px solid #dadada;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 4px 8px 8px 8px;
    resize: none;
}
.contactTableWrap .contactTitle{
    padding-left: 17px;
    line-height: 35px;
    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/tokenpostcom/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;
}
.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;
}
.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;
}
.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{
    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 25px 15px;
    box-sizing: border-box;
}
.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 #dadada;
    height: 53px;
    line-height: 25px;
}
.orderPasswordMention{
    line-height:1.3em;

}
.paymentUl > li{

    font-weight:500 ;
}
.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;
}
/*.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;
}
.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;
}
.newsletterCaution{
    color: #8a8a8a;
}
.newsletterRequestFrame{
    margin-top:20px;
}
.newsletterRequestFrame > ul{
    overflow: hidden;
}
.newsletterRequestFrame > ul > li{
    float: left;
}
.newsletterFormTitle{
    width:90px;
    text-align: center;
    height: 35px;
    line-height:35px;
    font-weight: 500;
}
.newsletterFormCont > input{
    color: #373737;
    height: 35px;
    width:260px;
    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;
}


/*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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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: #e87121;
    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-wrap: break-word;
    word-break: keep-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-wrap: break-word;
    word-break: keep-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;
}
.newsletterBottomBanner > div{
    float: left;
    height:60px;
}
.newsletterBannerSection1{
    width:480px;
}
.sectionTop{
    height:38px;
    color: #fff;
    font-size: 20px;
    padding:12px 0 0 0px;
    box-sizing: border-box;
}
.sectionTop span{
    font-weight: bold;
    color: #fa5c36;
}
.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;
}

.btnPopupCloseOneDay{
    text-decoration: underline;
}
.newsletterBannerSection2{
    width:450px;
    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.6em;
}
.scrollListWrap > .guideWrap .guideText span{
    font-weight:bold;
}






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


.scrollListWrap > .scrollMenuWrap li{
    float: left;
    width: 215px;
    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;
}

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

}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListText a:visited{

}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListText a{

}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListText a:hover{

}
.scrollListWrap > .scrollListContentWrap .scrollList .scrollListText span{


}
/*infn/index배경*/
#info > .scrollListWrap > .guideWrap{
    background-image: url(/assets/images/tokenpostcom/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:300px;
    margin-right:17px;
    box-sizing: border-box;
    border-right:1px solid #f3f3f3;
}
#marketList .marketContent1 div.marketListContent:nth-child(3){
    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;
    line-height: 1.2em;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(1){
    width:80px;
    text-align: center;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(2){
    width:220px;
    text-align: center;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(3){
    width:110px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(4){
    width:120px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(5){
    width:110px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(6){
    width:150px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(7){
    width:180px;
}
#marketList .marketContent3 .marketTable .marketTableTitle th:nth-of-type(8){
    width:140px;
}
#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: right;
    padding:0 10px;
}
#marketList .marketContent3 tr.marketTableLine td:nth-of-type(2){
    text-align: left;
    padding:0;
}
#marketList .marketContent3 tr.marketTableLine td:nth-of-type(2) img{
    vertical-align: -2px;
    margin-left: 7px;
}
#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: 2px;
}

.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/tokenpostcom/common/img/check.png') no-repeat;
}
.formWriteRecruit > .recruitAdd input[type='radio']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url('/assets/images/tokenpostcom/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/tokenpostcom/common/img/checkBox.png') no-repeat;
}
.formWriteRecruit .addCheckStyle input[type='checkbox']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url('/assets/images/tokenpostcom/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/tokenpostcom/common/img/checkBox2.png') no-repeat;    /* 하위 브라우저용 img */
}
.addCheckStyle2 input[type='checkbox']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */
    background: url('/assets/images/tokenpostcom/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-wrap: break-word;
    word-break: keep-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;
    color: #fff;
}
.recruitView > .leftSide .recruitApply span{
    border-radius: 0;
    display: inline-block;
    padding:12px 0;
    font-size: 17px;
    color: #fff;
}
.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;
    word-break: keep-all;
}
.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-wrap: break-word;
    word-break: keep-all;
    margin-left: 40px;
}
.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 .shareContent .snsList ul li:last-child{
    padding-top:7px
}


.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/tokenpostcom/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;
}





/*-------------------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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/survey/img/underBar1.png');
    background-repeat: no-repeat;
}
.survey > .onepageSurvey2 > .contentSection1 > .title2:after{
    width:146px;
    background:url('/assets/images/tokenpostcom/survey/img/underBar2.png');
    background-repeat: no-repeat;
}
.survey > .onepageSurvey2 > .contentSection1 > .title3:after{
    width:99px;
    background:url('/assets/images/tokenpostcom/survey/img/underBar3.png');
    background-repeat: no-repeat;
}

.survey > .onepageSurvey2 > .contentSection1 > .title4:after{
    width:210px;
    background:url('/assets/images/tokenpostcom/survey/img/underBar5.png');
    background-repeat: 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;
}





    /*--------------------tpc/index-----------------------*/
#tpcPage .scrollMenuWrap li{
    line-height: 70px;
}
#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 > .scrollListWrap > .guideWrap{
    position: relative;
    height: 309px;
    background-image: url(/assets/images/tokenpostcom/tpc/img/imgGuideBg.png);
    background-repeat: no-repeat;
    /*background-position: 412px 20px;*/
}
#tpcPage > .scrollListWrap > .guideWrap .logo{
    position: absolute;
    top: 54px;
    right: 20px;
}
#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{
    margin-top: 10px;
    color: #dddddd;
    font-size:12px;
}
#tpcPage > .scrollListWrap > .guideWrap .tpcSponsor dt{
    float: left;
    height: 50px;
    line-height: 50px;
}
#tpcPage > .scrollListWrap > .guideWrap .tpcSponsor dd{
    height: 50px;
    line-height: 50px;
}
#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 .tpcPaymentResult{
    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;
}
.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;
}
.paymentEtcInfoWrap .paymentUl6 span{
    border:1px solid #dadada;
    font-size: 16px;
}
.paymentEtcInfoWrap .paymentUl6 span a:visited{
    color: #000;
}
.paymentEtcInfoWrap .paymentUl6 span a{
    display: block;
    text-decoration: none;
    color: #000;
}
.paymentEtcInfoWrap .coinLogoList{
    position: relative;
    overflow: hidden;
    height: 165px;
    background-color: #f9f9f9;
    padding: 5px 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: 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;
}

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

.coinPaymentGuideWrap > ul.guideMenu{
    overflow: hidden;
}
.coinPaymentGuideWrap > ul.guideMenu > li{
    float: left;
    border: 1px solid #1891c3;
    border-bottom: none;
    width: 203px;
    height: 53px;
    color: #444444;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 53px;
    cursor: pointer;
    background-color: #fff;
}
.coinPaymentGuideWrap > ul.guideMenu > li.coinPaymentMenuActive{
    background-color: #1891c3;
    color: #fff;
}
.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;
}
.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;
}

/*--------------------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: 15%;
}
.recruitApplyPopupWrap .recruitApplyPopup .popupClose{
    overflow: hidden;
}
.recruitApplyPopupWrap .recruitApplyPopup .popupClose img{
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
}
.recruitApplyPopupWrap .recruitApplyPopup .header{
    height:55px;
    line-height:55px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight:500;
    background-color: #1891c3;
}
.recruitApplyPopupWrap .recruitApplyPopup .content{
    background-color: #fff;
    padding:60px 80px 30px 80px;
    box-sizing: border-box;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .recruitTitle{
    width: 402px;
    height: 18px;
    margin-top: 12px;
    margin-left: 8px;
    background-color: #f5f5f5;
    border:none;
    outline: none;
}
.recruitApplyPopupWrap .recruitApplyPopup .guide1 {
    font-size: 14px;
    color: #646464;
}
.recruitApplyPopupWrap .recruitApplyPopup .guide1 a:visited{
    color: #444;
}
.recruitApplyPopupWrap .recruitApplyPopup .guide1 a{
    display: inline-block;
    color: #444;

}
.recruitApplyPopupWrap .recruitApplyPopup .guide1 .downloadBtn{
    display: inline-block;
    padding:5px;
    border: 1px solid #b7b7b7;
    box-sizing: border-box;
}
.recruitApplyPopupWrap .recruitApplyPopup .guide2{
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #a7a7a7;
    font-size: 11px;
    font-weight:300;
}
.recruitApplyPopupWrap .recruitApplyPopup .guide3{
    display: inline-block;
    margin-bottom: 3px;
    font-size: 12px;
    color: #a7a7a7;
}
.recruitApplyPopupWrap .recruitApplyPopup .content > .info{
    overflow: hidden;
    border-top:2px solid #1891c3;
    border-left:2px solid #1891c3;
    margin: 5px 0 2px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content > .info dt{
    float: left;
    width:130px;
    height:45px;
    line-height:45px;
    border-right:2px solid #1891c3;
    border-bottom:2px solid #1891c3;
    box-sizing: border-box;
    color: #1891c3;
    font-size:16px;
    font-weight: 500;
    text-align: center;
}
.recruitApplyPopupWrap .recruitApplyPopup .content > .info dd{
    position: relative;
    width:498px;
    height:45px;
    margin-left:130px;
    box-sizing: border-box;
    border-right:2px solid #1891c3;
    border-bottom:2px solid #1891c3;
    background-color: #f5f5f5;
    overflow: hidden;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .fileList{
    float: left;
    width: 380px;
    height: 43px;
    line-height: 43px;
    padding-left: 10px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .fileList img{
    vertical-align: -2px;
}
.recruitApplyPopupWrap .recruitApplyPopup .content .fileList1{

}

.recruitApplyPopupWrap .recruitApplyPopup .content .file{
    position: absolute;
    right:0;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .file label {
    display: inline-block;
    font-size: inherit;
    line-height: normal;
    background-color: #1891c3;
    color: #fff;
    cursor: pointer;

    margin: 8px;
    padding: 4px 10px;
    font-weight: 300;
}

.recruitApplyPopupWrap .recruitApplyPopup .content .file 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 .content > .bottom{
    width:200px;
    margin:35px auto 0;
}

.recruitApplyPopupWrap .recruitApplyPopup .content > .bottom span{
    background-color: #f97141;
}
.recruitApplyPopupWrap .fileBox .fileName {
    display:inline-block;
    width:190px;
    height:30px;
    padding-left:10px;
    margin-right:5px;
    line-height:30px;
    border:1px solid #aaa;
    background-color: #fff;
    vertical-align:middle
}

.recruitApplyPopupWrap .fileBox .btnFile {
    display:inline-block;
    border:1px solid #000;
    width:100px;
    height:30px;
    font-size:0.8em;
    line-height: 30px;
    text-align: center;
    vertical-align:middle
}

.recruitApplyPopupWrap .fileBox input[type="file"] {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border:0
}

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


/*--------------------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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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/tokenpostcom/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;
}
.marginB20{
    margin-bottom:20px;
}
.fontColor198dbd{
    color: #198dbd;
}
.fontColorBlue{
    color: #1891c3;
}
.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;
}
.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;
}