@charset "utf-8";
@charset "utf-8";

main .content{margin: 60px auto; width: 1200px;}
main .content .content_inner{position: relative; width: 100%;}

/* 탭 */
.db_tab_wrap{display: inline-block; margin-bottom: 10px;}
.db_tab_wrap a{padding: 0 14px;font-size: 16px;color: #777;font-weight: 400;transition: all .3s;margin-bottom: 10px;display: block;float: left;position: relative;}
.db_tab_wrap a.on,
.db_tab_wrap a:hover{color: #222; font-weight: 600;}
.db_tab_wrap a::after{content: '';position: absolute;width: 1px;height: 10px;background: #777;right: 0;top: 50%;transform: translateY(-50%);}
.db_tab_wrap a:last-child::after{display: none;}

ul.dongjak_today {position:relative; display:table; width:100%; height:auto; margin:0 auto;}
ul.dongjak_today li {position:relative; float:left; width:220px; height:220px; padding:26px 0px; border:4px solid #d3dae2; box-sizing: border-box; border-radius:10px; box-shadow:0px 0px 0px 0px rgba(202,205,215,.3); transform:translateY(0px); transition:.3s; margin-right:25px; margin-top:25px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
ul.dongjak_today li:nth-child(5n) {margin-right:0px;}
ul.dongjak_today li:nth-child(1),
ul.dongjak_today li:nth-child(2),
ul.dongjak_today li:nth-child(3),
ul.dongjak_today li:nth-child(4),
ul.dongjak_today li:nth-child(5) {margin-top:0px;}
ul.dongjak_today li:hover {box-shadow:0px 5px 3px 0px rgba(202,205,215,.3); transform:translateY(-5px);}
ul.dongjak_today li .data_text {display:inline-block; width:100%;}
ul.dongjak_today li .data_text p {display:inline-block; width:100%; font-size:20px; font-weight:600; color:#2f3334; line-height:1em; text-align:center; margin-bottom:3px;}
ul.dongjak_today li .data_text span {display:inline-block; width:100%; font-size: 14px; font-weight:400; color:#2f3334; line-height:1em; text-align:center;}
ul.dongjak_today li img {display:inline-block;}
ul.dongjak_today li .data_worth {display:flex; align-items:center; justify-content:center; width:100%;}
ul.dongjak_today li .data_worth p {display:inline-block; font-size:38px; font-weight:800; color:#4079c8; line-height:1em; margin-left:7px; margin-right:7px;}
ul.dongjak_today li .data_worth span {display:inline-block; font-size:18px; font-weight:600; color:#2f3334; line-height:1em;}


/* 공유하기 팝업 */
a.btn-share::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(/bigdata/resources/images/share/ic-share.png);
}
a.btn-share {
	position:relative;
	padding-left: 25px;
    float: right;
    margin: 0 50px 30px 0;
	z-index:9;
}


.share_popup{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 200;}
.share_popup .white_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 480px; background: #fff; border-radius: 30px;}
.share_popup .white_box .popup_title{position: relative; height: 70px; line-height: 70px; font-size: 20px; font-weight: 600; text-align: center; border-bottom: 1px solid #dedede; color:#000;}
.share_popup .white_box .popup_title .popup_close{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.share_popup .white_box .popup_title .popup_close img{vertical-align: baseline !important; transition: all .3s;}
.share_popup .white_box .popup_title .popup_close:hover img{transform: rotate(180deg);}
.share_popup .white_box .share_sns{padding: 40px 0; text-align: center; margin: 0 auto; font-size: 0;}
.share_popup .white_box .share_sns > span{width: 70px; height: 70px; display: inline-block; margin: 0 15px; cursor: pointer; font-size: 14px; text-align: center;}
.share_popup .white_box .share_sns > span > a{display: inline-block;}
.share_popup .white_box .share_sns > span > a img{width: 100%; height: 100%; display: block; padding-bottom: 5px;}
.share_popup .white_box .share_sns > span > a img:hover{opacity: .9;}




/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}

    ul.dongjak_today {width:calc(100% - 36px); height:auto; margin:0px 18px; text-align:center;}
	ul.dongjak_today li {float:inherit; display:inline-block; margin:0px 14px 28px 14px;}
	ul.dongjak_today li:nth-child(5n) {margin:0px 14px 28px 14px;}

}

/* 미디어쿼리 1023 */
@media (max-width: 1023px){



}



/* 미디어쿼리 599 */
@media (max-width: 599px){

    main .content{margin: 40px auto;}


}


/* 미디어쿼리 449 */
@media (max-width: 449px){



}