/* (공통) text */
.text_ty01 {font-size: 96px; font-weight: bold; color: #fff; line-height: 1.2;}
.text_ty02 {font-size: 28px; font-weight: 300; color: #fff; letter-spacing: -1.5px;}
.text_ty03 {font-size: 64px; font-weight: bold; color: #fff;}
.text_ty04 {font-size: 26px; color: #fff;}
.text_ty05 {font-size: 70px; font-weight: 700; color: #fff;}
.text_ty06 {font-size: 18px; color: #fff;}
.text_ty07 {font-size: 20px; color: #fff;}
.p_tit {color: #fff; opacity: .04; font-size: 420px; font-weight: bold; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
.nav_tit {font-size: 12px; font-weight: 700; text-align: center; margin: 20px 0 0;}
/* .product .nav_tit {color: #fff;} */
@media screen and (max-width: 1600px) {
    .p_tit {font-size: 380px;}
}
@media screen and (max-width: 1440px) {
    .p_tit {font-size: 300px;}
}
@media screen and (max-width: 1200px) {
    .p_tit {font-size: 280px;}
}
@media screen and (max-width: 991px) {
    .text_ty03 {font-size: 40px;}
}
@media screen and (max-width: 768px) {
    .text_ty01,
    .text_ty05 {font-size: 40px;}
    .text_ty03 {font-size: 20px;}
    .text_ty04, 
    .text_ty07 {font-size: 14px;}
    .text_ty02 {font-size: 18px;}
}

/* (공통) color */
a.c_blue, .c_blue {color: #00A8F3;}
.c_black {color: #000;}
.c_darkNavy {color: #111426}
.bg_darkNavy {background-color: #111426;}
.bg_blue {background-color: #F1F5F9;}

/* (공통) button */
.btn_ty01 {display: inline-block; color: #fff; padding: 16px 20px; background: #00A8F3; border-radius: 60px;}

/* (공통) 탭메뉴 */
.tab_ty01 {color: #fff; margin-bottom: 30px; text-align: center;}
.tab_ty01 li {display: inline-block; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 45px; margin: 0 10px;}
.tab_ty01 li a {font-size: 18px; font-weight: bold; opacity: .3; display: block; padding: 10px 16px;}
.tab_ty01 li.active {border-color: #fff;}
.tab_ty01 li.active a {opacity: 1;}
.tab_ty02 {color: #111426; margin: 60px 0 30px; text-align: center;}
.tab_ty02 li {display: inline-block; border: 1px solid rgba(17, 20, 38, 0.3); border-radius: 45px; margin: 0 10px;}
.tab_ty02 li a {font-size: 18px; font-weight: bold; opacity: .3; display: block; padding: 10px 16px;}
.tab_ty02 li.active {border-color: #111426;}
.tab_ty02 li.active a {opacity: 1;}

/* (공통) circle */
.circle_blue {width: 651px; height: 651px; background: url(../img/content/circle_blue2px.png) no-repeat center / cover;} 
.circle_orange {width: 651px; height: 651px; background: url(../img/content/circle_orange2px.png) no-repeat center / cover;} 
.circle_dot {width: 400px; height: 400px; background: url(../img/content/circle_dot.png) no-repeat center / cover;} 

/* (공통) 기타 */
.position_center {position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%); width: 100%;}
.flex_wrap {display: flex; justify-content: space-between; align-items: center;}
.pt80 {padding-top: 80px;}

/* (공통) publication */
.publication .inner {max-width: 1620px; color: #fff;} 
.publication .text_ty03 {text-align: center; margin-bottom: 60px;}
.publication .list {padding: 26px 0; border-top: 1px solid #333;}
.publication .list a {display: block;}
.publication .list:last-child {border-bottom: 1px solid #333;}
.publication .list .category {font-size: 20px; position: relative; padding-left: 50px;}
.publication .list .category::before {content: ''; width: 33px; height: 32px; background: url(../img/content/logo_img.png) no-repeat center / cover; position: absolute; left: 0; top: 0; }
.publication .list .title {font-size: 28px; font-weight: 700; margin: 18px 0; word-break: keep-all;}
.publication .list .cont {width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: auto; line-height: 1.5; word-break: keep-all;}
.publication .list .date {font-size: 20px; color: #666; margin: 18px 0; display: inline-block; display: block;}
.publication .list .more {font-size: 20px;}

@media screen and (max-width: 768px) {
    /* publication */
    .publication .text_ty03 {font-size: 28px;}
    .publication .list {padding: 16px 0;}
    .publication .list .category {padding-left: 28px;}
    .publication .list .category::before {width: 21px; height: 20px;}
    .publication .list .title {margin: 12px 0;}
    .publication .list .category,
    .publication .list .date,
    .publication .list .more {font-size: 14px;}
    .publication .list .title {font-size: 20px;}
    .publication .list .date {margin: 12px 0;}
}