@charset "utf-8";

#container_title h2 {display:none;}
article#view { margin-bottom:40px }
article#view h2 { color:#191919; font-size:20px; font-weight: 400; padding:0 10px 20px 10px; word-break:break-all }
article#view header { display:flex; justify-content:space-between; align-items: center; text-align: center; color:#bababa; padding:10px }
article#view header .category { font-size:1.2em; color:#3a8afd }

/*
================================================================================
    페이지 컨텐츠 디자인 (공통)
================================================================================
*/
.page-contents { font-size:18px; line-height: 1.6; min-height: 300px }
.page-contents img { max-width: 100% }
.page-contents iframe { width: 100% !important; }

/* Headings */
.page-contents h1 {font-size:40px; color:#191919; font-weight:700; margin-bottom:10px}
.page-contents h2 {font-size:23px; color:#191919; font-weight:700; margin-bottom:20px}
.page-contents h3 {font-size:20px; color:#191919; font-weight:700; margin-bottom:20px}

/* 박스 디자인 */
.page-contents .gs-box { border:1px solid #d5d5d5; padding:50px }

/* 테이블 스타일 */
.page-contents table.gs-table { border-collapse: collapse; border:none; margin-bottom:20px }
.page-contents table.gs-table td,
.page-contents table.gs-table th { padding:15px; border:1px solid #e1e1e1 }
.page-contents table.gs-table.center td,
.page-contents table.gs-table.center th { text-align: center }
.page-contents table.gs-table tr th { font-weight:700; background-color: #f9f9f9 }
.page-contents table.gs-table tr:first-child td,
.page-contents table.gs-table tr:first-child th { border-top:1px solid #000 }
.page-contents table.gs-table td:first-child,
.page-contents table.gs-table th:first-child { border-left:0 }
.page-contents table.gs-table td:last-child,
.page-contents table.gs-table th:last-child { border-right:0 }
.page-contents table.gs-table.no-border td,
.page-contents table.gs-table.no-border th { border-left:0; border-right:0 }
.page-contents table.gs-table tbody .last-line td { position:absolute; margin-top:-1px; padding:0; border:none; border-bottom: 1px solid #c0c0c0 }
.page-contents table.gs-table.no-outer-border tr:first-child td,
.page-contents table.gs-table.no-outer-border tr:first-child th { border-top:0 }
.page-contents table.gs-table.no-outer-border tr:last-child th,
.page-contents table.gs-table.no-outer-border tr:last-child td { border-bottom:0 }

.page-contents table.gs-table.center { text-align:center }
.page-contents table.gs-table.nowrap tr,
.page-contents table.gs-table.nowrap td,
.page-contents table.gs-table.nowrap { white-space: nowrap }

.page-contents hr {
    display:block;
    height:1px;
    border:none;
    background:#191919;
    margin:20px 0
}


#tags ul { display:flex; justify-content: flex-end; padding-top:20px; }
#tags ul li {
    font-size:15px;
    cursor:pointer;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    white-space: nowrap;
    display: inline-block;
    margin-right:5px; margin-bottom: 5px;
    border:1px solid #44eca7; border-radius: 20px; padding:0px 8px; background:#fff; color:#44eca7
}
#tags ul li:hover {
    background:#44eca7;
    color:#fff;
}

.file-download {
    width:500px;
    margin:10px auto;
    display:flex;
    justify-content: space-between;
    border:1px solid #e0e0e0;
    padding:15px;
}
.file-download img {width:70px}
.file-download p {
    width:320px;
    display:flex;
    flex-direction: column;
    padding-left:10px;
    font-size:.8em;
    color:#8a8a8a;
}
.file-download p a {
    color:#0f74a8;
    text-decoration: none;
}
.file-download a.icon {
    display:block;
    width:50px; height:50px;
    background:no-repeat 0 0 url("img/download.png");
    text-decoration: none;
    -webkit-transition: background-position ease-in-out 0.1s;
    -moz-transition: background-position ease-in-out 0.1s;
    -o-transition: background-position ease-in-out 0.1s;
    transition: background-position ease-in-out 0.1s;
}
.file-download a.icon:hover {background-position-y:-50px;}