/* 원소주기율표 - S */
p.subtitle {
    padding-top: 20px;
    height: 50px;
    font-size: 1.2rem;
    color: #FFFFFF;
}

ul.gubun {
    padding: 0;
    margin: 0;
}

ul.gubun li:nth-child(1) {
    width: 65px;
    text-align: right;
    padding-right: 6px;
}

ul.gubun li:nth-child(3) {
    padding-top: 35px;
    padding-left: 3px;
    width: 65px;
    margin-top: 0px;
    text-align: left;
}

.diagonal {
    position: absolute;
    width: 120px;
    height: 1px;
    background-color: #f1ffa5;
    transform: rotate(57deg);
    left: 5px;
    top: 116px;
}


#periodic-table {
    display: inline-flex;
    width: 1235px;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

#periodic-table div {
    border-radius:3px 3px 3px 3px;
}

#periodic-table thead {
    border-top: 1px solid #f1ffa5;
}

#periodic-table thead th {
    width: 65px;
    height: 50px;
    font-size: 0.75rem;
    border:1px solid #f1ffa5;
    background-color: silver;
}

#periodic-table thead th.gubun {
    border-left: 2px solid #f1ffa5;
}

#periodic-table thead th:last-child {
    border-right: 2px solid #f1ffa5;
}


#periodic-table thead th.colum-fe {
    width: 195px;
}

#periodic-table tbody {
    border-bottom: 2px solid #f1ffa5;
}

#periodic-table tbody th {
    width: 65px;
    border-left: 2px solid #f1ffa5;
    border-top: 1px solid #f1ffa5;
    border-right: 1px solid #f1ffa5;
    background-color: silver;
}

#periodic-table tbody td {
    width: 65px;
    padding: 4px;
    font-size: 0.9rem;
}

#periodic-table tbody td ul {
    margin: 0;
    padding: 0;
}

#periodic-table tbody td li.atomeng,li.atomic-weight {
    font-size: 0.6rem;
}

#periodic-table tbody td ul li.atom-no {
    font-size: 0.8rem;
    color: #1c3150;
}

#periodic-table tbody td ul li.atom-group {
    font-size: 0.82rem;
}

#periodic-table tbody td ul li.symbol {
    font-size: 1.0rem;
    font-weight: bold;
}

#periodic-table tbody td ul li.atom-kor {
    font-size: 0.67rem;
    color: #04574a;
}

#periodic-table tbody td:first-child {
    border-right: 1px solid #f1ffa5;
}

#periodic-table tbody td:last-child {
    border-right: 2px solid #f1ffa5;
}

.gas { color:#F00; } 	/* 상온에서 기체 표시 */
.solid { color:#000; }	/* 상온에서 고체 표시 */
.liquid { color:#00F; } /* 상온에서 액체 표시 */
/* 원소주기율표 - E */

.row-blank {
    width: 100%;
    height:30px;
}

/* 별도테이블 - S */
#periodic-table tbody tr.header {
    border-top: 2px solid #f1ffa5;
}

#periodic-table tbody th.group-atom {
    width: 260px;
}

#periodic-table tbody li.smaller {
    font-size: 0.55rem !important;
}
/* 별도테이블 - E */

/* 원소주기율표 내 정보 팝업 레이어 - S */
#atom-info {
    position: absolute;
    width: 550px;
    height: 180px;
    top: 180px;
    left: 280px;
    background-image: url("/images/periodic/bg_info1.png");
}
/* 원소주기율표 내 정보 팝업 레이어 - E */