@charset "UTF-8";

/* *******************************************************************
	공통
******************************************************************* */
.highlight-blue {
    color:#006EF3;
}
.highlight-red {
    color:#ED6B6E;
}
.highlight-green {
    color:#16ACC0 ;
}
.article .contents-area .inner-wrap {
    flex-direction: column;
    gap:0;
}
.flex-w-50 {
    width: 50%;
}
/* 컨텐츠 타이틀 */
.article .section h2.section-title {
    margin: 25px 0 10px;
    padding-left: 22px;
    background: url(/images/sub/sub_title_icon.png) 0 13px no-repeat;
    background-size: 16px;
    font-size: 25px;
    font-weight: 800;
}
.article .section h3.sub-title {
    position: relative;
    margin: 30px 0 15px;
    font-size: 19px;
    font-weight: 800;
    color: #1d496b;
    line-height: 1.3;
}
.article .section > h3.sub-title:nth-child(1) {
    margin-top: 10px;
}
.article .section h4 {
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 800;
}
.article .section p {
    margin: 0 0 24px;
}

.article .section .btn-area {
    display: flex;
    gap: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.article .section .btn-area .btn-go {
    display: inline-block;
    margin: 15px;
    padding: 20px 30px;
    line-height: 1;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #006EF3;
    transition: all 0.25s;
    border:1px solid #009fb9;
}
.article .section .btn-area .btn-go:hover {
    background-color: #00a6c4;
    border:1px solid #0d7e91;
}
.article .section .btn-area .btn-go.red {
    background-color: #ED6B6E;
    border:1px solid #de0e1a;
}
.article .section .btn-area .btn-go.red:hover {
    background-color: #de0e1a;
    border:1px solid #be000b;
}
.article .section ul.btn-area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

/* 테이블 */
.table-bordered{
    border-top: 3px solid #006EF3 !important;
    border-left:none !important;
    border-right:none !important;
}
.table-bordered tr > th {
    background-color: #f9fcff;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
#contents .table > tbody > tr > th {
    background-color: #fafafa;
    border-right: 1px solid #ddd;
}
#contents .table > tbody > tr > td {
    padding: 7px 12px 7px 30px;
    font-size: 16px;
    line-height: 1.7;
}
#contents .table > tbody > tr > td {
    padding: 10px 12px;
    border-right: 1px solid #ddd;
}

#contents .table > tbody > tr > td:first-child,
#contents .table > tbody > tr > th:first-child {
    border-left:none;
}
#contents .table > tbody > tr > td:last-child {
    border-right:none;
}
#contents .table tr > th {
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
#contents .section-list .table tr > th {
    padding: 10px 12px;
    font-size: 18px;
}

#contents .table-responsive > .table-bordered > tbody > tr:last-child > td {
    border-bottom:1px solid #ddd ;
}

/*탭 컨텐츠의 탭메뉴 스타일*/

#contents .article .section .tab-custom .tab-bg {
    margin: 0 0 70px;
    padding:0;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 5px;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li {
    display: flex;
    flex-basis: 16.7%;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    transition: 0.5s;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    padding: 16px 0 ;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    color: #b4b4b4;
    transition: 0.5s;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background-color: #fafafa;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li:first-child a {
    border-radius: 5px;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li:last-child a {
    border-radius: 5px ;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li.active a {
    border: 1px solid #EA1C62;
    color: #EA1C62;
    background-color: #fff ;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li a:hover {
    background-color: #f1f1f1;
    color: #EA1C62;
}
#contents .article .section .tab-custom .tab-bg .tab-area .button-tab li.active a:hover {
    border: 1px solid #EA1C62 !important;
    color: #EA1C62 !important;
    background-color: #fff !important;
}

/* *******************************************************************
	협회소개 > 회장인사말
******************************************************************* */
.greeting #contents {
    background: url("/images/sub/chairman/greeting_logo_bg.png")
    no-repeat bottom right;
}
.greeting #contents .article .section {
    display: flex;
    gap: 70px;
}
.greeting #contents .article .section .text-area {
    word-break: break-word;

}
.greeting #contents .article .section > .img-area > img {
    width: 200px;
    border-radius: 10px;
}

.greeting #contents .article .section .right-area {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.greeting #contents .article .section .right-area b.highlight {
    color: #299ce1;
}
.greeting #contents .article .section .right-area .greeting-title {
    font-size: 32px;
    font-family: "TheJamsil", sans-serif;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.4;
}
.greeting #contents .article .section .right-area .greeting-title img {
    margin-top: -30px;
    margin-left: -20px;
}

.greeting #contents .article .section .right-area .chairman-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}
.greeting #contents .article .section .right-area .chairman-name p {
    margin:0;
}
.greeting #contents .article .section .right-area .chairman-name b {
    color: #333;
    font-size: 30px;
    font-weight: 800;
    font-family: "TheJamsil", sans-serif;
}
.greeting #contents .article .section .right-area .chairman-name span {
    font-size: 20px;
    font-weight: 600;
    margin-right: 15px;
}
/* *******************************************************************
	협회소개 > 연혁
******************************************************************* */
.history-area {

}
#wrap.history .section .nav-pills {
    justify-content: flex-start;
    margin: 0 0 44px;
}
#wrap.history .section .nav-pills li {
    flex: 1 1 17%;
}
#wrap.history .section .history-area dl dt, .history .section .history-area dl dd {
    display: table-cell;
}
#wrap.history .section .history-area dl {
    display: table;
    width: 100%;
    margin: 0;
}
#wrap.history .section .history-area dl dt {
    width: 15%;
    text-align: center;
    position: relative;
    vertical-align: top;
}
#wrap.history .section .history-area dl dt .hexagon {
    position: relative;
    top: -5px;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.5;
}
#wrap.history .section .history-area dl dd {
    vertical-align: bottom;
}
#wrap.history .section .history-area dl:first-child dd > ul {
    padding-top: 0;
}
#wrap.history .section .history-area dl dd > ul {
    margin: 0;
    padding-left: 50px;
    padding-bottom: 10px;
    min-height: 90px;
    border-left: 2px solid #eee;
}
#wrap.history .section .history-area dl dd > ul > li {
    display: table;
    width: 100%;
    margin: 0;
    line-height: 30px;
    vertical-align: middle;
}
#wrap.history .section .history-area dl dd > ul > li:last-child {
    padding-bottom: 20px;
}
#wrap.history .section .history-area dl dd>ul>li::before {
    margin-left: -58px;
    padding-right: 10px;
    content: "\f21b";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-size: 17px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #dfdfdf;
    vertical-align: middle;
}
#wrap.history .section .history-area dl dd > ul >li > span {
    display: table-cell;
    width: 16%;
    text-align: left;
    font-size: 18px;
    font-weight: 800;
    color: #1f87c5;
}
#wrap.history .section .history-area dl dd > ul > li > ul {
    display: table-cell;
    width: 82%;
    margin: 0;
    padding: 0;
    list-style: none;
}
#wrap.history .section .history-area dl dd > ul > li > ul > li {
    text-align: left;
    word-break: keep-all;
    margin-bottom: 3px;
}
#wrap.history .section .history-area dl dd > ul > li > ul > li b {

}
#wrap.history .section .history-area dl dd > ul > li > ul .list-hyphen li {
    color: #7a7a7a;
    font-size: 15px;
}
/* *******************************************************************
	협회소개 > 조직
******************************************************************* */
.organization #contents {
    background: url(/images/sub/organization/organization_bg.png) no-repeat bottom right;
    background-size: contain;
}
.organization .section {

}
.organization .section .img-area {
    text-align: center;
}
.organization .section .img-area img {
    max-width: 100%;
}

/* *******************************************************************
    협회소개 > 정관
******************************************************************* */
.regulation .article {

}
.regulation .article .section .regulation .article .section {
    position:relative;
}
.regulation .article .section .regulation_date {
    text-align:right;
    margin-bottom: 20px;
}
.regulation .article .section .regulation_date li {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
    font-family:'Noto Sans KR' ;
}
.regulation .article .regulation-area h2 {
    margin-top: 40px;
    margin-bottom: 0;
}
.regulation .article .regulation-area h3.title {
    margin: 25px 0 2px;
    color: #000;
    font-weight: 800;
    font-size: 16px;
}
.regulation .article .regulation-area p {
    font-size: 15px;
    margin-left: 10px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.regulation .article .regulation-area ol li,
.regulation .article .regulation-area ul li {
    font-size: 15px;
    color: #465c9d;
}
.regulation .article .section .btn-area {
    display: flex;
    justify-content: flex-end;
}
/* *******************************************************************
	협회소개 > 찾아오시는길
******************************************************************* */
.office #contents .article {

}
/* office-1 */
.office #contents .article .section.office-1{
    position:relative;
}
.office #contents .article .section.office-1 h3.section-title {
    margin:45px 0 10px;
}
.office #contents .article .section .section_address {
    display: none;
}
/* *******************************************************************
	회원센터 > 입회 안내
******************************************************************* */
.membership #contents .article
{

}
.membership #contents .article h2.main-title {
    font-size: 32px;
    font-weight: 700;
    margin: 30px 0 40px;
    text-align: center;
    font-family: "TheJamsil", sans-serif;
}
.membership .article .section .download-btn-area {
    justify-content: flex-start ;
}
.membership .article .section .btn-area svg {
    width: 20px;
    height: 20px;
   margin-right: 7px;
}
/* *******************************************************************
	회원센터 > 회원사 소개
******************************************************************* */
.member-introduce {

}
.member-list {
    display: flex;
    gap: 20px 1.3%;
    flex-wrap: wrap;
    padding: 10px 0;
}
.member-list li {
    display: flex;
    flex-basis: 24%
}
.member-list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border: 2px solid #dfdfdf;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.4s;
}
.member-list li a:hover {
    border: 2px solid #EA1C62 ;
}
#contents .article .section .member-list li a:hover p {
    color: #fff ;
    background-color: #EA1C62;
}

#contents .article .section .member-list li a p {
    width: 100%;
    padding: 10px;
    margin: 0;
    text-align:center;
    background-color: #f1f1f1;
    transition: all 0.4s;
    font-weight: 800;
}
.member-list li a .logo-area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px 10px;
    text-align: center;
    height: 125px;
}
.member-list li a .logo-area img {
    max-width: 260px;
    max-height: 110px;
}
.overseas .member-list li a .logo-area {
    height: 170px;
}

/* *******************************************************************
    pc 소개 > pc란?
******************************************************************* */
.pc-introduce .article .section h2 {
    font-size: 32px;
    font-weight: 900;
    margin: 30px 0 40px;
    font-family: "TheJamsil", sans-serif;
}
.pc-introduce .article .section h3 {
    font-size: 20px;
    line-height: 1.9;
    font-weight: 600;
}
.pc-introduce .article .section h3 b {
    font-size: 23px;
    font-weight: 800;
    color: #ea1c62;
}
.pc-introduce .article .section .img-area {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    padding: 45px 0;
}

.pc-introduce .article .section .img-area li {
    position: relative;
    width: 33%;
}
.pc-introduce .article .section .img-area li img {
    width: 100%;
    border-radius: 10px;
    transition: all 0.6s;
}
.pc-introduce .article .section .img-area li:hover img {
    filter: brightness(30%);
}
.pc-introduce .article .section .img-area li span {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 30px;
    font-weight: 800;
}
.pc-introduce .article .section .img-area li:hover span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.pc-introduce #contents .article .section .info-box {
    position: relative;
    margin-top: 80px;
    padding: 30px 35px;
    background-color: #f1f7ff;
    border: none;
}
.pc-introduce #contents .article .section .info-box > div {
   position: relative;
    z-index: 2;
}
.pc-introduce #contents .article .section .info-box b {
    color: #000;
}
.pc-introduce #contents .article .section .info-box img {
    position: absolute;
    width: 37%;
    right: 0;
    bottom: 0;
    z-index: 0;
}
/* *******************************************************************
    pc 소개 > pc 공법
******************************************************************* */
.public-method .table-responsive {
    margin-bottom: 50px;
}
/*구조부재용 PC 테이블*/
.public-method .table .img-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.public-method .img-area img {
    max-width: 240px;
    min-height: 170px;
}
.public-method td:last-child .img-area img {
    max-width: 340px;
    min-height: 200px;
}
/*외장용 pc 테이블*/
.public-method table.exterior-use .img-area {
    flex-direction: row;
    justify-content: center;
}

/* *******************************************************************
    pc 소개 > pc 생산
******************************************************************* */
.production {

}
.production .col1-area {
    display: flex;
    justify-content: space-around;
}

.production .col1-area .img-area img {
    max-width: 600px;
    width: 100%;
}
.production-process {
    width: 40%;
}
.factory-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    background-color: #fcf6f8;
}
.factory-area.On-site {
    marign-bottom: 50px;
    background-color: #dbf0ff;
}
#contents .article .section .factory-area.On-site .factory-production > div p {
    background-color: #2f90d8;
}
.factory-area .factory-production {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: 100%;
}
#contents .article .section .factory-area .factory-production > p {
    margin-bottom: 0;
}
.factory-area .factory-production > div {
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    width: 100%;
}

#contents .article .section .factory-area .factory-production > div p {
    display: flex;
    align-items: center;
    max-width: 220px;
    width: 100%;
    margin-bottom: 0px;
    padding: 5px 15px;
    background-color: #af174a;
    border-radius: 4px;
    font-size: 16px;
    color: #ffffff;
}
.factory-area .factory-production > div > ul {
    padding: 5px 10px 5px 30px;
    margin-bottom: 0px;
}
.factory-area .factory-production > div > ul > li {
    margin: 0px;
    font-size: 14px;
}

.factory-production > p img {
    width: 70%;
}

/*공통*/
.production #contents .article .section li .title {
    font-weight: 800;
    font-size: 17px;
}
.production li p span.num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #0b3290;
    font-size: 15px;
    color: #fff;
    border-radius: 50px;
}
.production .article .section li .img-area {
    display: flex;
    align-items: center;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
}
.production .article .section li img {
    width: 100%;
}

/*일반 pc*/
.production .general-pc-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 35px 2%;
    margin: 25px 0 60px;
    border-radius: 10px
}
.production .general-pc-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 23.4%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 11px 2px #00000015;
    background-color: #fff;
}
.production .general-pc-list li .text-area {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px;
}
.production #contents .article .section .general-pc-list li p.top-area {
    padding: 15px 20px;
    font-size: 17px;
    font-weight: 800;
}
.production #contents .article .section .general-pc-list li p {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
.production .general-pc-list li p.title {
    font-weight: 800;
}

/*할로우코어 슬래브 (HCS)*/
.production .general-pc-list.HCS li {
    flex-basis: 32%;
    min-height: 260px;
}
.production #contents .article .section .general-pc-list.HCS li p.top-area {
    background-color: #599bd4;
    color: #fff;
}
.production .article .section .general-pc-list.HCS li .img-area {
    min-height: 260px;
}
/*부재생상 프로세스*/
.production .production-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 35px 2%;
    margin: 25px 0;
    border-radius: 10px;
}
.production .production-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 18.4%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 11px 2px #00000015;
    background-color: #fff;
}

.production #contents .article .section .production-list li p {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding: 15px 20px;
    margin: 0;
    font-weight: 800;
}

/* *******************************************************************
    pc 소개 > pc 시공
******************************************************************* */
.construction {

}
.construction .img-area {
    margin-top: 30px;
}
.construction .img-area img {
    width: 100%;
}
.construction .construction-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 1.25%
}
.construction .construction-list li {
    display: flex;
    flex-basis: 19%;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.construction .construction-list li img {
    width: 200px;
    padding: 20px 10px 10px;
}
.construction .construction-list li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    background-color: #137CF4;
    height: 65px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
}
/*photo 순서*/
.construction .construction-list.photo {
    gap: 30px 2%;
}
.construction .construction-list.photo li {
    flex-basis: 31%;
    gap:0;
    border: 1px solid #137cf4;
}
.construction .construction-list.photo li img {
    width: 420px;
    height: 285px;
    padding: 0;
}
.construction .construction-list.photo li span {
    background-color: #fff;
    color: #137cf4;
    font-weight: 800;
}

/* *******************************************************************
    pc 소개 > pc 및 rc 공법 비교
******************************************************************* */
.concrete-methods {

}
.concrete-methods tr.img-area td img {
    width: 200px;
}
.concrete-methods #contents .tb-basic.pc-bg td:last-child {
    background-color: #fffaef;
}
.concrete-methods .methods-img-table .img-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.concrete-methods .methods-img-table .img-area p.double {
    width: 400px;
    height: 570px;
}
.concrete-methods .methods-img-table .img-area p {
    width: 400px;
    height: 280px;
    overflow: hidden;
    margin: 0;
}
.concrete-methods .methods-img-table .img-area p img {
    width: 100%;
    height: 100%;
}
/* *******************************************************************
    pc 자료 > pc 표준시방서
******************************************************************* */
.pc-data .article .section h2.section-title {
    margin: 0;
}
.pc-data .title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pc-data #contents .article .section .info-box {
    margin: 0;
}
.pc-data #contents .article .section .info-box b {
    font-size: 20px;
    color: #333;
}
.pc-data .introduce-area {
    display: flex;
    gap: 40px;
    margin-top: 25px;
}
.pc-data .introduce-area .img-area img {
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    max-width: 235px;
    width: 100%;
}
.pc-data .introduce-area .text-area {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.pc-data .introduce-area .text-area > .bottom-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}
.pc-data .introduce-area .text-area > .bottom-area > ul {

}
.pc-data .introduce-area .text-area > .bottom-area > ul > li {
    line-height: 30px;
    font-weight: 700;
}
.pc-data .introduce-area .text-area h3 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
}
.pc-data .introduce-area .text-area h3 > span {
    color: #777;
    font-size: 17px;
    font-weight: 400;
}
.pc-data .introduce-area .text-area > .bottom-area .btn-area {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.pc-data .introduce-area .text-area > .bottom-area .btn-area a {
    font-weight: 700;
}
.pc-data .introduce-area .text-area > .bottom-area .btn-area span {
    margin-right: 5px;
}


/* *******************************************************************
	pages-pc > 뉴스브리핑/뉴스레터/협회지 pdf 리스트
******************************************************************* */
.pages-pc {

}
.pages-pc .news-list {
    display: flex;
    gap: 25px 2%;
    flex-wrap: wrap;
    padding: 10px 0;
}
.pages-pc .news-list > li {
    display: flex;
    /*flex-basis: 23.5%;*/
    flex-basis: 15%;
}
.pages-pc .article .section .news-list > li a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    /*height: 145px;*/
    height: 290px;
    margin: 0;
    border: 2px solid #dfdfdf;
    /*border-radius: 10px;*/
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.4s;
    background-color: #fff;
    background-size: cover !important;
}


.pages-pc #contents .article .section .news-list > li a p {
    width: 135px;
    margin:0;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.4;
    padding-top: 100px;
}

/* 썸네일 및 색상 등 커스텀 */
.pages-pc.news-briefing .article .section .news-list > li > a {
    background: url("/images/sub/news_briefing_default.jpg") no-repeat top center;
}
.pages-pc.news-briefing #contents .article .section .news-list > li a p {
    padding: 90px 0px 0px 12px;
    color: #015e5a;
}
.pages-pc.news-briefing .article .section .news-list > li a:hover {
    border: 2px solid #0b9e97;
}
/*news-briefing*/
.pages-pc.newsletter .article .section .news-list > li > a {
    align-items: center;
    background: url("/images/sub/news_letter_default.jpg") no-repeat center center;
}
.pages-pc.newsletter #contents .article .section .news-list > li a p {
    color: #006eff;
    text-align: center;
}
.pages-pc.newsletter .article .section .news-list > li a:hover {
    border: 2px solid #006dfd;
}

/*.pages-pc.pc_journal*/
.pages-pc.pc_journal .news-list > li > a {
    background: url("/images/sub/pcJournal_default.jpg") no-repeat center center;
    background-size: cover;
}
.pages-pc.pc_journal #contents .article .section .news-list > li a p {
    width: 100%;
    padding-top: 130px;
    text-align: center;
    color: #fff;
}
.pages-pc.pc_journal .article .section .news-list > li a:hover {
    border: 2px solid #4da9d3;
}

/*썸네일 추가시*/
.pages-pc .article .section .news-list > li > a img {
    width: 100% !important;
    height: 100% !important;
}
/* *******************************************************************
    행사 및 활동 > 연간 일정 annual_plan.vm
******************************************************************* */
.annual-plan {

}
h3.year-select {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}
h3.year-select a {
    font-size: 35px;
}
h3.year-select .year {
    font-size: 36px;
    font-weight: 800;
}
.annual-plan #contents .table {
    min-width: 820px;
}
.annual-plan #contents .table > tbody > tr > th {
    padding: 8px 12px;
    font-size: 15px;
}
.annual-plan #contents .table > tbody > tr > th.month_span_target {
    text-align: center;
    font-size: 18px;
    font-weight: 800;
}
.annual-plan #contents .table > tbody > tr > td {
    padding: 8px 25px;
    font-size: 15px;
}
/* *******************************************************************
    행사 및 활동 > 주요 일정 major_schedule.vm
******************************************************************* */
.fc-head-container.fc-widget-header, .fc-day-header.fc-widget-header.fc-sun, .fc-day-header.fc-widget-header.fc-sat {
    border-top: 3px solid #2970d9;
}
.major-schedule .fc-unthemed th {
    padding: 8px 0;
    font-size: 18px;
    background-color: #ecf6ff;
}
.major-schedule .fc-unthemed .fc-list-empty {
    padding: 15px;
}
.major-schedule .fc-toolbar .fc-left,
.major-schedule .fc-toolbar .fc-right {
    padding-top: 7px;
}
.major-schedule .fc-toolbar .fc-center h2 {
    font-size: 30px;
    font-weight: 900;
}
.major-schedule .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    padding: 5px 15px;
}
/* 토요일 */
.major-schedule .fc-sat {
    /*background-color: #f3f8fc;*/
}
.major-schedule .fc-sat .fc-day-number {
    color: #6060FF;
}

/* 일요일 */
.major-schedule .fc-sun {
    /*background-color: #fff4f2;*/
}
.major-schedule .fc-sun .fc-day-number {
    color: #FF7376;
}
/* *******************************************************************
    행사 및 활동 > 위원회 사업안내 committee_business.vm
******************************************************************* */
.committee-business {

}
.committee-business h2.committee-name {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 800;
    font-family: "TheJamsil", sans-serif;
}

/* *******************************************************************
    행사 및 활동 > 위원회 활동내용 committee_activity.vm
******************************************************************* */
.committee-activity {

}
.committee-activity .table-responsive {
    border-top: none;
}
.committee-activity .article .section .download-btn-area {
    display: table-cell;
}
.committee-activity .article .section .download-btn-area a.btn-download {
    padding: 5px 8px;
    font-size: 14px;
}
.committee-activity .dataTables_filter {
    margin-bottom: 15px;
}
.committee-activity .dataTables_info {
    padding-top:0;
    font-size: 15px;
    color: #555;
}
.committee-activity .dataTables_length {
    padding-top: 3px;
}
#committee_activity_wrapper.dataTables_wrapper .dataTables_length select {
    padding: 8px;
    margin-right: 5px;
}
#committee_activity {
    min-width: 1000px;
}
#committee_activity.tb-basic tbody td:nth-child(3) {
    font-size: 15px;
}

/*페이지네이션 커스텀*/
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 38px;
    padding: 2px 6px;
    color: #666 !important;
    border: 1px solid #dfdfdf;
    background: #fff;
    font-size: 15px;
}
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #83b7fb;
    background: #83b7fb !important;
}
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: pointer;
    color: #666 !important;
    border: 1px solid #dfdfdf;
    background: #fff;
    box-shadow: none;
}
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #fff !important;
}
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.committee-activity .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #3576df;
    background: #3576df !important;
}
/* *******************************************************************
    기술공모전 > 공모전 안내 contest_info.vm
******************************************************************* */
.contest-info {

}
.contest-info .img-area img {
    max-width: 100%;
}
.contest-info .table-responsive.schedule {
    max-width: 900px;
}
/* *******************************************************************
    정보광장 > 역대수상자
******************************************************************* */

.past_contest #contents .table > tbody > tr > td:last-child {
    padding-left: 20px;
    text-align: left;
}

.past_contest #contents .article .section ul.bullet {
    margin: 5px 10px 20px;
}
.past_contest #contents .article .section ul.bullet:last-child {
    margin: 5px 10px 0px;
}
.past_contest #contents .article .section ul.bullet li {
    margin: 2px 0;
}
/* *******************************************************************
	정기간행물 > 한국PC기술협회지
******************************************************************* */
.pages_periodical #contents .section .search-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 10px;
    margin-bottom: 50px;
    border-radius: 5px;
    background-color: #fafbfe;
}
.pages_periodical #contents .section .search-area.info-box .btn-area  {
    display: flex;
    gap: 12px;
    padding-left:10px;
}
.pages_periodical #contents .section .search-area.info-box .btn-area .btn {
    font-size: 16px;
    font-weight: 700;
}
.pages_periodical .section .search-area .btn-area svg {
    margin-left: 7px;
    width: 20px;
}
.pages_periodical .section .search-area .panel-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding:0;
}
.pages_periodical .section .search-area .panel {
    border:0;
    box-shadow: none;
    background-color: transparent;
}

/* 물산업지 ( 동국대 서버 스타일 복사 )*/
.pages-periodical .section .book-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 44px 4%;
    margin: 0;
    padding: 0;
    list-style: none
}

.pages-periodical .section .book-list li {
    flex-basis: 22%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    margin: 0
}

.pages-periodical .section .book-list li .thm-area {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

.pages-periodical .section .book-list li .thm-area .cover img {
    display: block;
    max-width: 100%;
    border-radius: 4px;
}

.pages-periodical .section .book-list li .thm-area .info-area {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-direction: row;
    gap: 2%;
}

.pages-periodical .section .book-list li .thm-area .info-area .title {
    display: block;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 700;
}

.pages-periodical .section .book-list li .thm-area .info-area a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 38px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
}
.pages-periodical .section .book-list li .yearmonth {
    display: block;
    width: 45px;
    line-height: 1;
    font-family: arial, sans-serif;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: -0.25px;
    color: #dfdfdf;
    transform: rotate(90deg);
}
/*WATER 4 FUTURE CITY*/
.pages-periodical .section.w4fc .book-list li .thm-area .cover img {
    border: 1px solid #dfdfdf;
    padding: 5px 10px;
}

/* *******************************************************************
    국문지 - 학생연구자 논문대회
******************************************************************* */
.student-researcher {

}
.student-researcher ul.bullet li small {
    font-size: 15px;
}
.student-researcher .poster-area {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 50px;
    box-shadow: 1px 1px 6px 3px rgba(114, 114, 114, 0.2);
}
.student-researcher .poster-area img {
    width: 100%;
}
/*기타 행사 */
.event-search-area {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap:20px;
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #e3f0ff;
    border-radius: 2px;
    background-color: #f6faff;
}
.event-search-area .form-control {
    width: 95px;
    height: 35px;
    padding: 0 8px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 2px;
}

/* .filters-area */
.filters-area {
    display: flex;
    justify-content: center;
    gap:13px;
}
.filters-area .filter-element {
    display: inline-block;
    vertical-align: middle;
}
.filters-area .filter-element label {
    margin: 0 5px 0 10px;
    font-size: 17px;
    font-weight: bold;
}
.filters-area .filter-element:first-child label {
    margin-left: 0;
}
.filters-area .filter-element .input-group.date input.form-control {
    width: 105px;
    font-size: 15px;
}
.filters-area .filter-element .input-group.date input.form-control::placeholder {
    letter-spacing: -0.2px;
    font-size: 12px;
}
.filters-area .filter-element.search input.form-control {
    width: 170px;
}

/* .keyword-search-area */
.keyword-search-area {
    margin: 0 0 20px;
    text-align: center;
}
.keyword-search-area label {
    margin: 0 7px 0 30px;
    font-size: 15px;
    font-weight: bold;
}
.keyword-search-area input.form-control {
    width: 100px;
}
/* .btn-area */
#contents .article .section .event-search-area .btn-area {
    margin: 0;
    padding: 0;
}
.event-search-area .btn-area .btn {
    margin: 0 5px;
    padding: 7px 17px;
    font-size: 15px;
}

/* .seminar-list */
.seminar-list table.table {
    min-width: 1000px;
    border-top: 3px solid #2970d9;
}
.seminar-list tr.past {
    background-color: #f7f7f7;
}
.seminar-list .title {
    display: block;
    width: 100%;
    padding: 18px 0;
    color: #333;
    letter-spacing: -0.45px;
    font-weight: 800;
}
.seminar-list .title:hover {
    color: #2970d9;
}
.seminar-list table.table tr.past .title {
    font-weight: normal;
}
.seminar-list .event-date p {
    margin: 0 0 5px;
    font-size: 15px;
    letter-spacing: -0.45px;
}
.seminar-list .event-date p:last-child {
    margin: 0;
}
.seminar-list .event-date span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.seminar-list .event-date span.date {
    margin-right: 0;
    letter-spacing: -0.45px;
}
.seminar-list .text-success,
.seminar-list .text-info,
.seminar-list .text-danger {
    font-size: 14px;
    letter-spacing: -0.45px;
    border-radius: 5px;
}
.seminar-list .text-success {
    color: #fff;
    background-color: #03ae06;
}
.seminar-list .text-info {
    color: #b2b2b2;
}
.seminar-list .text-danger {
    color: #fff !important;
    background-color: #f33;
}
#contents .seminar-list .table > tbody > tr > td > p {
    margin-bottom: 0px;
    font-size: 15px;
}

/* 학술행사 > 학술발표회, 공동포럼 */
.event-list-area {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 45px;
    padding: 40px 0;
    border-bottom: 1px solid #eee;
}
.event-list-area:first-child {
    padding-top: 0;
}
.event-list-area:last-child {
    border-bottom: none;
}
.event-list-area .poster-area {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.event-list-area .poster-area > a > img {
    box-shadow: 0px 0px 4px 0px #3333332b;
    width: 200px;
    height: 280px;
}
.event-list-area .info-area {
    display: flex;
    width: 80%;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.event-list-area .info-area .text-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.event-list-area .info-area .text-area h3.title {
    font-size: 23px;
    font-weight: 900;
}

.event-list-area .info-area .text-area .info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.event-list-area .info-area .text-area .info-list li {
    display: flex;
    gap: 12px;

}
.event-list-area .info-area .text-area .label {
    min-width: 60px;
    width: 60px;
    height: 27px;
    padding: 7px 5px;
    background-color: #17519f;
}

.event-list-area .info-area .button-area {
    display: flex;
    gap: 7px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.event-list-area .info-area .button-area > a {
    font-weight: 800;
}
.event-list-area .info-area .text-area .info-list li.detail .conts {
    font-size: 15px;;
    font-weight: 400;
    line-height: 1.6;
}

.conference_papers .section iframe.iframe-kiss {
    height: 1600px;
    border: 5px solid #dfdfdf;
    border-radius: 10px;
    padding: 10px 0;
}

/* phone ~ 767px */
@media screen and (max-width: 767px) {

    .flex-w-50 {
        width: 100%;
    }
    .introduction .article .section {
        flex-direction: column;
    }
    .article .section h2.section-title {
        font-size: 19px ;
        background: url(/images/sub/sub_title_icon.png) 0 9px no-repeat;
        background-size: 16px;
    }
    #contents .article .section ul.bullet > li {
        margin: 10px 0;
        font-size: 15px ;
    }
    #contents .table tr > th,#contents .table > tbody > tr > td {
        font-size: 15px;
    }
    .conference_papers .section iframe.iframe-kiss {
        border:none;
    }
    #contents .section-list .table tr > th {
        font-size: 15px;
    }
}