/*---------------------------board common------------------------------*/
/*#header {background-color:rgba(255,255,255,0.25)}*/
#container {padding-top:0}
.title[data-ani="scroll"] {opacity:0; transform:translateY(100%); transition:transform 1s}
.title[data-ani="scroll"].on {opacity:1; transform:translateY(0)}
/*---------------------------//board common------------------------------*/


/* --------------------------------board_tit_sec------------------------------ */
.board_tit_sec {position:relative; width:100%; height:28.5rem; background:url(/front/images/board/board_bg_de.png) no-repeat center / cover}
.board_tit_sec .title_wrap {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; overflow:hidden}
.board_tit_sec .title {font-size:4rem; color:#fff; font-weight:700}
.board_tit_sec .sub_title {margin-bottom:.5rem; font-size:2rem; color:#BEC1C7}

@media screen and (max-width:1024px) {
    .board_tit_sec .title {font-size:2.47rem; line-height:3.24rem}
    .board_tit_sec .sub_title {font-size:1.54rem; line-height:2.47rem}
}/* sm */
/* --------------------------------//board_tit_sec------------------------------ */


/* --------------------------------notice_sec------------------------------ */
.notice_list_sec {padding:7.5rem 0; background-color:#F7F7F8}
.notice_list_sec:last-child {padding:0 0 7.5rem}
.notice_list_sec .sec_cate {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333; display:inline-block; border:1px solid #BEC1C7; padding:4px 1rem; background-color:#FFF; margin-bottom:1rem}
.notice_list_sec .sec_title {font-size:2rem; line-height:2.625rem; font-weight:700; color:#333}
.notice_list_sec .list_wrap {margin-top:3.5rem}
.notice_list_sec table {width:100%}
.notice_list_sec table thead tr {background-color:#EAEAEA; border-bottom:1px solid #BEC1C7}
.notice_list_sec table th {font-size:1.25rem; line-height:2rem; font-weight:700; color:#333; padding:1.25rem 0}
.notice_list_sec table thead th:not(:last-child) {border-right:1px solid #BEC1C7}
.notice_list_sec table tbody tr {background-color:#FFF; border-bottom:1px solid #BEC1C7; transition:all .15s ease-in-out}
.notice_list_sec table td {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333; text-align:center; padding:1.25rem 1rem}
.notice_list_sec table td:not(:last-child) {border-right:1px solid #BEC1C7}
.notice_list_sec table td p {width:max-content; text-align:center; margin:0 auto; text-wrap:wrap}
.notice_list_sec table td a {width:100%; display:flex; justify-content:center; align-items:center; gap:4px}
.notice_list_sec table td a span {width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; cursor:pointer; word-break:keep-all}

.notice_list_sec table tbody tr.fixed {background-color:#D7FDFF}
.notice_list_sec table tbody tr.fixed td {position:relative}
.notice_list_sec table tbody tr.fixed td.board_item a::after {content:''; display:inline-block; width:20px; height:22px; background:url(/front/images/board/icon_pin.svg) center center / auto 100% no-repeat}
/*.notice_list_sec table tbody tr.fixed td.board_item a {width:calc(100% - 24px)}*/
.notice_list_sec table tbody tr.fixed td.board_item a span {width:auto; max-width:calc(100% - 24px)}

@media screen and (min-width:1024.1px) and (hover:hover) {
    .notice_list_sec table tbody tr:hover {background-color:#F7F7F8}
}/* hover */

@media screen and (max-width:1024px) {
    .notice_list_sec {padding:4.92rem 0}
    .notice_list_sec .sec_title {font-size:1.85rem; line-height:2.76rem}
    .notice_list_sec .sec_cate {font-size:0.92rem; line-height:1.85rem; padding:0 1rem}
    .notice_list_sec table tbody td {font-size:1.08rem; line-height:1.54rem; padding:10px 6px}
    .notice_list_sec table tbody tr.fixed td a::after {width:12px; height:14px}
    .notice_list_sec table tbody tr.fixed td.board_item a span {width:100%; max-width:unset; padding-right:24px}
    .notice_list_sec table tbody tr.fixed td.board_item a::after {position:absolute; top:50%; right:1rem; transform:translateY(-50%)}
    .notice_list_sec table tbody td {padding:10px 6px}
    .notice_list_sec table td a span{-webkit-line-clamp:2}
    .notice_list_sec table td:last-child {padding:10px 4px}
    .notice_list_sec table td:last-child p{font-size: 0.92rem; line-height: 1.4rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all}
}/* sm */
/* --------------------------------//notice_list_sec------------------------------ */


/* --------------------------------broadcast_list_sec------------------------------ */
.broadcast_list_sec table tbody tr td:last-child {position:relative; padding:1.25rem calc(1rem + 84px) 1.25rem 1rem}
.broadcast_list_sec table tbody tr td:last-child a::before {content:''; display:inline-block; width:84px; height:20px; background:url('/front/images/board/ico_link.png') center / 20px auto no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%); transition:all .1s ease-in-out}
@media screen and (max-width:1024px) {
    .broadcast_list_sec table tbody tr td:last-child {padding:10px 1rem}
    .broadcast_list_sec table tbody tr td:last-child a::before {display:none}
}/* sm */
/* --------------------------------//notice_sec------------------------------ */


/* --------------------------------notice_detail_sec------------------------------ */
.notice_detail_sec {background-color:#F7F7F8; padding:13rem 0}
.notice_detail_sec .board_tag {font-size:1.25rem; line-height:2.5rem; font-weight:500; color:#333; height:2.5rem; display:inline-block; background-color:#FFF; border:1px solid #BEC1C7; padding:0 1rem}
.notice_detail_sec .board_title {font-size:2rem; line-height:2.625rem; font-weight:700; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:1.5rem}
.notice_detail_sec .board_date {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333333; margin-top:1.5rem}
.notice_detail_sec .board_cont {width:100%; min-height:200px; margin:4rem 0; background-color:#FFF; border-top:1px solid #BEC1C7; border-bottom:1px solid #BEC1C7; padding:2rem}
.notice_detail_sec .board_cont * {font-size:1.25rem; line-height:2rem; font-weight:400; color:#333}
.notice_detail_sec .board_cont img {width:auto; display:inline-block}
.notice_detail_sec .board_sub {display:flex; width:100%; justify-content:space-between; align-items:flex-start; gap:2rem}
.notice_detail_sec .board_list {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; gap:1rem; flex-shrink:1}
.notice_detail_sec .board_list a {display:flex; justify-content:flex-start; align-items:center; gap:1.5rem; cursor:pointer}
.notice_detail_sec .board_list a b {font-size:1rem; line-height:1; font-weight:400; color:#161B20; display:inline-flex; gap:8px; justify-content:flex-start; align-items:center; background-color:#0A0A0A; color:#FDFDFD; padding:8px 12px}
.notice_detail_sec .board_list .btn_prev b::before {content:''; display:block; width:6px; height:10px; background:url(/front/images/common/board_arrow.png) center / contain no-repeat}
.notice_detail_sec .board_list .btn_next b::after {content:''; display:block; width:6px; height:10px; background:url(/front/images/common/board_arrow.png) center / contain no-repeat; transform:scaleX(-1)}
.notice_detail_sec .board_list a span {font-size:1.125rem; line-height:1.75rem; font-weight:500; color:#161b20; text-align:left; width:100%; max-width:400px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; cursor:pointer; flex-shrink:1}
.notice_detail_sec .board_file {width:100%; max-width:360px}
.notice_detail_sec .board_file .btn_download{max-width:unset}



@media screen and (min-width:1024.1px) and (hover:hover) {
    .notice_detail_sec .board_list a:hover span {color:#3468B2}
}/* hover */

@media screen and (max-width:1024px) {
    .notice_detail_sec {padding:4.93rem 0}
    .notice_detail_sec .board_tag {font-size:1.08rem; line-height:1.85rem; height:1.85rem}
    .notice_detail_sec .board_title {font-size:1.85rem; line-height:2.76rem; -webkit-line-clamp:3; margin-top:8px}
    .notice_detail_sec .board_date {font-size:1.24rem; line-height:2.16rem; margin-top:8px}
    .notice_detail_sec .board_cont {margin:1.85rem 0; padding:2.47rem 1.24rem}
    .notice_detail_sec .board_cont * {font-size:1.08rem; line-height:1.85rem}
    .notice_detail_sec .board_sub {flex-direction:column; align-items:flex-start; gap:3.08rem}
    .notice_detail_sec .board_list {flex-direction:row; gap:1.24rem}
    .notice_detail_sec .board_list a b {font-size:1.24rem; line-height:1.39rem}
    .notice_detail_sec .board_list a span {display:none}
    .notice_detail_sec .board_file {width:88%; max-width:500px}
}/* sm */

/* --------------------------------//notice_detail_sec------------------------------ */


/* --------------------------------letter_sec_01------------------------------ */
.letter_sec_01 {padding: 7.5rem 0 5rem; background-color: #F7F7F8}
.letter_sec_01 .btn_pc {display: block}
.letter_sec_01 .btn_mo {display: none}
.letter_sec_01 .sec_title {font-size: 3rem; font-weight: 700; color: #333}
.letter_sec_01 .sec_desc {margin: 1rem 0 2.5rem; font-size: 1.25rem; font-weight: 500}
.letter_sec_01 .form_wrap{width:100%; max-width:772px}
.letter_sec_01 .top {margin-bottom: 1rem;}
.letter_sec_01 .flex_wrap {display: flex; align-items: center; gap: 0.5rem;}
.letter_sec_01 .flex_wrap .input_wrap {width: 100%; flex-shrink:1}
.letter_sec_01 .input_wrap input {height: 3.375rem;}
.letter_sec_01 .input_wrap:not(:last-child) {margin-bottom: 0}
.letter_sec_01 .btn_wrap button {display: block; height: 3.375rem; padding: 0 1.5rem; line-height: 138%; background-color: #0A0A0A; color: #fff; font-size: 1rem; font-weight: 500}
.letter_sec_01 .tip {position: relative; margin-top: 0.5rem; color: #FF0000; font-size: 0.75rem; display: none;}
.letter_sec_01 .tip::before {content: ""; display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.25rem; vertical-align: -0.1rem; background: url(/front/images/board/ico_info.svg) no-repeat center/100% auto}
.letter_sec_01 .input_wrap input[type="checkbox"] + label {gap: 0.5rem; margin-bottom: 0; padding: 0.75rem 1rem; border: 1px solid #BEC1C7; background-color: #fff; font-weight: 400}
.letter_sec_01 .input_wrap input[type="checkbox"] + label strong {font-weight: 700}
/*.letter_sec_01 .input_wrap input[type="checkbox"] + label span {position: absolute; left: 0.5%; top: 50%; width: 18px; height: 18px; transform: translateY(-50%)}*/
.letter_sec_01 .btn_more {position: absolute; right: 0.875rem; top: 50%; width: 1.25rem; height: 1.25rem; background: url(/front/images/board/ico_down.svg) no-repeat center/1rem auto; transform: translateY(-50%) rotate(180deg);cursor:pointer}
.letter_sec_01 .btn_more.on {transform: translateY(-50%) rotate(0deg)}
.letter_sec_01 .agree_wrap {width: 100%; height: 16.75rem; padding: 0.5rem 1rem; background: #fff; overflow-y: auto; text-align: left; display: none}
.letter_sec_01 .agree_wrap::-webkit-scrollbar {width:10px; height:30px}
.letter_sec_01 .agree_wrap::-webkit-scrollbar-thumb {background:#FDFDFD; border:2px solid #FDFDFD; border-radius:300px}
.letter_sec_01 .agree_wrap::-webkit-scrollbar-thumb:hover {background-color:#BEC1C7; border:2px solid #BEC1C7}
.letter_sec_01 .agree_wrap::-webkit-scrollbar-track {background:#E6E8EB}
.letter_sec_01 .agree_wrap h4{font-size:0.875rem; line-height: 1.25rem; font-weight: 700;color:#161b20;margin-bottom:.5rem}
.letter_sec_01 .agree_wrap p{font-size:0.875rem; line-height: 1.25rem; font-weight: 400;color:#161b20;margin-bottom:2rem}
.letter_sec_01 .agree_wrap p:last-child{margin-bottom:0}
@media screen and (max-width:767px) {
    .letter_sec_01 {padding-bottom: 3rem}
    .letter_sec_01 .btn_mo {display: block}
    .letter_sec_01 .btn_pc {display: none}
    .letter_sec_01 .flex_wrap {flex-wrap: wrap}
    .letter_sec_01 .flex_wrap .input_wrap {width: 100%}
    .letter_sec_01 .top {position: relative}
    .letter_sec_01 .btn_wrap {width: 100%; margin-top: 1rem}
    .letter_sec_01 .btn_wrap button {width: 100%;}
}/* sm */
/* --------------------------------//letter_sec_01------------------------------ */


/* --------------------------------letter_sec_02------------------------------ */
.letter_sec_02 {padding-bottom: 7.5rem; background-color: #F7F7F8}
.letter_sec_02 .list {display: flex; gap: 3.5rem 1.5rem; flex-wrap: wrap}
.letter_sec_02 .list li {width:calc((100% - (1.5rem * 2))/3);}
.letter_sec_02 .list figure {width: 100%; height: 0; padding-bottom: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: background-size 0.5s}
.letter_sec_02 .list a:hover figure {background-size: 110% auto}
.letter_sec_02 .list h4 {width: 100%; height: 4.25rem; margin: 1rem 0; font-size: 1.5rem; line-height: 146%; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.letter_sec_02 .list p {font-size: 1.25rem; font-weight: 500; line-height: 142%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.letter_sec_02 .pg_wrap {margin-top: 3.5rem;}
/*팝업*/
#popNewsletter .desc {margin-top: 1rem}
@media screen and (max-width:1024px) {
    .letter_sec_02 .list li {width:calc((100% - (1.5rem * 1))/2);}
    /*팝업*/
    #popNewsletter .btn_group button {width: 128px; height: 36px}
}/* sm */
@media screen and (max-width:767px) {
    .letter_sec_02 .list li {width: 100%}
    .letter_sec_02 .list h4 {height: auto; font-size: 1.25rem}
    .letter_sec_02 .list p {font-size: 1.125rem}
}/* sm */
/* --------------------------------//letter_sec_02------------------------------ */