@charset "utf-8";

/* 컴포넌트 */
.component_wrap h1 {
    font-size: 30px;
    margin-bottom: 30px;
}
.component_wrap h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.component_wrap hr {
    display: block;
    margin: 25px 0;
}


/*  ==== reset ==== */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'NanumBarunGothic',sans-serif;background:#fff;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'NanumBarunGothic',sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'NanumBarunGothic',sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer;border: 0;}

textarea, select {font-family: 'NanumBarunGothic',sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    /* border:0 !important; */
    border-color: #222 !important;
}

.placeholdersjs {color:#aaa !important}



/* ==== inner ==== */
.inner_1680 {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1680px;
}
.inner_1480 {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1480px;
}
.inner_1200 {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1200px;
}



/* ==== common css ==== */
.font_wwf {
    font-family: 'wwf',sans-serif;
}


/* buttons */
.n_btn {
    display: inline-block;
    text-align: center;
    min-width:220px;
    padding: 0 10px;
}
.btn_orange {
    color: #fff;
    background-color: #e98300;
    border: 1px solid #e98300;
    transition: all 0.3s;
}
.btn_black {
    color: #fff;
    background-color: #222222;
    border: 1px solid #222222;
    transition: all 0.3s;
}
.btn_black.stroke {
    color: #fff;
    background-color: #222222;
    border: 1px solid #fff;
    transition: all 0.3s;
}
.btn_pink {
    color: #fff;
    background-color: #da1d52;
    border: 1px solid #da1d52;
    transition: all 0.3s;
}
.btn_orange:hover {
    background-color: #1b1b1b;
    border: 1px solid #fff;
}
.btn_black:hover {
    background-color: #e98300;
    border: 1px solid #e98300;
}
.btn_white_pink {
    background: #fff;
    border: 1px solid #fff;
    color: #da1c53;
}
.btn_white_orange {
    background: #fff;
    border: 1px solid #fff;
    color: #e98300;
}
.btn_h75 {
    font-size: 25px;
    height: 75px;
    line-height: 73px;
}
.btn_h70 {
    font-size: 18px;
    height: 70px;
    line-height: 68px;
}
.btn_h60 {
    font-size: 18px;
    height: 60px;
    line-height: 58px;
}
.btn_h58 {
    font-size: 18px;
    height: 58px;
    line-height: 56px;
}
.btn_h50 {
    font-size: 18px;
    height: 50px;
    line-height: 48px;
}
.btn_h52 {
    font-size: 18px;
    height: 52px;
    line-height: 40px;
}


/* color */
.color_orange {
    color: #e98300 !important;
}
.color_pink {
    color: #da1d52 !important;
}
.color_black {
    color: #222222 !important;
}


/* ==== layout ==== */
/* ==== main :: start ==== */
/* ==== header ==== */
.wwf_header {
    width: 100%;
    background: #1b1b1b;
    height: 80px;
    position: sticky;
    left: 0;
    /* top: -1px; */
    top: 0;
    z-index: 100;
}

/* 모바일용 메뉴 지움 */
.btn_open_menu_mob,
.header_nav_mob {
    display: none;
}


.wwf_header > .inner_1480 {
    display: flex;
    justify-content: space-between;
}
.wwf_header .header_left {
    display: flex;
}
.wwf_header .header_left .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 124px;
    margin-right: 30px;
    background-color: #fff;
    transition: width 0.3s, height 0.3s;
    transform-origin: top center;
}
.wwf_header .header_left .logo img {
    width: 100%;
    /* display: block;
    width: 59.090%;
    height: auto;
    margin: 0 auto;
    transition: width 0.3s;
    transform-origin: center; */
}
.wwf_header .header_left .logo .logo_img_s {
    display: none;
}
.wwf_header.jsSmallLogo .header_left .logo {
    width: 72px;
    height: 80px;
}
.wwf_header.jsSmallLogo .header_left .logo .logo_img_l {
    display: none;
}
.wwf_header.jsSmallLogo .header_left .logo .logo_img_s {
    display: block;
}


.header_nav_pc .header_nav_depth01 {
    display: flex;
    height: 80px;
    align-items: center;
}
.header_nav_pc .header_nav_depth01 > li {
    position: relative;
}
.header_nav_pc .header_nav_depth01 > li > a {
    display: block;
    padding: 0 30px;
    height: 80px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 80px;
    text-align: center;
    transition: color 0.3s;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.header_nav_pc .header_nav_depth01 > li:hover > a,
.header_nav_pc .header_nav_depth01 > li.active > a {
    color: #e98300;
}
.header_nav_pc .pc_depth02_wrap {
    display: none;
    width: 220px;
    position: absolute;
    top: calc(100% - 13px );
    left: 0;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
.header_nav_pc .header_nav_depth01 > li:hover .pc_depth02_wrap {
    display: flex;
}

.header_nav_pc .header_nav_depth02 {
   width: 100%;
   background-color: #fff;
}
.header_nav_pc .header_nav_activity {
    /* width: 540px; */
    width: 440px;
    max-height: 420px;
}
.header_nav_pc .header_nav_activity .header_nav_depth02_right {
    background-color: #f5f5f5;
    border-left: 1px solid #e5e5e5;
}
.header_nav_pc .header_nav_activity .header_nav_depth02_right > li > a {
    background-color: #f5f5f5;
}
.header_nav_pc .header_nav_depth02 > li {

}
.header_nav_pc .header_nav_depth02 > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 30px;
    font-size: 18px;
    transition: background 0.3s, color 0.3s;
    background-color: #fff;

}
.header_nav_pc .header_nav_depth02 > li > a:hover {
    background-color: #e98300;
    color: #fff;
    font-weight: 700;
    transform: rotate(0.03deg); /* 폰트 꺠짐 이슈 대응 */
}
.header_nav_pc .header_nav_depth03 {
    display: none;
}


.wwf_header .header_right {
    display: flex;
    height: 80px;
    align-items: center;
}
.wwf_header .header_right > .header_right_menu {
    font-size: 16px;
    color: #bbbbbb;
    font-weight: 400;
    padding: 0 15px;
}
.wwf_header .header_right > .btn_search_header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 20px 0 4px;
    border-radius: 50%;
    background: #fff url('/img/newbird/main/icon_search_search.png') no-repeat center;
    background-size: 18px 19px;
    transition: all 0.3s;
}
.wwf_header .header_right > .btn_search_header:hover {
    background: #666666 url('/img/newbird/main/icon_search_header_white.png') no-repeat center;
    background-size: 18px 19px;
}
.wwf_header .header_right > .n_btn {
    width: 150px;
    min-width: auto !important;
}

.wwf_header .header_search_pc{
    position: absolute;
    top: 100%;
    z-index: 102;
    width: 100%;
    padding: 70px 0 60px;
    background-color: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
.header_search_title {
    display: flex;
    justify-content: space-between;
    font-family: 'wwf', 'NanumBarunGothic', sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 26px;
}
.btn_close_header_search {
    display: block;
    width: 30px;
    height: 30px;
    background: url('/img/newbird/main/icon_close_search.png') no-repeat top right;
    background-size: 29px auto;
}
.header_search_box {
    display: flex;
    position: relative;
    border-bottom: 3px solid #222222;
}
.header_search_box > label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 22px;
    color: #222222;
    z-index: 1;
}
.header_search_box > input {
    width: 100%;
    height: 90px;
    line-height: 90px;
    padding-left: 140px;
    color: #222222;
    font-weight: 100;
    border: 0;
    font-size: 22px;
}
.header_search_box > input[type=text]:focus{
    transition: none;
    border-color: transparent !important;
}
.header_search_box > input::placeholder {
    color: #999999;
}
.header_search_box > .btn_header_search {
    width: 50px;
    height: 90px;
    background: url('/img/newbird/main/icon_search_search.png') no-repeat center right;
    background-size: 36px auto;
}

/* ==== footer ==== */
.wwf_footer {
    padding: 85px 0 0;
    border-top: 1px solid #ededed;
}
.footer_top {
    display: flex;
}
.footer_nav {
    width: calc(100% - 460px);
    padding-right: 40px;
}
.footer_nav .footer_nav_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.footer_nav .footer_nav_row:nth-child(2) {
    margin-top: 50px;
}
.footer_nav .footer_nav_depth01 {
    /* width: 310px; */
    width: 31.632%;
}
.footer_nav .footer_nav_depth01:nth-child(3n-1) {
    width: 360px;
    width: 36.734%;
}

.footer_nav .footer_nav_depth01 > li {
    font-size: 18px;
    line-height: 19px;
    color: #222222;
    font-weight: 700;
    transform: rotate(0.04deg); /* 폰트 깨짐이슈 대응 */
}
.footer_nav .footer_nav_depth02 {
    margin-top: 20px;
}
.footer_nav .footer_nav_depth02_item  {
    margin-top: 10px;
    line-height: 12px;
}
.footer_nav .footer_nav_depth02_item:first-child {
    margin-top: 0;
}
.footer_nav .footer_nav_depth02_item a {
    font-size: 13px;
    line-height: 12px;
    font-weight: 400;
    transition: color 0.3s;
}
.footer_nav .footer_nav_depth02_item a:hover {
    color: #e98300
}
.footer_nav .footer_nav_activity {
    display: flex;
}
.footer_nav .footer_nav_activity > div{
    width: 140px;
}
.footer_nav .footer_nav_activity > .right  a {
    color: #888888;
}

.footer_letter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 460px;
    flex-shrink: 0;
    flex-grow: 0;
    padding-left: 40px;
    border-left: 3px solid #e98300;
}
.footer_letter .footer_letter_title > h2{
    font-size: 20px;
    line-height: 19px;
    font-weight: 700;
    margin-bottom: 25px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.footer_letter .footer_letter_title > .footer_letter_sub {
    font-size: 16px;
    color: #222;
    line-height: 26px;
}
.footer_letter .fotter_letter_inputs > label{
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 10px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.footer_letter .fotter_letter_inputs > input {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #e5e5e5;
    border: 0;
    padding: 0 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #222;
}
.footer_letter .fotter_letter_inputs > .n_btn {
    display: block;
    width: 100%;
}

.footer_link {
    padding: 104px 0 25px;
    display: flex;
    /* border-bottom: 2px solid #000000; */
}
.footer_link > a {
    display: block;
    font-size: 16px;
    line-height: 15px;
    color: #666666;
    margin-right: 30px;
    transition: color 0.3s;
}
.footer_link > a:hover {
    color: #e98300
}
.footer_link > a > b {
    font-weight: 700;
}
.footer_bottom {
    display: flex;
    padding: 40px 0 75px;
}
.footer_bottom .logo_footer {
    width: 70px;
    margin-right: 40px;
}
.footer_bottom .logo_footer > img {
    width: 100%;
}
.footer_bottom .footer_infos {
}
.footer_bottom .footer_infos .footer_company {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    margin-bottom: 33px;
}
.footer_bottom .footer_infos .footer_inquire {
    display: flex;
    flex-wrap: wrap;
    color: #666666;
    font-size: 15px;
    line-height: 23px;
}
.footer_bottom .footer_infos .footer_inquire > dl {
    display: flex;
    margin-right: 15px;
}
.footer_bottom .footer_infos .footer_inquire > dl:last-child {
    margin-right: 0;
}
.footer_bottom .footer_infos .footer_inquire > dl > dt {
    margin-right: 6px;
    color: #333;
}
.footer_bottom .footer_infos .footer_inquire > dl > dd > a {
    color: inherit;
}
.footer_bottom .footer_copy {
    margin-top: 15px;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
}
.footer_bottom .footer_copy > em {
    text-decoration: underline;
    font-style: normal;
}

.btn_top {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #e98300 url('/img/newbird/main/icon_arr_top.png') no-repeat center;
    background-size: 24px auto;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 50;
}


/* ==== main - index ==== */
.main_banner_slide {
    width: 100%;
    overflow: hidden;
    min-height: 860px;
}
.main_banner_slide .swiper {
    position: relative;
}
.main_banner_slide .swiper-slide {
    position: relative;
    overflow: hidden;
    height: 860px;
}
.main_banner_slide .swiper-slide .main_banner_img_mob {
    display: none;
}
.main_banner_slide .swiper-slide .main_banner_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 5s linear;
}
.main_banner_slide .swiper-slide-active .main_banner_img {
    transform: scale(1.1);
}
.main_banner_slide .swiper-slide .main_banner_txt_wrap{
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1480px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
}
.main_banner_slide .swiper-slide .main_banner_txt_en {
    font-family: 'wwf',sans-serif;
    font-size: 60px;
    line-height: 70px;
    /* font-size: 88px;
    line-height: 88px; */
    word-break: keep-all;
}
.main_banner_slide .swiper-slide .main_banner_txt_ko {
    line-height: 30px;
    font-size: 28px;
    margin-top: 20px;
    /* margin-top: 30px;
    font-size: 25px; */
    word-break: keep-all;
}
.main_banner_slide .swiper-slide .n_btn {
    width: 200px;
    margin-top: 52px;
    font-family: 'wwf',sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 52px;
}
.main_banner_bottom {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    max-width: 1480px;
    margin: 0 auto;
    position: absolute;
    bottom: calc(73px - 14px );
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    align-items: center;
}
.main_banner_controller {
    margin-left: -10px;
}
.main_banner_controller > button {
    width: 32px;
    height: 42px;
    background: transparent;
    margin-right: 30px;

    /* 쉐도우로 인한 이미지 여백 양옆 10px / 하단 여백 14px */
}
.main_banner_controller > button > img {
    width: 100%;
}






/* 페이지네이션 =========================================== jhj 여기 영역 다시해야댐 */
.main_banner_pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.progress_bullet_wrap {
    display: flex;
    justify-content: center;
}
.progress_bullet_wrap > .bullet {
    width: 34px;
    height: 34px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}
.progress_bullet_wrap > .bullet:last-child {
    margin-right: 0;
}
.progress_bullet_wrap > .bullet:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.progress_bullet_wrap > .bullet svg {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}

.progress_bullet_wrap > .bullet.active svg {
    opacity: 1;
}






.main_banner_bottom .scroll_down {
    width: 25px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 13px;
    position: relative;
}
.main_banner_bottom .scroll_down .scroll_down_line {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: rgba(255,255,255,0.2);
}
.main_banner_bottom .scroll_down_line::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: calc(0% - 3px);
    left: 50%;
    transform: translateX(-50%);
    animation: scrollDownAni 1.5s ease-in-out infinite;
}

@keyframes scrollDownAni {
    0% {
        top: calc(0% - 3px);
    }
    80% {
        top: calc(100% - 3px);
    }
    100% {
        top: calc(100% - 3px);
    }
}

/* 페이지네이션 =========================================== jhj 여기 영역 다시해야댐 */





/* 최신 소식 */
.main_latest_wrap {
    padding: 143px 0 150px;
}
.main_title_wrap {
    text-align: center;
}
.main_title_wrap h2 {
    font-size: 58px;
    line-height: 54px;
    font-weight: 700;
    padding-bottom: 34px;
    position: relative;
}
.main_title_wrap h2:after {
    content: "";
    display: block;
    width: 32px;
    height: 4px;
    background-color: #e98300;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.main_title_wrap .sub {
    font-size: 21px;
    line-height: 32px;
    color: #222222;
    margin: 44px 0 0;
    font-weight: 300;
    transform: rotate(0.04deg); /* 폰트 깨짐 방지 */
}

.main_board_tab {
    display: flex;
    margin: 30px 0;
}
.main_board_tab .main_board_tab_item {
    display: flex;
    background-color: transparent;
    color: #222;
    font-size: 20px;
    margin-right: 30px;
    transition: color 0.3s;
}
.main_board_tab .main_board_tab_item  > i {
    display: block;
    margin-left: 10px;
    width: 21px;
    height: 21px;
    background: url('/img/newbird/main/btn_go_board_list.png') no-repeat center;
    background-size: contain;
    transition: background 0.3s;
}

.main_board_tab .main_board_tab_item:hover,
.main_board_tab .main_board_tab_item.active {
    color: #e98300;
}
.main_board_tab .main_board_tab_item:hover > i,
.main_board_tab .main_board_tab_item.active > i {
    background: url('/img/newbird/main/btn_go_board_list_on.png') no-repeat center;
    background-size: contain;
}


.main_board_cont {
    /* display: none; */
    width: 100%;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.main_board_cont.show {
    position: static;
    opacity: 1;
}
.pic_block_wrap  .swiper-wrapper {
}
.pic_block_list {

}
.pic_block_item {
    width: 100%;
    border: 1px solid #eeeeee;
}
.pic_block_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 6px solid #e98300;
    opacity: 0;
    transition: opacity 0.3s;
}
.pic_block_item .pic_block_thum_wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 73.529%;
    overflow: hidden;
}
.pic_block_item .pic_block_thum {
    width: 100%;
    height: 100%;
    object-fit: cover;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s;
}

.pic_block_item .pic_block_infos {
    padding: 40px 30px;
}

.pic_block_infos .pic_block_date {
    font-size: 14px;
    line-height: 11px;
    color: #999999;
    margin-bottom: 22px;
}
.pic_block_infos .pic_block_subject {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 34px;
    color: #111;
    transition: color 0.3s;
    font-weight: 700;
    min-height: 130px;
    height: 100%;

    /* text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.pic_block_infos .pic_block_cont {
    font-size: 18px;
    line-height: 30px;
    color: #222222;

    height: calc(30px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pic_block_infos .pic_block_cont * {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
}

.pic_block_link {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    margin-top: 30px;
    border-radius: 50%;
    background-color: #f9f9f9;
    background-image: url('/img/newbird/main/btn_go_board_item.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 11px auto;
    transition: background 0.3s;
}

.pic_block_link .more_view {
    position: absolute;
    top: 32%;
    right: -183%;
    font-size: 16px;
    color: #888888;
}

/* hover */
.pic_block_item:hover:after {
    opacity: 1;
}
.pic_block_item:hover .pic_block_infos .pic_block_subject {
    color: #e98300;
}
.pic_block_item:hover .pic_block_link {
    background-color: #e98300 ;
    background-image: url('/img/newbird/main/btn_go_board_item_hover.png');
}
.pic_block_item:hover .pic_block_thum {
    transform: translate(-50%, -50%) scale(1.2);
}
.pic_block_item:hover .more_view {
    color: #e98300;
}


.main_board_cont .main_board_bullets {
    margin-top: 20px;
    display: none;
}
.progress_bullet_wrap.orange_bullets > .bullet:after {
    background-color: #222;
    transition: background 0.3s;
}
.progress_bullet_wrap.orange_bullets > .bullet.active:after {
    background-color: #e98300;
    opacity: 1;
}



/* main_support_wrap */
.main_support_wrap {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 110px;
}
.main_support_title_wrap {
    text-align: center;
    color: #fff;
}
.main_support_title_sub {
    font-size: 26px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 16px;
}
.main_support_title {
    font-family: 'wwf',sans-serif;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.main_support_wrap .n_btn {
    display: block;
    width: 220px;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,0.5);
}
.main_support_wrap .n_btn:hover {
    border-color: #e98300;
}


/* ==== main_excer_wrap ==== */
.main_exer_wrap {
    padding: 144px 50px 212px;
    width: 100%;
    overflow: hidden;
}

.main_exer_slide {
    margin-top: 75px;
    position: relative;
}
.main_exer_slide .swiper {
    width: 100%;
    overflow: hidden;
}
.main_exer_slide .swiper-slide {
    width: calc(33.3333% - 6.6666px);
    aspect-ratio:590/440;
}
.main_exer_slide .swiper-slide .main_exer_item {
    display: flex;
    align-items: flex-end;

    width: 100%;
    height: 100%;
    padding: 40px 46px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.main_exer_slide .swiper-slide .main_exer_item .main_exer_item_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}
/* hover */
.main_exer_slide .swiper-slide .main_exer_item:hover .main_exer_item_img {
    transform: translate(-50%, -50%) scale(1.1);
}
.main_exer_slide .swiper-slide .main_exer_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 8px solid #e98300;
    opacity: 0;
    transition: opacity 0.3s;
}
.main_exer_slide .swiper-slide .main_exer_item:hover:after {
    opacity: 1;
}
.main_exer_list_title {
    color: #fff;
    transition: color 0.3s;
    position: relative;
    z-index: 1;
}
.main_exer_list_title > .en {
    font-family: 'wwf', 'NanumBarunGothic', sans-serif;
    font-size: 40px;
    line-height: 32px;
    margin-bottom: 23px;
}
.main_exer_list_title > .ko {
    font-size: 22px;
    line-height: 20px;
    font-weight: 300;
}
.main_exer_item:hover .main_exer_list_title {
    color: #e98300
}

.main_exer_slide .main_exer_prev,
.main_exer_slide .main_exer_next {
    display:none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}
.main_exer_slide .main_exer_prev {
    background: #e98300 url('/img/newbird/main/main_exer_prev.png') no-repeat 21px 17px;
    background-size: 14px auto;
    left: -30px;
}
.main_exer_slide .main_exer_next {
    background: #e98300 url('/img/newbird/main/main_exer_next.png') no-repeat 25px 17px;
    background-size: 14px auto;
    right: -30px;
}
.main_exer_pagination {
    margin-top: 20px;
    display: none;
}


/* main_new_deal */
.main_newdeal_wrap {
    border-right: 20px solid #fff;
    border-left: 20px solid #fff;
    background-color: #111111;
    padding-bottom: 100px;
}
.main_newdeal_top {
    display: flex;
    justify-content: space-between;
}
.main_newdeal_tit {
    width: 500px;
    color: #fff;
    padding-top: 109px;
}
.main_newdeal_tit .main_newdeal_tit_en {
    font-family: 'wwf',sans-serif;
    font-size: 96px;
    line-height: 94px;
    font-weight: 400;
    padding-bottom: 32px;
    position: relative;
}
.main_newdeal_tit .main_newdeal_tit_en:after{
    content: "";
    display: block;
    width: 32px;
    height: 4px;
    background-color: #e98300;
    position: absolute;
    bottom: 0;
    left: 0;
}
.main_newdeal_tit .main_newdeal_tit_ko {
    display: block;
    font-size: 32px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 44px;
}
.main_newdeal_tit .main_newdeal_sub {
    display: block;
    margin-top: 32px;
    font-size: 20px;
    line-height: 32px;
    word-break: keep-all;
}

.main_newdeal_img {
    margin-top: -70px;
}
.main_newdeal_img > img {
    width: 100%;
}

.main_newdeal_slogans {
    display: flex;
    justify-content: space-between;
    margin-top: 94px;
}
.main_newdeal_slogans > .slogan_box {
    width: 33.333%;
    display: flex;
    align-items: center;

}
.main_newdeal_slogans > .slogan_box > i {
    display: block;
    width: 82px;
    height: 92px;
}
.main_newdeal_slogans > .slogan_box:nth-child(1) > i {
    background: url('/img/newbird/main/main_newdeal_icon01.jpg') no-repeat center;
    background-size: contain;
}
.main_newdeal_slogans > .slogan_box:nth-child(2) > i {
    background: url('/img/newbird/main/main_newdeal_icon02.jpg') no-repeat center;
    background-size: contain;
}
.main_newdeal_slogans > .slogan_box:nth-child(3) > i {
    background: url('/img/newbird/main/main_newdeal_icon03.jpg') no-repeat center;
    background-size: contain;
}
.main_newdeal_slogans > .slogan_box > .slogan_txt {
    padding-left: 24px;
    color: #e98300;
    font-size: 16px;
    line-height: 23px;
}
.main_newdeal_slogans > .slogan_box > .slogan_txt > .slogan_tit {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 9px;
    font-weight: 700;
    word-break: keep-all;
}


/* main_camp_wrap */
.main_camp_wrap {
    padding: 0 50px 142px;
    width: 100%;
    overflow: hidden;
}
.main_camp_wrap .swiper-wrapper {
}

.main_camp_slide {
    margin-top: 74px;
}
.main_camp_item {
    display: block;
    width: 100%;
    height: 100%;
}
.main_camp_item .main_camp_img {
    width: 100%;
    height: 0;
    padding-bottom: 74.141%;
    position: relative;
    overflow: hidden;
}
.main_camp_item .main_camp_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 8px solid #e98300;
    opacity: 0;
    transition: opacity 0.3s;
}
.main_camp_item .main_camp_img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% ,-50%);
    transition: transform 0.3s;
}


.main_camp_item .main_camp_cont {
    margin-top: -22px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
.main_camp_item .main_camp_cont .main_camp_tit {
    display: inline-block;
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    font-size: 22px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-weight: 300;
    margin-bottom: 18px;
    transition: background 0.3s;
}
.main_camp_item .main_camp_cont .main_camp_summary {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;

    max-height: calc(30px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main_camp_pagination {
    margin-top: 20px;
    display: none;
}


/* hover */
.main_camp_item:hover .main_camp_img:after {
    opacity: 1;
}
.main_camp_item:hover .main_camp_cont .main_camp_tit {
    background-color: #e98300;
}
.main_camp_item:hover .main_camp_img > img {
    transform: translate(-50%, -50%) scale(1.1);
}

/* ==== main :: end ==== */
/* ==== 서브 상단 ==== */
.main_container > .main_title > h3 {
    font-family: 'wwf', 'Noto Sans KR', sans-serif;
    text-transform: uppercase;
}



/* ==== 소식 (갤러리 리스트) ==== */
.bo_gall_wrap {
    margin-bottom: 150px;
}
.bo_gall_wrap .main_container {
    margin-bottom: 120px;
}
.banner_pandamail {
    background: url('/img/newbird/board/banner_pandamail.jpg') no-repeat center;
}

/* 겹쳐진 모양의 박스 */
.double_box_wrap {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
.double_box_wrap::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    z-index: -1;
}
.double_box_wrap .double_box_top {
    display: block;
    width: calc(100% - 10px);
    padding: 10px;
    position: relative;
    border: 1px solid #dddddd;
    background-color: #fff;
}
.double_box_wrap .double_box_top_inner {
    border: 1px solid #f2f2f2;
    padding: 54px 0 42px 80px;
}
.double_box_wrap .double_box_title {
    margin-bottom: 35px;
    font-size: 25px;
    line-height: 38px;
    color: #222;
    word-break: keep-all;
}
.double_box_wrap .double_box_title  > b {
    color: #e98300;
    font-weight: 400;
}
.double_box_wrap  .double_box_cont {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}
.double_box_wrap  .double_box_cont > p {
    margin-bottom: 10px;
    word-break: keep-all;
}
.double_box_wrap  .double_box_cont > p:last-of-type {
    margin-bottom: 0;
}


.panda_double_wrap {
    display: flex;
    justify-content: space-between;
}
.panda_double_left {
    width: calc(100% - 448px);
    padding-right: 80px;
}
.panda_double_right {
    width: 448px;
    padding-top: 6px;
    padding-left: 80px;
    border-left: 1px dashed #e8e8e8;
}
.double_box_wrap .double_icons_title {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
}
.double_box_wrap .double_icons_list {
    margin-top: 23px;
}
.double_box_wrap .double_icons_list > li {
    margin-bottom: 17px;
    line-height: 32px;
    font-size: 16px;
    color: #888888;
    position: relative;
    padding-left: 54px;
}
.double_box_wrap .double_icons_list > li:last-child {
    margin-bottom: 0;
}
.double_box_wrap .double_icons_list > li > i {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.double_box_wrap .double_icons_list > li > i.icon_pandamail01 {
    background-image: url('/img/newbird/board/panda_top_icon01.png');
}
.double_box_wrap .double_icons_list > li > i.icon_pandamail02 {
    background-image: url('/img/newbird/board/panda_top_icon02.png');
}
.double_box_wrap .double_icons_list > li > i.icon_pandamail03 {
    background-image: url('/img/newbird/board/panda_top_icon03.png');
}
.double_box_wrap .double_icons_list > li > i.icon_pandamail04 {
    background-image: url('/img/newbird/board/panda_top_icon04.png');
}
.double_box_wrap .btn_double_toggle  {
    display: none;
}

/* 게시판 공통 검색 영역 */
.board_top_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board_total {
    font-size: 21px;
    color: #111;
    line-height: 34px;
}
.board_search_area {
    display: flex;
}
.board_search_area .board_cal_wrap {
    margin-right: 10px;
    display: flex;
}
.board_cal_wrap .board_cal:first-child {
    border-right: 0;
}
.board_cal {
    width: 193px;
    display: flex;
    border: 1px solid #e5e5e5;
}
.board_cal > i {
    flex-shrink: 0;
    display: block;
    width: 50px;
    height: 60px;
    border-right: 1px solid #e5e5e5;
    background: url('/img/newbird/board/icon_cal.png') no-repeat center;
    background-size: 24px auto;
}
.board_cal > input {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 17px;
    color: #666;
    font-size: 16px;
    border: 0;
    cursor: pointer;
}
/* datepicker custom */
.ui-widget.ui-widget-content {
    border-color: #e5e5e5;
    box-shadow: rgba(0,0,0,0.1) 0px 10px 20px;
}
.ui-datepicker .ui-datepicker-header {
    background-color: #fff;
    border: 0;
    padding: 5px 0;
}
.ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next {
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
    top: 5px;
}
.ui-datepicker .ui-datepicker-prev {
    background: url('/img/newbird/board/arrow_bl01.png') no-repeat center;
    background-size: 5px auto;
}
.ui-datepicker .ui-datepicker-next {
    background: url('/img/newbird/board/arrow_bl02.png') no-repeat center;
    background-size: 5px auto;
}
.ui-datepicker .ui-datepicker-prev:hover,
 .ui-datepicker .ui-datepicker-next:hover {
     border-color: #e5e5e5;
 }
.ui-datepicker table {
    font-size: 12px;
}
.ui-datepicker td {
    padding: 2px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    background-color: #fff;
    padding: 2px 5px;
}
a.ui-state-default.ui-state-hover,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{
    color: #fff;
    background-color: #e98300;
    border-radius: 2px;
}
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus  {
    color: #fff;
    background-color: #e98300;
    border-radius: 2px;
}




.board_search_wrap {
    display: flex;
    border: 1px solid #e5e5e5;
    position: relative;
}
.board_search_wrap select {
    display: block;
    width: 160px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    color: #666;
    font-size: 16px;
    -webkit-appearance: none;
    background: url('/img/newbird/board/arr_select.png') no-repeat right 20px center;
    background-size: 13px auto;
    border: 0;
    border-right: 1px solid #e5e5e5;
}
.board_search_wrap input[type="text"] {
    display:block;
    width: 464px;
    padding: 0 60px 0 20px;
    font-size: 16px;
    color: #222;
    border: 0;
}
.board_search_wrap input[type="text"]:placeholder {
    color: #999;
}
.board_search_wrap button {
    flex-shrink: 0;
    display: block;
    width: 60px;
    height: 60px;
    background: #fff url('/img/newbird/board/icon_search.png') no-repeat center;
    background-size: 27px auto;
}

/* 갤러리 리스트 */
/* 공통 empty */
.empty_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 100px 20px 90px;
    font-size: 20px;
    color: #999;
    line-height: 18px;
    border-top: 1px solid #101525;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    margin-top: 25px;
}
.empty_list > i {
    display: block;
    width: 82px;
    height: 82px;
    background: url('/img/newbird/board/icon_empty_list.png') no-repeat center;
    background-size: contain;
    margin-bottom: 30px;
}

/* 공통 상단 어드민 */
#bo_gall .btn_bo_user {
    margin: 10px 0;
}
#gall_allchk {
    margin: 10px 0;
}


.bo_gall_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 60px;
}
.bo_gall_list .bo_gall_item {
    width: calc(25% - 24px * 3 / 4);
    margin-right: 24px;
    margin-top: 25px;
    position: relative;
}
.bo_gall_list .bo_gall_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 8px solid #e98300;
    opacity: 0;
    transition: opacity 0.3s;
}
.bo_gall_list .bo_gall_item:nth-child(4n) {
    margin-right: 0;
}
.bo_gall_list .bo_panda_label {
    position: absolute;
    right: 11px;
    top: 0;
    width: 52px;
    z-index: 1;
}
.bo_gall_list .bo_gall_thum_wrap {
    width: 100%;
    height: 0;
    padding-bottom: 73.579%;
    position: relative;
    overflow: hidden;
}
.bo_gall_list .bo_gall_thum_wrap  > a {
    display: block;
}
.bo_gall_list .bo_gall_thum {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    transition: transform 0.3s;
    transform-origin: left top;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
}
.bo_gall_list .bo_gall_infos {
    position: relative;
    border: 1px solid #eeeeee;
    border-top: 0;
    padding: 50px 40px 44px;
}
.bo_gall_list .bo_gall_item .bo_gall_infos .bo_gall_cate {
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    background: #222222;
    transition: background-color 0.3s;
    position: absolute;
    top: -17px;
    left: 35px;
}
.bo_gall_list .bo_gall_item:hover .bo_gall_infos .bo_gall_cate {
    background-color: #e98300;
}
.bo_gall_list .bo_gall_infos .bo_gall_date {
    font-size: 14px;
    line-height: 10px;
    color: #999;
    margin-bottom: 19px;
}
.bo_gall_list .bo_gall_infos .bo_gall_tit {
    margin-bottom: 22px;
    font-size: 21px;
    line-height: 34px;
    color: #111;
    transition: color 0.3s;

    max-height: calc(34px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bo_gall_list .bo_gall_infos .bo_gall_bo_name {
    font-size: 16px;
    line-height: 26px;
    color: #999;
    margin-top: 28px;
}
.bo_gall_cont {
    font-size: 16px;
    line-height: 26px;
    color: #222;
    word-break: break-all;

    max-height: calc(26px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* hover */
.bo_gall_list .bo_gall_item:hover:after {
    opacity: 1;
}
.bo_gall_list .bo_gall_item:hover .bo_gall_tit {
    color: #e98300;
}
.bo_gall_list .bo_gall_item:hover .bo_gall_thum {
    transform: scale(1.1) translate(-50%, -50%);
}


/* pagination */


/* 페이징 */
.pg_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
}
.pg_wrap .pg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.pg_page {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    color: #222222;
    background-color: transparent;
    transition: all 0.3s;
}
.pg_current {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background-color: #171a21;
}

.pg_start {
    text-indent: -9999999px;
    background: url('/img/newbird/board/pager_first.png') no-repeat center;
    background-size: 14px auto;
    margin-right: 10px;
}
.pg_end {
    text-indent: -9999999px;
    background: url('/img/newbird/board/pager_end.png') no-repeat center;
    background-size: 14px auto;
    margin-left: 10px;
}
.pg_prev {
    text-indent: -9999999px;
    background: url('/img/newbird/board/pager_prev.png') no-repeat center;
    background-size: 14px auto;
    margin-right: 10px;
}
.pg_next {
    text-indent: -9999999px;
    background: url('/img/newbird/board/pager_next.png') no-repeat center;
    background-size: 14px auto;
    margin-left: 10px;
}



.bo_gall_wrap .common_sub_banner {
    border-top: 0;
    padding: 0;
    margin-top: 120px;
}



/* ==== 영상자료 ( 갤러리 게시판 2 )*/
.board_top_tabs {
    /* margin-bottom: 80px; */
    margin-bottom: 60px;
}
.board_top_tab_list {
    display: flex;
}

.board_top_tab_list > li {
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.board_top_tab_list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #888;
    font-size: 18px;
    border: 1px solid #e5e5e5;
    border-right: 0;
    padding: 0 10px;
    transition: background 0.3s, color 0.3s;
}
.board_top_tab_list > li:last-child > a {
    border-right: 1px solid #e5e5e5;
}
.board_top_tab_list > li > a:hover,
.board_top_tab_list > li > a.active {
    border: 0;
    background-color: #e98300;
    color: #fff;
}


/* 솔팅 */
.board_sorting_area {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.board_sorting_area a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #999;
    padding-left: 22px;
    transition: background 0.3s, color 0.3s;
    margin-right: 8px;
}
.board_sorting_area a:last-child {
    margin-right: 0;
}
/* .board_sorting_area a:hover, */
.board_sorting_area a.active {
    background: url('/img/newbird/board/bd_sortion_arr.png') no-repeat left center;
    background-size: 12px auto;
    color: #222;
}



.board_cate_wrap {
    margin-right: 10px;
}
.board_cate_wrap > select {
    display: block;
    width: 280px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    color: #666;
    font-size: 16px;
    -webkit-appearance: none;
    background: url(/img/newbird/board/arr_select.png) no-repeat right 20px center;
    background-size: 13px auto;
    border: 0;
    border: 1px solid #dddddd;
}


.banner_pandatalk {
    background: url('/img/newbird/board/banner_pandatalk.jpg') no-repeat center;
    background-size: cover;
}

.bo_gall_list_video {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    position: relative;
}
.bo_gall_list_video .bo_gall_item {
    width: calc(33.333% - 26px * 2 / 3);
    margin-right: 26px;
    margin-top: 25px;
    border: 1px solid #eeeeee;
    position: relative;
}
.bo_gall_list_video .bo_gall_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 8px solid #e98300;
    opacity: 0;
    transition: opacity 0.3s;
}
.bo_gall_list_video .bo_gall_item:nth-child(3n) {
    margin-right: 0;
}
.bo_gall_list_video .bo_gall_thum_wrap {
    width: 100%;
    height: 0;
    padding-bottom: 73.529%;
    position: relative;
    overflow: hidden;
}
.bo_gall_list_video .bo_gall_thum_wrap .bo_gall_thum {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s;
    transform-origin: left top;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
}
.bo_gall_list_video .bo_gall_infos {
    position: relative;
    padding: 50px 35px 44px;
}
.bo_gall_list_video .bo_gall_infos .bo_gall_cate {
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    background: #222222;
    transition: background 0.3s;
    position: absolute;
    top: -17px;
    left: 35px;
}
.bo_gall_list_video .bo_gall_infos .bo_gall_date {
    font-size: 14px;
    line-height: 11px;
    margin-bottom: 24px;
    color: #999;
}
.bo_gall_list_video .bo_gall_infos .bo_gall_tit {
    font-size: 21px;
    line-height: 32px;
    color: #222222;

    transition: color 0.3s;
    max-height: calc(32px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bo_gall_list_video .bo_gall_item:hover::after {
    opacity: 1;
}
.bo_gall_list_video .bo_gall_item:hover .bo_gall_infos .bo_gall_cate {
    background-color: #e98300;
}
.bo_gall_list_video .bo_gall_item:hover .bo_gall_infos .bo_gall_tit {
    color: #e98300;
}
.bo_gall_list_video .bo_gall_item:hover .bo_gall_thum {
    transform: scale(1.1) translate(-50%, -50%);
}



/* ==== 기타후원 ( 갤러리 게시판 3 )*/

.banner_othercamp {
    background: url('/img/newbird/board/banner_othercamp.jpg') no-repeat center;
    background-size: cover;
}

.bo_gall_list_othercamp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    position: relative;
}
.bo_gall_list_othercamp .bo_gall_item {
    width: calc(33.333% - 35px * 2 / 3);
    margin-right: 35px;
    position: relative;
}
.bo_gall_list_othercamp .bo_gall_item:nth-child(3n) {
    margin-right: 0;
}
.bo_gall_list_othercamp .bo_gall_thum_wrap {
    width: 100%;
    height: 0;
    padding-bottom: 73.529%;
    position: relative;
    overflow: hidden;
}
.bo_gall_list_othercamp .bo_gall_thum_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 8px solid #e98300;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}
.bo_gall_list_othercamp .bo_gall_thum_wrap .bo_gall_thum {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    transition: transform 0.3s;
    transform-origin: left top;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
}

.bo_gall_list_othercamp .bo_gall_infos {
    position: relative;
    padding: 43px 40px 54px;
    z-index: 2;
}
.bo_gall_list_othercamp .bo_gall_infos .bo_gall_tit {
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    background: #222222;
    transition: background 0.3s;
    position: absolute;
    top: -22px;
    left: 40px;
}
.bo_gall_list_othercamp .bo_gall_infos .bo_gall_date {
    font-size: 14px;
    line-height: 11px;
    margin-bottom: 24px;
    color: #999;
}

.bo_gall_list_othercamp .bo_gall_infos .bo_gall_cont {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    max-height: calc(28px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bo_gall_list_othercamp .bo_gall_item:hover .bo_gall_thum_wrap::after {
    opacity: 1;
}
.bo_gall_list_othercamp .bo_gall_item:hover .bo_gall_infos .bo_gall_cate {
    background-color: #e98300;
}
.bo_gall_list_othercamp .bo_gall_item:hover .bo_gall_thum {
    transform: scale(1.1) translate(-50%, -50%);
}



/* 판다토크 (게시판 뷰) */
/* 상단 영상영역 */
.bo_video_wrap {
    /* display: flex; */
    padding-right: 480px;
    position: relative;
    background-color: #2a2a2a;
}
.bo_video_wrap .bo_video_left {
    width: 100%;
}
.bo_video_wrap .bo_iframe_wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.bo_video_wrap .bo_iframe_wrap  > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.bo_video_wrap .bo_video_right {
    width: 480px;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.bo_video_wrap .bo_video_title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    background-color: #222222;
    padding: 0 30px;
}
.bo_video_wrap .bo_video_right{
    background-color: #2a2a2a;
}
.bo_video_wrap .bo_video_list {
    position: absolute;
    top: 60px;
    left: 0;
    max-height: calc(100% - 60px);
    overflow: auto;
    border-top: 1px solid #323232;
}
.bo_video_wrap .bo_video_list::-webkit-scrollbar {
    width: 8px;
    background-color: #454545;
}
.bo_video_wrap .bo_video_list::-webkit-scrollbar-thumb {
    background-color: #6b6b6b;
    border: 1px solid #454545;
    border-radius: 8px;
}
.bo_video_wrap .bo_video_list > li > a {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #222222;
}
.bo_video_wrap .bo_video_list > li > a .td_bo_video_num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    font-size: 13px;
    color: #fff;
}
.bo_video_wrap .bo_video_list > li > a .td_bo_video_thum {
    width: 124px;
    flex-grow: 0;
}
.bo_video_thum {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.451%;
    position: relative;
    overflow: hidden;
}
.bo_video_thum::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: opacity 0.3s;
}
.bo_video_thum > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
}
.bo_video_wrap .bo_video_list > li > a .td_bo_video_txt {
    width: calc(100% - 70px - 124px);
    padding: 0 60px 0 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}
.bo_video_wrap .bo_video_list > li > a .bo_video_txt {
    color: #888;
    font-size: 14px;
    line-height: 23px;
    transition: color 0.3s;

    max-height: calc(23px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transform: color 0.3s;
}

/* active */
.bo_video_wrap .bo_video_list > li.active > a .bo_video_txt,
.bo_video_wrap .bo_video_list > li:hover > a .bo_video_txt {
    color: #fff;
}
.bo_video_wrap .bo_video_list > li:active .bo_video_thum::after,
.bo_video_wrap .bo_video_list > li:hover .bo_video_thum::after {
    opacity: 0;
}


.bo_view_wrap {
    margin-top: 80px;
}
.bo_view_title_wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}
.bo_view_wrap .bo_v_com {
    margin: 10px 0;
}
.bo_view_title_wrap .bo_view_cate {
    display: inline-block;
    width: auto;
    height: 33px;
    line-height: 33px;
    padding: 0 20px;
    font-size: 16px;
    background-color: #222222;
    color: #fff;
    transform: rotate(0.03deg);
}
.bo_view_title_wrap .bo_view_cate_ing {
    background-color: #e98300;
}
.bo_view_title_wrap .bo_view_cate_end{
    background-color: #bbbbbb
}
.bo_view_title_wrap .bo_view_title {
    margin-top: 25px;
    font-size: 35px;
    line-height: 44px;
    color: #111;
    display: block;
    word-break: break-all;
}
.bo_view_title_wrap .bo_view_date {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-size: 14px;
    color: #999;
    line-height: 11px;
}
.bo_view_title_wrap .bo_view_date .d_day{
    flex-shrink: 0;
    display: inline-block;
    height: 25px;
    margin-left: 15px;
    padding: 0 12px;
    line-height: 28px;
    font-size: 13px;
    color: #fff;
    border-radius: 25px;
    background-color: #222;
}
.bo_view_wrap #bo_v_img {
    /* margin-top: 55px; */
    /* pointer-events: none; */
}
.bo_view_wrap #bo_v_img img {
    width: auto;
}
.bo_view_wrap #bo_v_con {
    margin: 55px 0;
    overflow: visible;
    font-size: 12pt;
}
/* .bo_view_wrap #bo_v_con {
    margin: 55px 0 50px;
} */
.bo_view_bottom_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 110px;
    position: relative;
    padding: 0 20px;
}
.bo_view_bottom_btns > .n_btn {
    width: 250px;
}
.bo_view_bottom_btns > .bo_view_prev,
.bo_view_bottom_btns > .bo_view_next {
    display:block;
    width: 20px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.3s;
}
.bo_view_bottom_btns > .bo_view_prev {
    background-image: url('/img/newbird/board/arrow_bl01.png');
    left: 0;
}
.bo_view_bottom_btns > .bo_view_next {
    background-image: url('/img/newbird/board/arrow_bl02.png');
    right: 0;
}
.bo_view_bottom_btns > .bo_view_prev:hover {
    background-image: url('/img/newbird/board/arrow_or01.png');
}
.bo_view_bottom_btns > .bo_view_next:hover {
    background-image: url('/img/newbird/board/arrow_or02.png');
}
.bo_view_file {
    display: flex;
    flex-wrap: wrap;
    background-color: #f7f7f7;
    padding: 24px 30px;
}
.bo_view_file h2 {
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #111;
    width: 115px;
    flex-shrink: 0;
}
.bo_view_file > ul {
    width: calc(100% - 115px);
}
.bo_view_file > ul > li {
    font-size: 16px;
    line-height: 32px;
    padding-left: 21px;
    background: url('/img/newbird/board/icon_file.png') no-repeat left 8px;
    background-size: 15px auto;
    border: 0;

}
.bo_view_file > ul > li a:hover {
    border-bottom: 1px solid #000;
}
.bo_view_file > ul > li .file_info {
    color: #999;
    font-size: 14px;
    margin-left: 20px;
    line-height: 32px;
}
.bo_view_file > ul > li strong {
    color: #222;
    font-weight: 400;
}

/* 사용안할것 지우기 */
.bo_v_nb,
#bo_v_link {
    display: none;
}

/* ==== 게시판 작성하기 공통 ==== */
.bo_gall_wrap #bo_w .bo_w_select select,
.bo_normal_wrap #bo_w .bo_w_select select {
    font-size: 16px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    background: url(/img/newbird/board/arr_select.png) no-repeat right 20px center;
    background-size: 13px auto;
    -webkit-appearance: none;
}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    padding: 0 20px;
}
.bo_gall_wrap .bo_w_link ,
.bo_normal_wrap .bo_w_link {
    display: none;
}
.bo_gall_wrap #bo_w .bo_v_option li,
.bo_normal_wrap #bo_w .bo_v_option li {
    margin-right: 20px;
    font-size: 15px;
}
.bo_gall_wrap #bo_w .bo_w_tit #btn_autosave,
.bo_normal_wrap #bo_w .bo_w_tit #btn_autosave {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}
.bo_gall_wrap #bo_w .bo_w_flie .file_wr,
.bo_normal_wrap #bo_w .bo_w_flie .file_wr {
    height: 50px;
    padding: 10px;
    border-radius: 0;
}
.bo_gall_wrap #bo_w .bo_w_flie .lb_icon,
.bo_normal_wrap #bo_w .bo_w_flie .lb_icon {
    height: 50px;
    width: 40px;
    background: url('/img/newbird/board/icon_file.png') no-repeat center;
    background-size: 15px auto;
}
.bo_gall_wrap #bo_w .bo_w_flie .lb_icon i,
.bo_normal_wrap #bo_w .bo_w_flie .lb_icon i {
    display: none;
}
.bo_gall_wrap #bo_w .bo_w_flie .file_del,
.bo_normal_wrap #bo_w .bo_w_flie .file_del {
    display: block;
    margin-top: 5px;
    position: static;
}


.bo_write_bottom_btns{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 110px;
}
.bo_write_bottom_btns .n_btn {
    margin-left: 5px;
    max-width: 250px;
    width: 100%;
}
.bo_write_bottom_btns .n_btn:first-child {
    margin-left: 0;
}


/* ==== 보고서 (일반게시판 유형 1) ==== */
.banner_annual_report {
    background: url('/img/newbird/board/banner_annual_report.jpg') no-repeat center;
    background-size: cover;
}
/* .bo_table_all_chk  {
    margin-top: 20px;
} */
#container .btn_bo_user {
    float: none;
    display: flex;
    justify-content: flex-end;
    /* margin-top: 10px; */
}
.bo_normal_wrap {
    margin-bottom: 150px;
}
.bo_normal_wrap .main_container  {
    margin-bottom: 120px;
}
.bo_table {

}
.bo_normal_wrap .bo_table {
    margin: 26px 0 60px;
}
.bo_table .bo_table_tr {
    width: 100%;
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    transition: background 0.3s;
}
.bo_table .bo_table_tr:first-child {
    border-top: 1px solid  #222222;
}
.bo_table .bo_table_tr:last-child {
    border-bottom: 1px solid  #222222;
}
.bo_table .bo_table_tr > .bo_td {
    min-height: 78px;
    line-height: 78px;
    padding: 0 10px;
    font-size: 16px;
    color: #222;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.bo_table .bo_table_tr > .bo_td_chk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
}
.bo_table .bo_table_tr > .bo_td_num {
    width: 95px;
}
.bo_table .bo_table_tr > .bo_td_cate {
    width: 165px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bo_table .bo_table_tr > .bo_td_title {
    width: calc(100% - 50px - 95px - 165px - 160px);
    /* 100% - 나머지 셀의 수치 */
    padding-left: 107px;
    flex-shrink: 1;
    flex-grow: 1;
    text-align: left;
    transition: color 0.3s;
}
.bo_table .bo_table_tr > .bo_td_date {
    width: 160px;
    color: #999;
}


.bo_table .bo_table_tr > .bo_td_title .bo_icon_file {
    display: inline-block;
    width: 15px;
    height: 16px;
    background-image: url('/img/newbird/board/icon_file.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 6px;
}
.bo_table .bo_table_tr > .bo_td_title a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* hover */
.bo_table .bo_table_tr:hover {
    background-color: #f9f9f9;
}
.bo_table .bo_table_tr:hover .bo_title {
    color: #e98300;
}
.bo_table .bo_table_tr:hover .bo_title .bo_icon_file {
    background-image: url('/img/newbird/board/icon_file_tan.png');
}





/* ==== 채용정보 (일반게시판 유형 2) ==== */
.banner_job_notice {
    background: url('/img/newbird/board/banner_job_notice.jpg') no-repeat center;
    background-size: cover;
}
.job_notice_wrap {
    margin-bottom: 150px;
}
.job_notice_wrap .main_container  {
    margin-bottom: 120px;
}

.job_notice_title_wrap {
    margin: 120px 0 40px;
}
.job_notice_title_wrap .job_notice_title {
    font-family: 'wwf',sans-serif;
    font-size: 60px;
    line-height: 56px;
    color: #111;
    margin-bottom: 22px;
    word-break: keep-all;
}
.job_notice_title_wrap .job_notice_sub {
    font-size: 18px;
    line-height: 34px;
    color: #222;
    word-break: keep-all;
}
.chk_box input[type="checkbox"] + label span {
    margin-right: 5px;

}

/* 보고서 하단 서브 배너 */
.bo_normal_wrap .common_sub_banner {
    border-top: 0;
    padding: 0;
    margin-top: 120px;
}

.job_notice_table {
    color: #222;
    /* border-top: 1px solid  #222222; */
}
.job_notice_table_wrap .job_notice_table {
    margin: 26px 0 60px;
}
.job_notice_table .job_notice_tr {
    width: 100%;
    display: flex;
    padding: 40px 0;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    transition: background 0.3s;
}
.job_notice_table .job_notice_tr:first-child {
    border-top: 1px solid  #222222;
}
.job_notice_table .job_notice_tr > .job_notice_td {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #222;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.job_notice_table .job_notice_tr > .job_notice_td_chk {
    width: 50px;
}
.job_notice_table .job_notice_tr > .job_notice_td_num {
    width: 95px;
}
.job_notice_table .job_notice_tr > .job_notice_td_infos {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 50px - 95px - 160px);
    /* 100% - 나머지 셀의 수치 */
    padding: 0 5px;
    flex-shrink: 1;
    flex-grow: 1;
    text-align: left;
    transition: color 0.3s;
}
.job_notice_table .job_notice_tr > .job_notice_td_status {
    width: 160px;
}

.job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_top {
    font-family: 'wwf', 'NanumBarunGothic', sans-serif;
    font-size: 28px;
    line-height: 22px;
    margin-bottom: 17px;
}
.job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_bottom {
    display: flex;
    align-items: center;
}
.job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_bottom .date {
    display: block;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    top: 1px;
}
.job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_bottom .d_day {
    height: 25px;
    margin-left: 15px;
    padding:  0 12px;
    line-height: 28px;
    font-size: 13px;
    color: #fff;
    border-radius: 25px;
    background-color: #222;
}


.job_notice_table .job_notice_status {
    display: block;
    width: 160px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
.job_notice_status_ing {
    background-color: #e98300;
}
.job_notice_status_end{
    background-color: #bbbbbb;
}



/* ==== faq 리스트 ==== */
.faq_wrap {
    margin-bottom: 150px;
}
.faq_title_wrap {
    margin-top: 165px;
    margin-bottom: 60px;
    text-align: center;
}
.faq_title {
    font-size: 52px;
    line-height: 49px;
    color: #1b1b1b;
    font-weight: 700;
}
.faq_list {
    border-top: 1px solid #222222;
    list-style: none;
    padding: 0;
}
.faq_list .faq_list_item {
}
.faq_list .faq_list_item .faq_q {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.faq_list .faq_list_item .faq_q > a {
    display: block;
    padding: 30px 90px 30px 89px;
    font-size: 18px;
    line-height: 26px;
    color: #222;
    font-weight: 400;
    transition: color 0.3s;
}
.faq_list .faq_list_item .faq_q .tit_bg {
    font-family: 'Mulish', sans-serif;
    font-size: 28px;
    line-height: 26px;
    font-weight: 900;
    color: #999;
    position: absolute;
    top: 30px;
    left: 30px;
    transition: color 0.3s;
}
.faq_list .faq_list_item .faq_q .icon_arr_faq {
    display: block;
    width: 13px;
    height: 8px;
    background-image: url('/img/newbird/board/arr_faq.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 40px;
    right: 30px;
}
.faq_list .faq_list_item  .faq_a {
    display: none;
    padding: 53px 89px 54px;
    font-size: 16px;
    line-height: 28px;
    color: #555555;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}



.faq_list .faq_list_item .faq_q.faq_li_open .tit_bg {
    color: #e98300;
}
.faq_list .faq_list_item .faq_q.faq_li_open > a {
    color: #e98300;
    font-weight: bold;
    transform: rotate(0.03deg); /* 폰트 깨짐 이슈 대응 */
}
.faq_list .faq_list_item .faq_q.faq_li_open .icon_arr_faq {
    transform: rotate(-180deg);
}



/* ==== search  검색 ===== */
.search_result_wrap {
    margin-bottom: 210px;
}
.search_result_title_wrap {
    margin: 167px 0 55px;
}
.search_result_title_wrap .search_result_title {
    font-size: 62px;
    color: #222222;
    line-height: 30px;
}
.search_result_wrap .header_search_box {
    margin-bottom: 54px;
}
.search_result_total {
    font-size: 21px;
    line-height: 34px;
    color: #222222;
    margin-bottom: 24px;
}
.search_result_total > b {
    font-weight: 700;
}
.search_result_wrap .board_top_tabs {

}
.search_result_list {
    margin-top: 62px;
}
.search_result_list .search_result_item {
    margin-top: 113px;
}
.search_result_list .search_result_item:first-child {
    margin-top: 0;
}
.search_result_item .search_result_item_total {
    display: flex;
    flex-wrap: wrap;
    line-height: 34px;
    font-size: 21px;
    color: #888888;
    margin-bottom: 25px;
}
.search_result_item .search_result_item_total h3 {
    font-size: 25px;
    font-weight: 700;
    color: #111111;
    margin-right: 10px;
}

.search_result_wrap .bo_gall_list {
    margin-top: -25px;
}

.search_result_item .search_result_btn_wrap {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search_result_item .search_result_btn_wrap > .n_btn {
    width: 220px;
}

/*==== 검색 - 키워드 ====*/
.keyword_table {
    color: #222;
    /* border-top: 1px solid  #222222; */
}
.keyword_table .keyword_table_tr {
    width: 100%;
    display: flex;
    padding: 40px 0;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    transition: background 0.3s;
}
.keyword_table .keyword_table_tr:first-child {
    border-top: 1px solid  #222222;
}
.keyword_table .keyword_table_tr > .keyword_table_td {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #222;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.keyword_table .keyword_table_tr > .keyword_table_td_num {
    width: 95px;
}
.keyword_table .keyword_table_tr > .keyword_table_td_infos {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 50px - 95px - 160px);
    /* 100% - 나머지 셀의 수치 */
    padding: 0 5px;
    flex-shrink: 1;
    flex-grow: 1;
    text-align: left;
    transition: color 0.3s;
}
.keyword_table .keyword_table_tr > .keyword_table_td_img {
    width: 160px;
}
.keyword_table .keyword_table_tr > .keyword_table_td_img img {
    width: 100%;
}

.keyword_table .keyword_table_tr > .keyword_table_td_infos .keyword_table_td_infos_top .keyword_nav {
    font-size: 14px;
    line-height: 1.4em;
    color: #999;
    display: block;
    margin-bottom: 10px;
}
.keyword_table .keyword_table_tr > .keyword_table_td_infos .keyword_table_td_infos_top .title {
    font-family: 'wwf', 'NanumBarunGothic', sans-serif;
    font-size: 28px;
    line-height: 22px;
    margin-bottom: 17px;
}
.keyword_table_td_infos_cont {
    font-size: 16px;
    line-height: 26px;
    color: #222;
    max-height: calc(26px * 2);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.keyword_table_td_img_rate {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
}
.keyword_table_td_img_rate > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* ==== 소개 - 채용정보 intro_job_info.php ==== */
.job_info_wrap {
    margin-bottom: 120px;
}
.job_info_wrap .main_container {
    margin-bottom: 120px;
}
.job_info_sec01 {
    margin: 170px 0 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.job_info_sec01 .job_info_sec01_bg{
    font-family: 'wwf',sans-serif;
    color:#e5e5e5;
    font-size: 300px;
    line-height: 224px;
    letter-spacing: 0.02em;
    position: absolute;
    left: 50%;
    top: 435px;
    opacity: 0.15;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
}
.job_info_sec01_top {
    display: flex;
    align-items: flex-end;
}
.job_info_sec01_top .job_info_sec01_left,
.job_info_sec01_top .job_info_sec01_right {
    width: 50%;
}
.job_info_sec01_top .job_info_sec01_left {
    font-family: 'wwf','NanumBarunGothic',sans-serif;
}
.job_info_sec01_top .job_info_slogan .job_info_slogan_top {
    display: block;
    font-size: 90px;
    color: #111;
    line-height: 66px;
    margin-bottom: 16px;
}
.job_info_sec01_top .job_info_slogan .job_info_slogan_bottom {
    display: block;
    font-size: 150px;
    line-height: 138px;
    color: #e98300;
}
.job_info_sec01_right {
    margin-bottom: -10px;
}
.job_info_sec01_right .tit {
    margin-bottom: 42px;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: -0.06em;
    color: #111;
}
.job_info_sec01_right .tit > b {
    color: #e98300;
}
.job_info_sec01_right .sub {
    font-size: 22px;
    font-weight: 300;
    color: #111111;
    line-height: 38px;
    letter-spacing: -0.04em;
    transform: rotate(0.02deg); /* 폰트 깨짐이슈 대응 */
}
.job_info_sec01_list {
    margin-top: 234px;
}
.work_way_lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}
.job_info_sec01_list_title {
    padding-bottom: 33px;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    position: relative;
}
.job_info_sec01_list_title:after {
    content: "";
    display: block;
    width: 32px;
    height: 5px;
    background-color: #e98300;
    position: absolute;
    bottom: 0;
    left: 0;
}
.work_way_lists > .work_way_item:nth-child(1) {
    width: 640px;
}
.work_way_lists > .work_way_item:nth-child(2) {
    width: 700px;
    margin-top: -163px;
}
.work_way_lists > .work_way_item:nth-child(3) {
    width: 700px;
}
.work_way_lists > .work_way_item:nth-child(4) {
    width: 640px;
    margin-top: -252px;
}
.work_way_item .work_way_pic_wrap {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
}
.work_way_item:nth-child(1) .work_way_pic_wrap {
    padding-bottom: 96.875%;
}
.work_way_item:nth-child(2) .work_way_pic_wrap {
    padding-bottom: 68.571%;
}
.work_way_item:nth-child(3) .work_way_pic_wrap {
    padding-bottom: 68.571%;
}
.work_way_item:nth-child(4) .work_way_pic_wrap {
    padding-bottom: 96.875%;
}
.work_way_item .work_way_pic_wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.work_way_item .word_way_txt_wrap {
    margin-top: -170px;
    position: relative;
    z-index: 1;
    padding: 0 30px 117px 60px;
}
.work_way_item .word_way_txt_wrap .work_way_tit_en {
    font-family: 'wwf',sans-serif;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.work_way_item .word_way_txt_wrap .work_way_tit_ko {
    display: block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    background-color: #000;
    color: #e98300;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.04em;
    margin-bottom: 33px;
}
.work_way_item .word_way_txt_wrap .work_way_txt_ko {
    font-size: 18px;
    line-height: 32px;
    color: #222;
    letter-spacing: -0.04em;
    word-break: keep-all;
    margin-bottom: 30px;
}
.work_way_item .word_way_txt_wrap .work_way_txt_en{
    font-size: 16px;
    line-height: 24px;
    word-break: keep-all;
    color: #808080;
}

.job_info_sec02 {
    display: block;
    background-color: #eeeeee;
    padding: 120px 0 113px;
}
.job_info_title {
    text-align: center;
    font-size: 50px;
    line-height: 46px;
    font-weight: 700;
    padding-bottom: 35px;
    margin-bottom: 80px;
    position: relative;
}
.job_info_title::after {
    content: "";
    display: block;
    width: 32px;
    height: 5px;
    background-color: #e98300;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.job_process_list {
    display: flex;
    justify-content: space-between;
}
.work_way_lists_mobile {
    display: none;
}
.job_process_item {
    width: 325px;
    margin-right: 60px;
    position: relative;
    text-align: center;
}
.job_process_item:last-child {
    margin-right: 0;
}
.job_process_item:after {
    content:"";
    display: block;
    width: 45px;
    height: 45px;
    background: url('/img/newbird/intro/job_info_process_arr.png') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -52px;
    transform: translateY(-50%);
}
.job_process_item:last-child::after{
    display: none;
}
.job_process_item i {
    display: block;
    width: 100%;
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
}
.job_process_item:nth-child(1) i img {
    width: 108px;
    margin-left: -47px;
}
.job_process_item:nth-child(2) i img {
    width: 82px;
}
.job_process_item:nth-child(3) i img {
    width: 108px;
}
.job_process_item:nth-child(4) i img {
    width: 69px;
}
.job_process_item .job_process_step {
    font-family: 'wwf',sans-serif;
    font-size: 28px;
    line-height: 22px;
    color: #d60e47;
    margin-bottom: 24px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.job_process_item .job_process_txt {
    font-size: 18px;
    line-height: 27px;
    color: #808080;
    letter-spacing: -0.04em;
    word-break: keep-all;
}

.job_info_sec03{
    padding: 122px 0 0;
}
.job_welfare_list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 112px;
}
.job_welfare_item {
    width: 325px;
    margin-right: 60px;
    position: relative;
    text-align: center;
}
.job_welfare_item:last-child {
    margin-right: 0;
}
.job_welfare_item i {
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
}
.job_welfare_item i > img {
    width: 100px;
}
.job_welfare_item .job_welfare_tit {
    font-family: 'wwf',sans-serif;
    font-size: 28px;
    line-height: 22px;
    color: #e98300;
    margin-bottom: 24px;
    letter-spacing: 0.06em;
    /* text-transform: uppercase; */
}

.job_welfare_item .job_welfare_txt {
    font-size: 18px;
    line-height: 32px;
    color: #222;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.job_info_sec03 .pic_coworkers {
    width: 100%;
}

.disableClick {
    pointer-events: none;
}



/* ==== 약관 영역 (faq와 여백 동일) ==== */
.yak_wrap {
    margin-bottom: 150px;
}
.yak_title_wrap {
    margin-top: 165px;
    margin-bottom: 60px;
    text-align: center;
}
.yak_title {
    font-size: 52px;
    line-height: 49px;
    color: #1b1b1b;
    font-weight: 700;
}
.yak_cont * {
    font-size: 16px !important;
    line-height: 30px !important;
}


/* ==== contact 영역 (faq와 여백 동일) ==== */
.contact_wrap {
    margin-bottom: 150px;
}
.contact_title_wrap {
    margin-top: 165px;
    margin-bottom: 85px;
    text-align: center;
}
.contact_title {
    /* font-family: 'wwf',sans-serif; */
    font-size: 52px;
    line-height: 49px;
    color: #1b1b1b;
    font-weight: 700;
}
.contact_wrap .contact_cont {
    display: flex;
    justify-content: space-between;
}
.contact_wrap .contact_cont > div {
    width: 30%;
}
.contact_pic .contact_pic_size {
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    position: relative;
    overflow: hidden;
}
.contact_pic .contact_pic_size img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: coVER;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.contact_info .contact_info_list > dl {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 40px;
    color: #222;
    word-break: keep-all;
}
.contact_info .contact_info_list > dl:last-child {
    margin-bottom: 0;
}
.contact_info .contact_info_list > dl > dt {
    font-weight: 700;
    margin-bottom: 10px;
}


.contact_datas_title {
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 30px;
}
.contact_cs_list > dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 17px;
    color: #222;
    margin-bottom: 30px;
}
.contact_cs_list > dl:last-child {
    margin-bottom: 0;
}
.contact_cs_list > dl > dt {
    font-weight: 400;
    margin-right: 20px;
}



/* ==== 기업 단체 후원 ====  */
.banner_support_company {
    background: url('/img/newbird/support/banner_support_company.jpg') no-repeat center;
    background-size: cover;
}
.support_company_wrap {
    margin-bottom: 120px;
}

.support_com_sec01 {
    padding: 113px 0 0 ;
}
.support_com_sec01_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.support_com_sec01_top .support_com_sec01_top_left,
.support_com_sec01_top .support_com_sec01_top_right {
    width: 50%;
}

.support_com_sec01_top .support_com_sec01_top_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 30px;
}
.support_com_sec01_top .support_com_sec01_top_left > p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.04em;
    color: #323232;
}
.support_com_sec01_top .support_com_sec01_top_left > .n_btn {
    width: 300px;
    /* margin-top: 50px; */
    margin: 0 0 37px;
}
.support_com_sec01_top .support_com_sec01_top_right {
    padding-left: 30px;
}
.support_com_sec01_top .support_com_sec01_top_right .gray_txt_box {
    padding: 43px 50px;
    background-color: #eeeeee;
    font-size: 19px;
    font-weight: 700;
    line-height: 34px;
}
.support_com_sec01_top .support_com_sec01_top_right .gray_txt_box > p {
    margin-bottom: 15px;
    letter-spacing: -0.04em;
    word-break: keep-all;
    transform: rotate(0.03deg); /* 폰트 꺠짐 이슈 대응 */
}
.support_com_sec01_top .support_com_sec01_top_right .gray_txt_box > p:last-child {
    margin-bottom: 0;
}
.support_com_sec01_top .support_com_sec01_top_right .gray_txt_box .color_orange {
    color: #e98300;
}
.support_com_sec01 img {
    max-width: 100%;
}

.support_com_sec01_bottom {
    margin-bottom: 120px;
}



/* 겹쳐진 모양의 박스 */
.single_box_wrap {
    position: relative;
    padding-bottom: 10px;
    padding-right: 10px;
}
.single_box_wrap::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    z-index: -1;
}
.single_box_wrap .single_box_top {
    display: block;
    position: relative;
    border: 1px solid #dddddd;
    background-color: #fff;
    padding: 28px 50px;
}


.support_com_single {
    display: flex;
}
.support_com_single .support_com_single_left,
.support_com_single .support_com_single_right {
    display:flex;
    width:50%;
    justify-content:space-between;
    align-items:center;
}

.support_com_single .support_com_single_left {
    padding-right: 30px;
}
.support_com_single .support_com_single_right {
    padding-left: 30px;
}
.support_com_single .support_com_single_tit {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.04em;
    color: #222;
    transform: rotate(0.03deg); /* 폰트 꺠짐 이슈 대응 */
    word-break:keep-all;
}
.support_com_single .support_com_single_cs {
    display: flex;
    align-items: center;
}
.support_com_single .support_com_single_cs i {
    display: block;
    width: 52px;
}
.support_com_single .support_com_single_cs i img {
    width: 25px;
}
.support_com_single .support_com_single_cs > .txt {
    font-size: 16px;
    color: #808080;
    line-height: 35px;
}



.support_com_sec02 {
    padding: 120px 0 122px;
}
.support_com_title_wrap {
    text-align: center;
    color: #111;
}
.support_com_title {
    font-size: 50px;
    line-height: 46px;
    font-weight: 700;
    padding-bottom: 35px;
    margin-bottom: 80px;
    position: relative;
}
.support_com_title:after {
    content: "";
    display: block;
    width: 32px;
    height: 5px;
    background-color: #e98300;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.support_com_sub {
    margin-top: 72px;
    font-size: 18px;
    line-height: 32px;
    word-break: keep-all;
    letter-spacing: -0.04em;
}
.support_form_list_wrap {
    margin-top: 40px;
    /* border-top: 1px solid #e98300; */
}
.support_form_list_tit {
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.04em;
    height: 60px;
    line-height: 60px;
    background-color: #d60e47;
    color: #fff;

    /* background-color: #fff3e3;
    color: #e98300;
    border-top: 2px solid #e98300;
    border-bottom: 1px solid #e98300; */
}
.support_form_list > li {
    width: 100%;
    padding: 20px 20px 18px;
    font-size: 18px;
    letter-spacing: -0.04em;
    line-height: 32px;
    color: #808080;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
}
.support_form_list > li > .tit {
    color: #e98300;
    font-weight: 700;
    margin-right: 13px;
    transform: rotate(0.03deg); /* 폰트 깨짐이슈 대응 */
}




.support_com_sec03 {
    padding: 119px 0 114px;
    background-color: #eeeeee;
}
.support_process_list {
    display: flex;
    margin-top: 80px;
}
.support_process_item {
    width: 250px;
    margin-right: 45px;
    text-align: center;
    position: relative;
}
.support_process_item:last-child {
    margin-right: 0;
}
.support_process_item:after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('/img/newbird/support/support_com_arr_step.png') no-repeat center;
    background-size: contain;
    position: absolute;
    right: -45px;
    top: calc(50% - 50px );
    transform: translateY(-50%);
}
.support_process_item:last-child:after {
    display: none;
}


.support_process_item i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 108px;
    margin-bottom: 45px;
}
.support_process_item:nth-child(1) i img {
    width: 86px;
}
.support_process_item:nth-child(2) i img {
    width: 110px;
}
.support_process_item:nth-child(3) i img {
    width: 120px;
}
.support_process_item:nth-child(4) i img {
    width: 108px;
}
.support_process_item:nth-child(5) i img {
    width: 87px;
}
.support_process_item .support_process_step {
    font-family: 'wwf',sans-serif;
    font-size: 28px;
    line-height: 22px;
    color: #d60e47;
    margin-bottom: 24px;
    letter-spacing: 0.06em;
}

.support_process_item .support_process_tit {
    font-size: 22px;
    line-height: 23px;
    color: #222222;
    letter-spacing: -0.04em;
    margin-bottom: 23px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.support_process_item .support_process_tit > .color_orange {
    color: #e98300;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: -7px;
}

.support_process_item .support_process_txt {
    font-size: 16px;
    line-height: 28px;
    color: #808080;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.support_process_item .support_process_txt > .desc {
    color: #e98300;
    margin-top: 6px;
    display: block;
}


.support_com_sec04 {
    padding: 120px 0 0;
}
.support_com_sec04_top_img {
    margin-top: 80px;
}
.support_com_sec04_top_img img {
    max-width: 100%;
}
.support_com_sec04_top_box {
    width: calc(100% - 200px);
    margin: -90px auto 0;
    padding: 72px 80px 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.support_com_sec04_top_txts {
    display: flex;
    justify-content: space-between;
    letter-spacing: -0.04em;
    color: #222222;
    margin-bottom: 74px;
}
.support_com_sec04_top_tit,
.support_com_sec04_top_txt {
    width: 50%;
    word-break: keep-all;
}
.support_com_sec04_top_tit {
    padding-right: 30px;
    font-size: 28px;
    line-height: 42px;
}
.support_com_sec04_top_txt  {
    padding-left: 30px;
    font-size: 18px;
    line-height: 32px;
}


.sub_bottom_btns {
    display: flex;
    width: calc(100% - 40px);
    margin: 120px auto 0;
    max-width: 1320px;
}
.sub_bottom_btns .sub_bottom_btn_item {
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 220px;
    padding: 50px 58px;
}
.sub_bottom_btns .sub_bottom_btn_item:last-child {
    margin-right: 0;
}
.sub_bottom_btns .sub_bottom_btn_faq {
    background: url('/img/newbird/support/btn_faq_bg.png') no-repeat center right;
    background-size: cover;
}
.sub_bottom_btns .sub_bottom_btn_partner {
    background: url('/img/newbird/support/btn_partner_bg.png') no-repeat center right;
    background-size: cover;
}
.sub_bottom_btn_texts {
    color: #fff;
}
.sub_bottom_btn_texts > .tit {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
}

.sub_bottom_btn_texts > .sub {
    font-size: 18px;
    line-height: 32px;
}
.sub_bottom_go_btn {
    width: 60px;
}





/* ==== 연혁 ===== */
.wwf_history_tab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 20px;
}
.wwf_history_tab > li > a {
    padding: 0 35px;
    color: #bbbbbb;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: 0.06em;
    font-family: 'WWF', sanserif;
}
.wwf_history_tab > li > a.on {
    color: #00688b;
}


.history_map_wrap {
    padding: 120px 0 180px;
}
.history_widget {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
}
.history_widget:after {
    content: "";
    display: block;
    width: 4px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #00688b;

}
.history_year_wrap {
    height: 50px;
    position: relative;
}
.history_year_wrap::before{
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background-color: #00688b;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.history_year_wrap::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: #00688b;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.history_year_wrap .history_year {
    font-family: 'wwf',sans-serif;
    color: #137393;
    font-size: 42px;
    line-height: 33px;
    letter-spacing: 0.06em;
    width: 50%;
    margin-left: 50%;
    padding-left: 39px;
    position: relative;
    top: -14px;
}
.history_list_item {
    position: relative;
}
.history_list_item:nth-child(3n) {
    margin-top: -60px;
}
.history_list_item::before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background-color: #00688b;

    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
}
.history_list_item::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #00688b;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.history_list_item .history_list_item_cont {
    display: flex;
    align-items: center;
    width: calc(50% - 30px);
    padding: 30px;
    background-color: #eeeeee;
    font-size: 16px;
    line-height: 30px;
    color: #808080;
    /* border-radius: 180px; */
    border-radius: 90px;
}
.history_list_item .history_list_item_cont .history_list_pic {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}
.history_list_item .history_list_item_cont .history_list_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.history_list_item .history_list_item_cont .history_list_txt {
    padding: 0 30px;
    width: calc(100% - 120px);
    word-break: keep-all;
}

/* 오른쪽정렬 */
.history_list_item.right .history_list_item_cont {
    margin-left: calc(50% + 30px );
    flex-direction: row-reverse;
}

/* 마지막 라인은 50% */
.history_widget:last-child .history_list_item:last-child::before {
    height: 50%;
}
.history_widget:last-child {
    padding-bottom: 0;
}
.history_widget:last-child:after {
    display: none;
}

/* 년도별로 다른 색상 적용 */
.history_widget_1960 .history_year_wrap::before,
.history_widget_1960 .history_year_wrap::after,
.history_widget_1960 .history_list_item::before,
.history_widget_1960 .history_list_item::after,
.history_widget_1960.history_widget:after
 {
    background-color: #00688b;
}
.history_widget_1970 .history_year_wrap::before,
.history_widget_1970 .history_year_wrap::after,
.history_widget_1970 .history_list_item::before,
.history_widget_1970 .history_list_item::after,
.history_widget_1970.history_widget:after
 {
    background-color: #0ea6ae;
}
.history_widget_1980 .history_year_wrap::before,
.history_widget_1980 .history_year_wrap::after,
.history_widget_1980 .history_list_item::before,
.history_widget_1980 .history_list_item::after,
.history_widget_1980.history_widget:after
 {
    background-color: #107627;
}
.history_widget_1990 .history_year_wrap::before,
.history_widget_1990 .history_year_wrap::after,
.history_widget_1990 .history_list_item::before,
.history_widget_1990 .history_list_item::after,
.history_widget_1990.history_widget:after
 {
    background-color: #95c11f;
}
.history_widget_2000 .history_year_wrap::before,
.history_widget_2000 .history_year_wrap::after,
.history_widget_2000 .history_list_item::before,
.history_widget_2000 .history_list_item::after,
.history_widget_2000.history_widget:after
 {
    background-color: #e98300;
}


.history_widget_1960 .history_year_wrap .history_year {
    color: #137393;
}
.history_widget_1970 .history_year_wrap .history_year {
    color: #0ea6ae;
}
.history_widget_1980 .history_year_wrap .history_year {
    color: #107627;
}
.history_widget_1990 .history_year_wrap .history_year {
    color: #95c11f;
}
.history_widget_2000 .history_year_wrap .history_year {
    color: #e98300;
}


/* ==== 후원 -  플라스틱 프리 ==== */
.pl_free_banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 880px;
    text-align:center;
    background: url('/img/newbird/support/banner_plastic_free.png') no-repeat center;
    background-size: cover;
}
.pl_free_banner .pl_free_banner_tit {
    color: #fff;
   font-size: 85px;
   font-weight: 700;
   line-height: 105px;
   letter-spacing: -0.06em;
   word-break: keep-all;
}
.pl_free_banner .pl_free_banner_tit > .small {
    display: block;
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}
.pl_free_banner .pl_free_banner_tit > b {
    color: #da1d52 !important;
}
.pl_free_banner .pl_free_banner_sub {
    font-size: 29px;
    line-height: 48px;
    color: #fff;
    letter-spacing: -0.04em;
    margin-top: 39px;
    word-break: keep-all;
}
.pl_free_banner .n_btn {
    width: 305px;
    margin-top: 87px;
    text-align: center;
    border-radius: 75px;
}

.pl_free_sec01 {
    padding: 139px 0 0;
}
.pl_free_title_wrap {
    margin-bottom: 78px;
}
.pl_free_title_wrap.center {
    text-align: center;
}
.pl_free_title_wrap .pl_free_top_title {
    font-family: 'wwf',sans-serif;
    font-size: 30px;
    line-height: 23px;
    color: #d6d6d6;
    margin-bottom: 23px;
}

.pl_free_title_wrap .pl_free_title {
    font-size: 60px;
    line-height: 77px;
    color: #222;
    font-weight: 300;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.pl_free_title_wrap .pl_free_title > .color_pink {
    font-weight: 700;
    color: #da1d52 !important;
}

.pl_free_slide {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.pl_free_slide:after {
    content: "";
    display: block;
    width: 70.52%;
    max-width: 1354px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #dd1f55;
    z-index: 0;
}
.pl_free_slide .inner_1480 {
    /* width: 100%; */
    padding: 94px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pl_free_slide > .inner_1480{
    display: flex;
    justify-content: space-between;
}
.pl_free_slide .pl_free_slide_left {
    width: 530px;
    display: flex;
    align-items: center;
}
.pl_free_slide .pl_free_slide_right {
    width: calc(100% - 660px);
    position: relative;
}
.pl_free_slide .pl_free_slide_txt_wrap {
    display: flex;
    flex-direction: column;
    color: #feffff;
    letter-spacing: -0.04em;
}
.pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_tit_top {
    font-size: 24px;
    line-height: 22px;
    font-weight: 400;
    word-break: keep-all;
}
.pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_tit{
    font-family: 'wwf', 'Noto Sans KR', sans-serif;
    font-size: 120px;
    line-height: 120px;
    word-break: keep-all;
    letter-spacing: 0em;
    word-break: keep-all;
}
.pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_txt {
    font-size: 20px;
    line-height: 35px;
    color: #f1d5dc;
    font-weight: 400;
    margin-top: 37px;
    word-break: keep-all;
}
.pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_source {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    margin-top: 51px;
}
.pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_source .source_box {
    display: block;
    width: 70px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #f1d5dc;
    font-weight: 400;
    background-color: #a01337;
    text-align: center;
    margin-right: 17px;
}

.pl_free_slide .pl_free_slide_pic_wrap {
    box-shadow: -21px 21px 40px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
}
.pl_free_slide .pl_free_slide_pic_wrap  .swiper-slide {
    width: 100%;
}
.pl_free_slide .pl_free_slide_pic_wrap .pl_free_slide_pic_rate {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
}
.pl_free_slide .pl_free_slide_pic_wrap .pl_free_slide_pic_rate > .pl_free_slide_pic {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pl_free_slide_controller {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 20px;
    bottom: 30px;
    z-index: 6;
}
.pl_free_slide_controller > button {
    width: 32px;
    margin-left: 30px;
    background-color: transparent;
}
.pl_free_slide_controller > button > img {
    max-width: 100%;
    margin-bottom: -11px;
}



.pl_free_sec02 {
    width: 100%;
    overflow: hidden;
    margin-top: -250px;
    padding: calc(150px + 250px) 0 120px;
    background: url('/img/newbird/support/plastic_bg01.png') no-repeat center bottom;
    background-size: cover;
}
.pl_danger_slide_mob {
    display: none;
}
.pl_danger_list {
    display: flex;
}
.pl_danger_list .pl_danger_item {
    width: calc(33.3333% - 32px * 2 / 3);
    margin-right: 32px;
    padding: 20px 20px 0;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 40px 30px rgba(0,0,0,0.1);
}
.pl_danger_list .pl_danger_item:last-child {
    margin-right: 0;
}
.pl_danger_list .pl_danger_item .pl_danger_pic {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.pl_danger_list .pl_danger_item .pl_danger_pic > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pl_danger_list .pl_danger_item .pl_danger_txt {
    padding: 36px 0 42px;

}
.pl_danger_list .pl_danger_item .pl_danger_txt {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    color: #222;
}
.pl_danger_list .pl_danger_item .pl_danger_txt > .color_pink {
    display: block;
    margin-top: 5px;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: -0.06em;
    word-break: keep-all;
}
.pl_danger_pagination {
    display: none;
}


.pl_danger_warn {
    /* padding: 183px 0 0; */
    margin: 120px 0 0;
    padding: 80px 0 70px;
    background-color: rgba(0,0,0,0.4);
    border: 1px solid;
    border-image: linear-gradient(to bottom, #00000010, #5e5e5e70);
    border-image-slice: 1;
    /* background-image: url(/img/newbird/support/pl_danger_warn_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; */
}
.pl_danger_warn .pl_danger_warn_txt {
    line-height: 60px;
    color: #fff;
    letter-spacing: -0.06em;
    font-size: 40px;
    text-align: center;
    word-break: keep-all;
}
.pl_danger_warn .pl_danger_warn_txt .pl_danger_warn_txt_top {
    font-size: 26px;
    font-weight: 400;
    display: block;
    word-break: keep-all;
}
.pl_danger_warn .pl_danger_warn_txt b {
    font-weight: 400;
    color: #ff2461 !important;
}
.pl_danger_warn .pl_danger_warn_txt .color_pink {
    color: #ff2461 !important;
}
.pl_danger_warn .pl_dander_source {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: #cecece;
    line-height: 32px;
}
.pl_danger_warn .pl_dander_source .source_blet {
    display: block;
    width: 70px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #f1d5dc;
    background-color: #a01337;
    margin-right: 15px;
    text-align: center;
}



.pl_free_sec03 {
    padding: 150px 0;
    background: url('/img/newbird/support/plastic_bg_story.png') no-repeat center;
    background-size: cover;
}
.pl_free_sec03 .inner_1480 {
    display: flex;
    justify-content: space-between;
}
.pl_free_sec03_left {
    width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pl_free_sec03_left_txt .pl_free_title_wrap {
    margin-bottom: 40px;
}
.pl_free_sec03_left_txt .pl_free_title_wrap  .pl_free_top_title {
    color: #f8497a;
}
.pl_free_sec03_left_txt .pl_free_title_wrap  .pl_free_title {
    color: #fff;
}
.pl_free_sec03_left_txt .pl_free_title_wrap  .pl_free_title b {
    font-weight: 700;
}
.pl_free_sec03_left_txt .pl_free_sec03_tit_sub {
    color: #f1d5dc;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
}
.pl_free_sec03_left_txt .n_btn {
    margin-top: 70px;
    width: 305px;
    border-radius: 75px;
    text-align: center;
}
.pl_free_sec03_right{
    width: 980px;

}
.white_line_video {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: -21px 21px 40px 0px rgba(0, 0, 0, 0.2);
}

.youtube_wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.youtube_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}



.pl_free_sec04 {
    padding: 150px 0;
    background: url('/img/newbird/support/plastic_bg02.png') no-repeat center;
    background-size: cover;
}

.pl_free_action_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -32px;
}
.pl_free_action_item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 32px / 2) !important;
    height: auto;
    margin-right: 32px;
    margin-top: 32px;
    background-color: #fff;
    padding: 20px 20px 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 21px 21px 40px 0px rgba(0, 0, 0, 0.1);

}
.pl_free_action_item:nth-child(2n) {
    margin-right: 0 !important;
}
.pl_free_action_item .pl_free_action_pic {
    flex-grow: 0;
    width: 100%;
    height: 0;
    padding-bottom: 52.554%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.pl_free_action_item .pl_free_action_pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pl_free_action_item .pl_free_action_txt_wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    max-width: 510px;
    padding: 44px 0 50px;
    margin: 0 auto;
    text-align: center;
}
.pl_free_action_item .pl_free_action_txt_wrap .wwf_font {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0;
}
.pl_free_action_item .pl_free_action_txt_wrap .pl_free_action_tit {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 17px;
    word-break: keep-all;
    letter-spacing: -0.04em;

}
.pl_free_action_item .pl_free_action_txt_wrap .pl_free_action_txt {
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #222;
    word-break: keep-all;
    letter-spacing: -0.04em;

}
.pl_free_action_item .pl_free_action_txt_wrap .n_btn {
    display: block;
    width: 230px;
    margin: 46px auto 0;
    border-radius: 58px;
}
.pl_free_sec04 .n_btn {
    display: block;
    margin: 80px auto 0;
    width: 325px;
    border-radius: 75px;
    font-family: 'wwf', 'Noto Sans KR', sans-serif;
    letter-spacing: -0.04em;
}


/* ==== common sub  ==== */
.common_sub_menu {
    overflow: auto;
}
.common_sub_menu::-webkit-scrollbar {
    opacity: 0;
    height: 0;
}
.common_sub_menu > dl {
    width: auto;
}
.common_sub_menu > dl > dt {
    flex-shrink: 0;
    transform: rotate(0.03deg); /* 폰트 깨짐이슈 대응 */
}




/* ==== 공통 모달 - 후원 > 멸종위기동물 ==== */
.common_modal_wrap {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
    overflow: auto;
    padding: 100px 0;
}
.common_modal_wrap .common_dimmed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}
.common_modal {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1000px;
    border-radius: 15px;
    box-shadow: 0px 0px 60px 0px rgb(140 140 140 / 20%);
    background: #fff;

    position: relative;
}
/* .common_modal_header {
    display: flex;
    min-height: 50px;
    position: relative;
    padding-bottom: 20px;

} */
.common_modal_close {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #222222;
    position: absolute;
    right: 20px;
    top: 20px;
}
.common_modal_close::before {
    content: "";
    width: 25px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center;
}
.common_modal_close::after {
    content: "";
    width: 25px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center;
}

.common_modal_cont {
    padding: 40px 40px 40px;
}
.common_modal_cont .animal_modal_wrap{
    display: flex;
}
.common_modal_cont .animal_modal_img_wrap {
    width: 45%;
    flex-shrink: 0;
}
.common_modal_cont .animal_modal_img_rate {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.common_modal_cont .animal_modal_img_rate img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.common_modal_cont .animal_modal_txt_wrap {
    width: 55%;
    padding-left: 50px;
}
.common_modal_cont .animal_modal_txt_tit {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 700;
}
.common_modal_cont .animal_modal_txt > p {
    font-size: 18px;
    line-height: 32px;
    word-break: keep-all;
    margin-bottom: 20px;
}
.common_modal_cont .animal_modal_txt > p:last-child {
    margin-bottom: 0;
}
.common_modal_cont .animal_apply_btn {
    width: 100%;
    margin-top: 50px;
    border-radius: 70px;
}



@media all and (max-width:1280px) {
    .support_com_single {flex-direction:column;}
    .support_com_single .support_com_single_left,
    .support_com_single .support_com_single_right {width:100%; padding:0;}
    .support_com_single .support_com_single_right {margin-top:18px;}
}

@media (max-width: 1260px) {
    .header_nav_pc .header_nav_depth01 > li > a {padding: 0 16px;font-size: 16px;}
    .wwf_header .header_right > .n_btn {width: 105px;font-size: 15px;}
}


@media (max-width: 1200px) {
    .header_nav_pc .header_nav_depth01 > li > a {padding: 0 13px;font-size: 14px;}
    .wwf_header .header_right > .n_btn {width: 90px;font-size: 12px;}
}


@media all and (max-width:1480px) {
    /* ==== main :: start ====  */
    .wwf_header .header_left .logo {
        margin-right: 20px;
    }
    .header_nav_pc .header_nav_depth01 > li > a {
        /* padding: 0 20px; */
        padding: 0 18px;
        font-size: 18px;
    }
    .header_nav_pc .pc_depth02_wrap {
        width: 210px;
    }
    .header_nav_pc .header_nav_activity {
        width: 500px;
    }
    .header_nav_pc .header_nav_activity {
        /* padding: 0 20px; */
        font-size: 17px;
    }

    .wwf_header .header_right > .header_right_menu {
        font-size: 14px;
    }
    .wwf_header .header_right > .n_btn {
        width: 140px;
    }

    /* ==== footer ====  */
    .footer_nav .footer_nav_depth01 {
        width: 28%;
    }
    .footer_nav .footer_nav_depth01:nth-child(3n-1) {
        width: 44%;
    } 
    .footer_nav .footer_nav_activity > div {
        width: 110px;
    }

    /* main -index */
    .main_latest_wrap {
        padding: 100px 0 150px;
    }
    .main_title_wrap h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .main_title_wrap .sub {
        font-size: 19px;
        line-height: 30px;
    }
    .main_board_tab .main_board_tab_item {
        font-size: 18px;
    }
    .pic_block_item .pic_block_infos {
        padding: 35px 25px;
    }
    .pic_block_link {
        width: 50px;
        height: 50px;
        background-position: 21px 15px;
    }

    .main_exer_wrap {
        padding: 100px 20px 150px;
    }
    .main_exer_slide .main_exer_prev, 
    .main_exer_slide .main_exer_next{
        display: none;
    }

    .main_newdeal_img {
        max-width: 800px;
        margin-top: -40px;
    }
    .main_newdeal_tit {
        padding-top: 50px;
    }
    .main_newdeal_tit .main_newdeal_tit_en {
        font-size: 80px;
        line-height: 80px;
    }
    .main_newdeal_tit .main_newdeal_tit_ko {
        font-size: 25px;
        line-height: 27px;
    }
    .main_newdeal_tit .main_newdeal_sub {
        font-size: 18px;
        line-height: 28px;
    }
    .main_newdeal_slogans > .slogan_box {
        flex-direction: column;
    }
    .main_newdeal_slogans > .slogan_box > .slogan_txt {
        padding: 0;
        margin-top: 20px;
    }
    .main_newdeal_slogans > .slogan_box > .slogan_txt > .slogan_sub {
        display: none;
    }

    .main_camp_wrap {
        padding: 100px 20px 150px;
    }

    /* ==== main :: end ====  */ 



    /* ==== 소식 (갤러리 리스트) ==== */
    /* 겹쳐진 모양의 박스 */
    .double_box_wrap .double_box_top_inner {
        padding: 40px 0 40px 40px;
    }
    .panda_double_left {
        padding-right: 40px;
        width: calc(100% - 380px);
    }
    .panda_double_right {    
        width: 380px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }



    /* 게시판 공통 검색 영역 */
    .board_top_area {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .board_total {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 19px;
    }
    .board_top_area > form {
        display: block;
        width: 100%;
    } 
    .board_search_area {
        flex-wrap: wrap;
    }
    .board_search_area .board_cal_wrap {
        width: 100%;
        margin: 0 0 5px;
    }
    .board_cal {
        width: 50%;
    }
    .board_cal > i {
        height: 50px;
        background-size: 20px auto;
    }
    .board_cal > input {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .board_search_wrap {
        width: 100%;
    }
    .board_cate_wrap {
        margin: 0 0 5px;
        width: 100%;
    }
    .board_cate_wrap > select {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        font-size: 14px;
        background: url(/img/newbird/board/arr_select.png) no-repeat right 15px center;
        background-size: 13px auto;
    }
    .board_search_wrap select {
        width: 96px;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        font-size: 14px;
        background: url(/img/newbird/board/arr_select.png) no-repeat right 15px center;
        background-size: 13px auto;
    }
    .board_search_wrap input[type="text"] {
        width: calc(100% - 96px - 50px);
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        padding: 0 0 0 15px;
    }
    .board_search_wrap button {
        width: 50px;
        height: 50px;
        background-size: 20px auto;
    }
    .board_sorting_area {
        margin-top: 40px;
    }
    .board_sorting_area a {
        font-size: 14px;
    }


    /* 갤러리 리스트 영역 통일 */
    .bo_gall_list_video .bo_gall_item:nth-child(3n) {
        margin-right: 20px;
    }
    .bo_gall_list .bo_gall_item,
    .bo_gall_list_video .bo_gall_item,
    .bo_gall_list_othercamp .bo_gall_item  {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    .bo_gall_list_othercamp .bo_gall_item:nth-child(3n) {
        margin-right: 20px;
    }
    .bo_gall_list .bo_gall_item:nth-child(2n),
    .bo_gall_list_video .bo_gall_item:nth-child(2n),
    .bo_gall_list_othercamp .bo_gall_item:nth-child(2n)  {
        margin-right: 0;
    }


    .board_top_tab_list > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        word-break: keep-all;
        font-size: 16px;
        line-height: 24px;
    }



    /* contact */
    .contact_cs_list > dl {
        flex-direction: column;
    }
    .contact_cs_list > dl > dt {
        margin: 0 0 10px;
    }





    /* ==== 기업 단체 후원 ====  */ 
    .support_com_sec01_top {
        display: block;
    }
    .support_com_sec01_top .support_com_sec01_top_left, 
    .support_com_sec01_top .support_com_sec01_top_right {
        width: 100%;
        padding: 0;
    }
    .support_com_sec04_top_box {
        width: 100%;
        margin: 0;
        padding: 72px 40px 0;
    }
    .support_com_sec01_top .support_com_sec01_top_left > .n_btn  {
        margin: 50px 0 0;
    }
    .support_com_sec01_top .support_com_sec01_top_right {
        margin-top: 50px;
    }
    .support_process_item i {
        height: 80px;
        margin-bottom: 25px;
    }

    .support_com_title {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 60px;
    }
    .support_com_sub {
        margin-top: 60px;
        font-size: 17px;
        line-height: 30px;
    }

    .support_process_item:nth-child(1) i img {
        width: 64px;
    }
    .support_process_item:nth-child(2) i img {
        width: 90px;
    }
    .support_process_item:nth-child(3) i img {
        width: 100px;
    }
    .support_process_item:nth-child(4) i img {
        width: 88px;
    }
    .support_process_item:nth-child(5) i img {
        width: 67px;
    }



    /* ==== 후원 -  플라스틱 프리 ==== */ 
    .pl_free_banner .pl_free_banner_tit {
        font-size: 65px;
        line-height: 85px;
    }
    .pl_free_banner .pl_free_banner_tit > .small {
        font-size: 38px;
        line-height: 50px;
    }
    .pl_free_banner .pl_free_banner_sub {
        font-size: 22px;
        line-height: 40px;
    }
    .pl_free_banner .n_btn {
        font-size: 22px;
    }
    .pl_free_title_wrap .pl_free_top_title {
        font-size: 25px;
        line-height: 18px;
    }
    .pl_free_title_wrap .pl_free_title {
        font-size: 50px;
        line-height: 67px;
    }

    .pl_free_slide .pl_free_slide_left {
        width: 480px;
        margin-right: 20px;
    }
    .pl_free_slide .pl_free_slide_right {
        width: calc(100% - 520px);
        min-width: 550px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_tit_top {
        font-size: 22px;
        line-height: 22px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_tit {
        font-size: 100px;
        line-height: 100px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_txt {
        font-size: 18px;
        line-height: 33px;
    }


    .pl_danger_list {
        flex-wrap: wrap;
        margin-top: -20px;
    }
    .pl_danger_list .pl_danger_item {
        width: calc(33.3333% - 15px * 2 / 3);
        margin-right: 15px;
        padding: 20px 20px 0;
    }
    .pl_danger_list .pl_danger_item .pl_danger_txt {
        font-size: 17px;
        line-height: 30px;
    }
    .pl_danger_list .pl_danger_item .pl_danger_txt > .color_pink {
        font-size: 22px;
        line-height: 38px;
    }
    .pl_free_action_item {
        margin-right: 20px;
        margin-top: 20px;
    }



    /* ==== 소개 - 채용정보 intro_job_info.php ==== */
    .job_info_sec01_top .job_info_sec01_left, .job_info_sec01_top .job_info_sec01_right {
        width: 100%;
    }
    .job_info_sec01_top .job_info_slogan .job_info_slogan_top {
        font-size: 75px;
        line-height: 70px;
        margin-bottom: 0;
    }
    .job_info_sec01_top .job_info_slogan .job_info_slogan_bottom {
        font-size: 120px;
        line-height: 120px;
    }
    .job_info_sec01_right .tit {
        font-size: 30px;
        line-height: 45px;
        margin-top: 40px;
    }
    .job_info_sec01_right .sub {
        font-size: 20px;
        line-height: 34px;
    }

    .job_info_sec01_list_title,
    .job_info_title {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 60px;
    }
    .work_way_lists > .work_way_item:nth-child(1),
    .work_way_lists > .work_way_item:nth-child(2),
    .work_way_lists > .work_way_item:nth-child(3),
    .work_way_lists > .work_way_item:nth-child(4){
        width: calc(50% - 20px / 2);
        margin-right: 20px;
    }

    .work_way_lists > .work_way_item:nth-child(2n) {
        margin-right: 0;
    }
    .work_way_item .word_way_txt_wrap {
        padding: 0 30px 117px 30px;
    }
    .work_way_item .word_way_txt_wrap .work_way_txt_ko br,
    .work_way_item .word_way_txt_wrap .work_way_txt_en br {
        display: none;
    }

    .job_welfare_list {
        justify-content: space-around;
    }
    .job_welfare_item {
        margin-right: 0;
    }
    .job_welfare_item i {
        width: 200px;
        height: 200px;
    }

    .job_welfare_item .job_welfare_txt br {
        display: none;
    }



    /* ==== 연혁 ==== */
    .history_list_item .history_list_item_cont {
        align-items: flex-start;
        width: calc(50% - 20px);
    }
    .history_list_item.right .history_list_item_cont {
        margin-left: calc(50% + 20px);
    }
    .history_list_item .history_list_item_cont .history_list_txt {
        width: calc(100% - 100px);
        padding: 0 20px;
    }
    .history_list_item .history_list_item_cont .history_list_pic {
        width: 100px;
        height: 100px;
    }

    /* ==== common sub  ==== */
    .common_sub_menu > dl {
        justify-content: flex-start;
    }
}



@media all and (max-width:1024px) {

    .n_btn {
        padding: 0;
    }
    .btn_h60 {
        font-size: 16px;
        height: 45px;
        line-height: 43px;
    }
    .btn_h70 {
        font-size: 16px;
        height: 60px;
        line-height: 58px;
    }
    

    /* ==== layout ==== */
    /* ==== main :: start ==== */
    /* ==== header ==== */
    .wwf_header {
        height: 60px;
    }
    .wwf_header .header_left .logo {
        width: 62px;
        height: 70px;
        margin-right: 0;
    }
    .wwf_header.jsSmallLogo .header_left .logo {
        width: 53px;
        height: 60px;
    }

    .header_nav_pc,
    .wwf_header .header_right,
    .header_search_pc {
        display: none;
    }

    .btn_open_menu_mob {
        display: block;
        width: 20px;
        height: 20px;
        display: block;
        background: url('/img/newbird/mobile/main/icon_hamber.png') no-repeat center;
        background-size: contain;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .header_nav_mob {
        display: block;
        width: 100%;
        height: 100vh;
        background-color: #000000;

        position: fixed;
        left: 100%;
        top: 0;
        transition: left 0.5s;
    }
    .header_nav_mob.show {
        left: 0;
    }
    .header_nav_mob > header {
    position: relative;
    padding: 86px 20px 30px;
    }
    .btn_close_menu_mob {
        display: block;
        width: 20px;
        height: 20px;
        display: block;
        background: url('/img/newbird/mobile/main/icon_close_menu.png') no-repeat center;
        background-size: contain;

        position: absolute;
        top: 20px;
        right: 20px;
    }
    .nav_mob_search{
        margin-bottom: 20px;
    }
    .nav_mob_search_box {
        height: 47px;
        border-bottom: 3px solid #ffffff;
        position: relative;
    }
    .nav_mob_search_box > input {
        width: 100%;
        height: 100%;
        padding-right: 35px;
        font-size: 16px;
        line-height: 47px;
        color: #fff;
        background-color: transparent;
        border: 0;
    }
    .nav_mob_search_box > input::placeholder {
        color: #999999;
    }
    .nav_mob_search_box > button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #fff url(/img/newbird/main/icon_search_search.png) no-repeat center;
        background-size: 18px 19px;

        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .nav_mob_top_menu {
        display: flex;
    }
    .nav_mob_top_menu > a {
        flex-grow: 0;
        flex-shrink: 0;
        display: block;
        width: calc((100% - 2px) / 3 );
        height: 40px;
        line-height: 40px;
        background-color: #383838;
        color: #bbbbbb;
        text-align: center;
        margin-right: 1px;
    }
    .nav_mob_top_menu > a:last-child {
        margin-right: 0;
        background-color: #e98300;
        color: #fff;
        font-weight: 700;
    }
    .mob_nav_wrap  {   
        display: flex;
        color: #fff;
        background-color: #262626;
        min-height: calc(100vh - 223px);
    }
    .mob_nav_depth01 {
        width: 100px;
        padding: 14px 0;
    }
    .mob_nav_depth01 > li > a{
        display: block;
        width: 100%;
        height: 52px;
        padding: 0 20px;
        line-height: 52px;
        font-size: 16px;
        color: #999999;
        font-weight: 700;
        background-color: #262626;
    }
    .mob_nav_depth01 > li.active > a{
        color: #fff;
        background-color: #e98300;
    }
    .mob_nav_right {
        width: calc(100% - 100px);
        max-height: calc(100vh - 223px);
        overflow: auto;
        background-color: #fff;
    }
    .mob_nav_depth02 {
        display: none;
        padding: 14px 0;
    }
    .mob_nav_depth02 > li > a {
        display: block;
        height: 45px;
        padding:  0 30px;
        line-height: 45px;
        font-size: 14px;
        color: #222222;
    }
    .mob_nav_depth02 > li > a.active {
        color: #e98300;
        font-weight: 700;
    }
    .mob_nav_depth02_gray {
        border-top: 1px solid #ddd;
        background-color: #f5f5f5;
    }


    /* ==== footer ==== */
    .wwf_footer {
    padding: 0;
    }
    .footer_nav {
        display: none;
    }
    .footer_letter.mobile {
        width: 100%;
        border: 0;
        padding: 90px 0;
        position: relative;
    }
    .footer_letter.mobile .footer_letter_title {
        margin-bottom: 37px;
    }
    .footer_letter.mobile .footer_letter_title > h2{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 16px;
    }
    .footer_letter.mobile .footer_letter_title > .footer_letter_sub {
        font-size: 14px;
        line-height: 22px;
        word-break: keep-all;
    }
    .footer_letter.mobile .fotter_letter_inputs > label {
        font-size: 14px;
        line-height: 14px;
    }
    .footer_letter.mobile .fotter_letter_inputs > input {
        height: 42px;
        margin-bottom: 15px;
    }

    .footer_letter.mobile .fotter_letter_inputs > .n_btn {
        background-color: #e98300;
        border-color: #e98300;
        font-size: 16px;
    }

    .footer_link {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: calc(100% + 40px);
        margin: 0 0 0 -20px;
        padding: 20px 0;
        border-top: 1px solid #e5e5e5;
    }
    .footer_link > a {
        margin: 0;
        padding: 0 10px;
        font-size: 14px;
        line-height: 14px;
        position: relative;
    }
    .footer_link > a::after {
        content: "";
        display: block;
        width: 1px;
        height: 11px;
        background-color: #e5e5e5;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .footer_link > a:last-child:after {
        display: none;
    }
    .footer_bottom {
        flex-direction: column;
        align-items: center;
        padding: 40px 0 33px;
    }
    .footer_bottom .logo_footer {
        width: 47px;
        margin: 0 0 26px;
    }
    .footer_bottom .footer_infos .footer_company {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 14px;
    }
    .footer_bottom .footer_infos {
        text-align: center;
    }
    .footer_bottom .footer_infos .footer_inquire {
        font-size: 13px;
        line-height: 21px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer_bottom .footer_infos .footer_inquire:first-of-type {
        margin-bottom: 10px;
    }
    .footer_bottom .footer_infos .footer_inquire > dl{
        margin: 0;
        justify-content: center;
        margin-bottom: 2px;
    }
    .footer_bottom .footer_infos .footer_inquire > dl > dt {
        min-width: 25px;
    }
    .footer_bottom .footer_copy {
        margin-top: 10px;
        line-height: 21px;
        font-size: 13px;
        word-break: keep-all;
    }
    .footer_bottom .footer_copy> em {
        display: block;
    }


    /* 22.05.17 수정 - pes */
    /* ==== main - index ==== 1024 -> 768로 이동 */

    /* .main_banner_slide .swiper-slide {
        height: 607px;
    }
    .main_banner_slide .swiper-slide .main_banner_img_pc {
        display: none;
    }
    .main_banner_slide .swiper-slide .main_banner_img_mob {
        display: block;
    }
    .main_banner_slide .swiper-slide .main_banner_txt_en {
        font-size: 40px;
        line-height: 40px;
    }
    .main_banner_slide .swiper-slide .main_banner_txt_ko {
        margin-top: 20px;
        font-size: 20px;
        line-height: 29px;
    }

    .main_banner_slide .swiper-slide .n_btn {
        width: 160px;
        margin-top: 40px;
        height: 45px;
        line-height: 39px;
        font-size: 20px;
    }
    .main_banner_bottom {
        bottom: 20px;
    }
    .main_banner_controller .main_banner_prev,
    .main_banner_controller .main_banner_next {
        display: none;
    }
    .main_banner_controller > button {
        margin: 0 0 -15px;
    }
    .progress_bullet_wrap > .bullet {
        width: 26px;
        height: 26px;
        margin-right: 10px;
    }
    .progress_bullet_wrap > .bullet:last-child {
        margin-right: 0;
    }
    .main_banner_bottom .scroll_down {
        width: 24px;
    } */

    .main_banner_slide .swiper-slide .main_banner_txt_en {
        font-size: 60px;
        line-height: 70px;
    }
    .main_banner_slide .swiper-slide .n_btn {
        width: 160px;
        margin-top: 40px;
        height: 45px;
        line-height: 39px;
        font-size: 20px;
    }



    /* 최신 소식 */
    .main_latest_wrap {
        padding: 70px 0 75px;
    }
    .main_title_wrap h2 {
        font-size: 30px;
        line-height: 28px;
        padding-bottom: 30px;    
    }
    .main_title_wrap .sub {
        font-size: 16px;
        line-height: 26px;
        margin: 35px 0 0;
        padding: 0 30px;
        word-break: keep-all;
    }
    .main_board_tab {
        margin: 52px 0 20px;
    }
    .main_board_tab .main_board_tab_item {
        font-size: 14px;
        line-height: 21px;
        margin-right: 20px;
    }
    .main_latest_wrap .main_board_cont {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .main_latest_wrap .main_board_cont .swiper-slide {
        width: calc(100% - 40px);
        max-width: 400px;
    }

    .pic_block_item .pic_block_infos {
        padding: 35px 28px;
    }
    .pic_block_infos .pic_block_date {
        font-size: 13px;
        line-height: 12px;
        margin-bottom: 14px;
    }

    .pic_block_infos .pic_block_subject {
        margin-bottom: 19px;
        font-size: 18px;
        line-height: 28px;
        height: calc(28px * 2);
    }
    .pic_block_infos .pic_block_cont {
        font-size: 14px;
        line-height: 24px;
        height: calc(24px * 2);
    }
    .pic_block_link {
        width: 40px;
        height: 40px;
        background-size: 7px auto;
        margin-top: 20px;
        background-position: 18px 14px;
    }
    .main_board_cont .main_board_bullets {
        display: block;
    }

    .pic_block_item:hover .pic_block_link {
        background-size: 7px auto;
        
    }


    /* main_support_wrap */
    .main_support_wrap {
        padding: 50px 0 40px;
        height: 230px;
    }
    .main_support_title_sub {
        font-size: 20px;
        line-height: 19px;
        margin-bottom: 14px;
    }
    .main_support_title {
        font-size: 45px;
        line-height: 35px;
        margin-top: 10px;
        margin-bottom: 25px;
        word-break:keep-all;
    }
    .main_support_wrap .n_btn {
        background-color: #e98300;
        border-color: #e98300;
    }



    /* main_exer_wrap */
    .main_exer_slide .swiper-slide .main_exer_item {
        padding:15px 20px;
    }
    .main_exer_list_title > .en {
        font-size: 28px;
        line-height: 19px;
        margin-bottom: 14px;
    }

    .main_exer_list_title > .ko {
        font-size: 16px;
        line-height: 18px;
    }

    .main_newdeal_wrap {
        border-left-width: 10px;
        border-right-width: 10px;
        padding-bottom: 37px;
    }
    .main_newdeal_top {
        flex-direction: column-reverse;
    }
    .main_newdeal_img {
        margin-top: -42px;
        width: calc(100% + 28px);
    }
    .main_newdeal_tit {
        width: 100%;
        padding-top: 41px;
    
    }
    .main_newdeal_tit .main_newdeal_tit_en{
        padding-bottom: 0;
        font-size: 50px;
        line-height: 50px;
    }
    .main_newdeal_tit .main_newdeal_tit_en:after {
        display: none;
    }
    .main_newdeal_tit .main_newdeal_tit_ko {
        margin-top: 25px;
        line-height: 26px;
        font-size: 20px;
    }
    .main_newdeal_tit .main_newdeal_sub {
        display: none;
    }
    .main_newdeal_slogans {
        justify-content: space-between;
        width: 100%;
        max-width: 450px;
        margin: 26px auto 0;
        padding: 0 10px;
    }
    .main_newdeal_slogans > .slogan_box {
        width: 80px;
        flex-direction: column;
    }
    .main_newdeal_slogans > .slogan_box > .slogan_txt {
        padding: 0;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
    }
    .main_newdeal_slogans > .slogan_box > .slogan_txt > .slogan_tit {
        width: calc(100% + 20px);
        margin: 12px 0 0 -10px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        word-break: keep-all;
    }
    .main_newdeal_slogans > .slogan_box > .slogan_txt .slogan_sub {
        display: none;
    }


    .main_camp_wrap {
        padding: 0 0 70px;
    }
    .main_camp_slide {
        margin-top: 44px;
    }
    .main_camp_slide .swiper-slide {
        width: calc(100% - 40px);
        max-width: 400px;
    }
    .main_camp_item .main_camp_cont {
        padding: 0;
        margin-top: -46px;
    }
    .main_camp_item .main_camp_cont .main_camp_tit {
        height: 36px;
        padding: 0 16px;
        line-height: 36px;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .main_camp_item .main_camp_cont .main_camp_summary {
        padding: 0 10px;
        font-size: 14px;
        line-height: 24px;
        max-height: calc(24px * 2);
    }
    .main_camp_pagination {
        display: block;
    }
    .btn_top {
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
        background-size: 14px auto;
    }
    /* ==== main :: end ==== */



    /* ==== 소식 (갤러리 리스트) ==== */
    .bo_gall_wrap {
        margin-bottom: 70px;
    }
    .bo_gall_wrap .main_container {
        margin-bottom: 70px;
    }


    .panda_double_wrap {
        flex-direction: column;
        /* margin-bottom: 45px; */
    }
    .double_box_wrap .double_box_top_inner {
        padding: 22px 20px 25px;
    }
    .panda_double_left,
    .panda_double_right {
        width: 100%;
    }
    .panda_double_left {
        padding: 0;
    }
    .double_box_wrap .double_box_title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 24px;
        letter-spacing: -0.04em;
    }
    .double_box_wrap .double_box_cont {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .double_box_wrap .double_box_cont > p {
        margin-bottom: 14px;
    }
    .double_box_wrap .double_box_cont > p:last-of-type {
        margin-bottom: 0;
    }

    .panda_double_right {
        border: 0;
        border-top: 1px dashed #e8e8e8;
        padding-top: 31px;
        padding: 30px 0 0;
        margin-top: 23px;
        
        align-items: flex-start;
    }
    .board_top_area .double_icons_title {
        font-size: 15px;
        font-weight: bold;
        line-height: 18px;
        min-height: 25px;
        height: auto;
        padding: 4px 15px;
        border-radius: 25px;
        letter-spacing: -0.04em;
    }
    .double_box_wrap .double_icons_list {
        margin-top: 20px;
    }
    .double_box_wrap .double_icons_list > li {
        padding-left: 48px;
        font-size: 15px;
        line-height: 32px;
        letter-spacing: -0.02em;
        margin-bottom: 15px;
    }
    .double_box_wrap .double_icons_list > li:last-child {
        margin-bottom: 0;
    }
    .double_box_wrap .btn_double_toggle {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #e98300;
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
    }
    .double_box_wrap .btn_double_toggle::before {
        content: "";
        display: block;
        width: 11px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .double_box_wrap .btn_double_toggle::after {
        content: "";
        display: block;
        width: 1px;
        height: 11px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none;
    }


    .double_box_wrap.fold .btn_double_toggle::after {
        display: block;
    }
    .double_box_wrap.fold .double_box_cont {
        max-height: calc(32px * 3);
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .double_box_wrap.fold .panda_double_right {
        display: none;
    }


    /* 게시판 공통 검색 영역  - 1480 으로 이동
    .board_top_area {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .board_total {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 19px;
    }
    .board_top_area > form {
        display: block;
        width: 100%;
    } 
    .board_search_area {
        flex-wrap: wrap;
    }
    .board_search_area .board_cal_wrap {
        width: 100%;
        margin: 0 0 5px;
    }
    .board_cal {
        width: 50%;
    }
    .board_cal > i {
        height: 50px;
        background-size: 20px auto;
    }
    .board_cal > input {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .board_search_wrap {
        width: 100%;
    }
    .board_search_wrap select {
        height: 50px;
        line-height: 50px;
        width: 96px;
        padding: 0 15px;
        font-size: 14px;
        background: url(/img/newbird/board/arr_select.png) no-repeat right 15px center;
        background-size: 13px auto;
    }
    .board_search_wrap input[type="text"] {
        width: calc(100% - 96px - 50px);
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        padding: 0 0 0 15px;
    }
    .board_search_wrap button {
        width: 50px;
        height: 50px;
        background-size: 20px auto;
    } */

    /* .board_sorting_area {
        margin-top: 30px;
    } */


    #gall_allchk {
        margin: 10px 0 30px;
    }
    .bo_gall_list {
        /* margin-top: 30px; */
        margin-bottom: 40px;
    }


    /* 22.04.21 j_768.css로 이동.. */

    /* .bo_gall_list .bo_gall_item {
        width: 100%;
        margin: 20px 0 0 0;
    } */
    /* .bo_gall_list .bo_gall_item:first-child {
        margin: 2px 0 0 0;
    } */
    .bo_gall_list .bo_gall_infos {
        padding: 35px 25px 30px;
    }
    .bo_gall_list .bo_gall_infos .bo_gall_date {
        font-size: 13px;
        line-height: 12px;
        margin-bottom: 12px;
    }
    .bo_gall_list .bo_gall_infos .bo_gall_tit {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 15px;
        max-height: calc(34px * 2);
    }
    .bo_gall_cont {
        font-size: 15px;
        line-height: 26px;    
        max-height: calc(26px * 2);
    }
    .bo_gall_list .bo_gall_infos .bo_gall_bo_name {
        font-size: 15px;
        line-height: 26px;
        margin-top: 20px;
    }


    .bo_gall_wrap .common_sub_banner {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: 100px;
    }



    /* 판다토크 (게시판 뷰) */
    /* 상단 영상영역 */
    .bo_video_wrap {
        padding-right: 0;
    }
    .bo_video_wrap .bo_video_left {
        width: 100%;
    }
    .bo_video_wrap .bo_video_right {
        width: 100%;
        position: static;
    }
    .bo_video_wrap .bo_video_title {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding: 0 20px;
        font-size: 14px;
    }
    .bo_video_wrap .bo_video_list {
        position: static;
        max-height: 300px;
    }
    .bo_video_wrap .bo_video_list > li > a {
    }
    .bo_video_wrap .bo_video_list > li > a .td_bo_video_num {
        width: 45px;
    }
    .bo_video_wrap .bo_video_list > li > a .td_bo_video_thum {
        width: 78px;
    }
    .bo_video_wrap .bo_video_list > li > a .td_bo_video_txt {
        width: calc(100% - 45px - 78px);
    }

    .bo_view_wrap {
        margin-top: 40px;
    }
    .bo_view_title_wrap .bo_view_cate {
        font-size: 14px;
        line-height: 22px;
        height: auto;
        padding: 5px 15px;
    }
    .bo_view_title_wrap .bo_view_title {
        margin-top: 20px;
        font-size: 22px;
        line-height: 34px;
    }
    .bo_view_title_wrap .bo_view_date {
        font-size: 13px;
        /* line-height: 12px; */
        line-height: 18px;
        margin-top: 14px;
    }
    /* .bo_view_wrap #bo_v_img {
        margin-top: 55px;
    } */
    /* .bo_view_wrap #bo_v_con {
        margin: 55px 0 50px;
    } */
    .bo_view_file {
        padding: 20px 30px;
        width: calc(100% + 40px);
        margin-left: -20px; 
    }
    .bo_view_file h2 {
        display: none;
    }
    .bo_view_file > ul {
        width: 100%;
    }
    .bo_view_file > ul > li {
        font-size: 14px;
    }
    .bo_view_file > ul > li .file_info {
        font-size: 13px;
        margin-left: 15px;
    }

    .bo_view_bottom_btns {
        margin: 40px 0 0;
        padding: 0;
    }

    .bo_view_bottom_btns.top_pager {
        padding-top: 75px;
    }
    .bo_view_bottom_btns > .bo_view_prev,
    .bo_view_bottom_btns > .bo_view_next {
        width: 50px;
        height: 50px;
        border: 1px solid #eeeeee;
        border-radius: 50%;
        background-size: 9px auto;
        background-position: center;
        top: 0;
        transform: translateY(0);
    }
    .bo_view_bottom_btns > .n_btn {
        width: 100%;
    }


    /* 게시판 작성 */
    .bo_write_bottom_btns {
        margin: 40px 0 0;
    }



    /* ==== 영상자료 ( 갤러리 게시판 2 )*/ 
    .board_top_tabs {
        width: calc(100% + 40px);
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 35px;
        margin-left: -20px;
    }
    .board_top_tabs::-webkit-scrollbar {
        height: 0;
        opacity: 0;
    }
    .board_top_tab_list {
        width: auto;
        padding: 0 20px;
    }
    .board_top_tab_list > li {
        width: 50%;
        min-width: 130px;
        height: 60px;
        /* flex-shrink: 0; */
    }
    .board_top_tab_list > li > a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        line-height: 21px;
    }

    /* ====== N :: 22.04.21 j_res_768.css 로 이동.. pes ====== */

    /* .bo_gall_list_video .bo_gall_item {
        width: 100%;
        margin: 20px 0 0;
    }
    .bo_gall_list_video .bo_gall_item:first-child {
        margin: 0;
    }
    .bo_gall_list_video .bo_gall_infos {
        padding: 45px 25px 30px;
    }
    .bo_gall_list_video .bo_gall_infos .bo_gall_cate {
        left: 25px;
        height: auto;
        min-height: 33px;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 15px;
    }
    .bo_gall_list_video .bo_gall_infos .bo_gall_date {
        font-size: 13px;
        line-height: 11px;
        margin-bottom: 15px;
    }
    .bo_gall_list_video .bo_gall_infos .bo_gall_tit {
        font-size: 20px;
    } */



    /* ==== 기타후원 ( 갤러리 게시판 3 )*/
    /* 
    .bo_gall_list_othercamp .bo_gall_item {
        width: 100%;
        margin: 20px 0 0;
    }
    .bo_gall_list_othercamp .bo_gall_infos {
        padding: 45px 25px 30px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_cate {
        left: 25px;
        height: auto;
        min-height: 33px;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 15px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_date {
        font-size: 13px;
        line-height: 11px;
        margin-bottom: 15px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_tit {
        font-size: 20px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_cont {
        font-size: 15px;
        line-height: 26px;
        max-height: calc(26px * 2);
    } */




    /* ==== 보고서 (일반게시판 유형 1) ==== */
    .bo_normal_wrap {
        margin-bottom: 70px;
    }
    .bo_normal_wrap .main_container {
        margin-bottom: 70px;
    }
    .bo_normal_wrap .bo_table {
        margin: 20px 0 40px;
    }
    .bo_table .bo_table_tr {
        flex-wrap: wrap;
        padding: 20px 20px 10px;
    }
    .bo_table .bo_table_tr > .bo_td {
        width: auto;
        min-height: 12px;
        height: auto;
        font-size: 14px;
        line-height: 14px;
        position: relative;
    }
    .bo_table .bo_table_tr > .bo_td:first-of-type {
        padding-left: 0;
    }
    .bo_table .bo_table_tr > .bo_td:after {
        content: "";
        display: block;
        width: 1px;
        height: 11px;
        background-color: #e5e5e5;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .bo_table .bo_table_tr > .bo_td_title::after,
    .bo_table .bo_table_tr > .bo_td_date::after,
    .bo_table .bo_table_tr > .bo_td_chk:after {
        display: none;
    }
    .bo_table .bo_table_tr > .bo_td_chk {
        padding-right: 0;
    }
    .bo_table .bo_table_tr > .bo_td_title {
        width: 100%;
        margin-top: 7px;
        font-size: 16px;
        font-weight: 700;
        line-height: 32px;
        padding: 0;
        order: 10;
    }
    .bo_table .bo_table_tr > .bo_td_title .bo_icon_file {
        position: relative;
        top: 2px;
    }


    /* ==== 채용정보 (일반게시판 유형 2) ==== */
    .job_notice_wrap {
        margin-bottom: 70px;
    }
    .job_notice_wrap .main_container {
        margin-bottom: 70px;
    }
    .job_notice_title_wrap {
        margin: 60px 0 33px;
    }
    .job_notice_title_wrap .job_notice_title {
        font-size: 50px;
        line-height: 50px;
    }
    .job_notice_title_wrap .job_notice_sub {
        font-size: 16px;
        line-height: 30px;
    }
    .job_notice_table_wrap .job_notice_table {
        margin: 20px 0 40px;
    }
    .job_notice_table .job_notice_tr {
        flex-wrap: wrap;
        padding: 20px;
    }
    .job_notice_table .job_notice_tr > .job_notice_td {
        width: auto;
    }
    .job_notice_table .job_notice_tr > .job_notice_td_num {
        width: auto;
        min-height: 12px;
        height: auto;
        font-size: 14px;
        line-height: 14px;
        position: relative;
        padding: 0 10px;
        display: none;
    }
    .job_notice_table .job_notice_tr > .job_notice_td_infos {
        width: 100%;
        order: 10;
        padding: 0 0 10px;
    }
    .job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_top {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_bottom{
        width: 100%;
        justify-content: space-between;
    }
    .job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_bottom .date {
        font-size: 14px;
        line-height: 23px;
    }
    .job_notice_table .job_notice_tr > .job_notice_td_infos .job_notice_infos_bottom .d_day {
        flex-shrink: 0;
    }

    .job_notice_table .job_notice_tr > .job_notice_td_status {
        order: 11;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .job_notice_table .job_notice_status {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    /* 공통 페이지네이션 */
    .pg_wrap {
        margin-top: 40px;
    }
    .pg_end,
    .pg_start,
    .pg_prev,
    .pg_next {
        margin: 0;
    }


    /* 공통 empty */
    .empty_list {
        font-size: 16px;
        margin-top: 20px;
    }




    /* ==== 기타 페이지 ===== */
    .faq_wrap,
    .yak_wrap,
    .contact_wrap,
    .search_result_wrap {
        width: 100%;
        overflow: hidden;
        margin-bottom: 70px;
    }

    .faq_title_wrap,
    .yak_title_wrap,
    .contact_title_wrap,
    .search_result_title_wrap {
        margin: 80px 0 40px;
    }
    .faq_title,
    .yak_title,
    .contact_title,
    .search_result_title_wrap .search_result_title {
        font-size: 35px;
        line-height: 35px;
    }

    .faq_list .faq_list_item .faq_q > a {
        padding: 20px 50px 20px 60px;
    }
    .faq_list .faq_list_item .faq_q .tit_bg {
        font-size: 25px;
        top: 17px;
        left: 20px;
    }
    .faq_list .faq_list_item .faq_q > a {
        font-size: 16px;
        line-height: 24px;
    }
    .faq_list .faq_list_item .faq_q .icon_arr_faq {
        top: 28px;
        right: 20px;
    }
    .faq_list .faq_list_item .faq_a {
        padding: 25px 30px;
        font-size: 15px;
        line-height: 25px;
    }

    /* contact */
    .contact_wrap .contact_cont {
        flex-wrap: wrap;
    }
    .contact_wrap .contact_cont > div {
        width: 100%;
        margin-top: 50px;
    }
    .contact_wrap .contact_cont > div:first-child {
        margin-top: 0;
    }



    /* ==== 검색결과 ==== */
    .search_result_total {
        font-size: 18px;
        line-height: 30px;
    }
    .header_search_box > label {
        display: none;
    }
    .header_search_box > input {
        padding: 0;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        padding-left: 15px;
    }
    .header_search_box > .btn_header_search {
        height: 60px;
        background-size: 22px auto;
        background-position: center center;
    }

    .search_result_item .search_result_item_total {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .search_result_item .search_result_item_total h3 {
        font-size: 18px;
    }
    .search_result_wrap .bo_gall_list {
        margin-top: -20px;
    }
    .search_result_item .search_result_btn_wrap > .n_btn {
        width: 100%;
    }




    /* ==== common sub  ==== */
    .common_sub_menu {
        top: 59px;
    }
    .common_sub_menu > dl {
        justify-content: flex-start;
    }

    .common_sub_menu > dl > dt > a {
        padding: 0 25px;
    }
    .common_sub_menu > dl > dt:first-child > a { 
        padding-left: 0;
    }



    /* ==== 기업 단체 후원 ====  */ 
    .support_company_wrap {
        margin-bottom: 0;
    }


    .support_com_sec01  {
        padding: 63px 0 0;
    }
    .support_com_sec01_top {
        display: block;
        margin-bottom: 40px;
    }
    .support_com_sec01_top .support_com_sec01_top_left > .n_btn {
        width: 100%;
        height: 50px;
        line-height: 48px;
        margin-top: 54px;    
    }
    .support_com_sec01_top .support_com_sec01_top_left,
    .support_com_sec01_top .support_com_sec01_top_right {
        width: 100%;
        padding: 0;
    }
    .support_com_sec01_top .support_com_sec01_top_right{
        margin-top: 47px;
    }
    .support_com_sec01_top .support_com_sec01_top_right .gray_txt_box {
        padding: 22px 20px;
        font-size: 17px;
        line-height: 30px;
    }
    .support_com_sec01_top .support_com_sec01_top_right .gray_txt_box > p {
        margin-top: 15px;
    }
    .support_com_sec01_top .support_com_sec01_top_right .gray_txt_box > p:first-child {
        margin-top: 0;
    }


    .single_box_wrap .single_box_top {
        padding: 24px 20px 29px;
    }
    .support_com_single {
        display: block;
    }
    .support_com_single .support_com_single_left, 
    .support_com_single .support_com_single_right {
        width: 100%;
        padding: 0;
    }
    .support_com_sec01_bottom {
        margin-bottom: 70px;
    }
    .support_com_single .support_com_single_tit {
        font-size: 18px;
    }
    .support_com_single .support_com_single_right {
        margin-top: 18px;
    }
    .support_com_single .support_com_single_right .btn_h60 {
        padding:0 10px;
    }
    .support_com_single .support_com_single_cs {
        align-items: flex-start;
    }
    .support_com_single .support_com_single_cs i {
        width: 40px;
    }
    .support_com_single .support_com_single_cs > .txt{
        font-size: 14px;
        line-height: 26px;
    }
    .support_com_sec01 .inner_1680 {
        width: calc(100%);
    }
    .support_com_sec02 {
        padding: 57px 0 70px;
    }
    .support_com_title {
        font-size: 30px;
        line-height: 53px;
        padding-bottom: 18px;
        margin-bottom: 55px;
    }
    .support_com_sub {
        margin-top: 55px;
        font-size: 16px;
        line-height: 28px;
    }
    .support_form_list_wrap {
        margin-top: 33px;
        border-top: 0;
    }
    .support_form_list_tit {
        font-size: 17px;
        height: 45px;
        line-height: 45px;
        border: 0;
        background-color: #d60e47;
        color: #fff;
    }
    .support_form_list > li {
        padding: 23px 10px;
        justify-content: flex-start;
        font-size: 16px;
        line-height: 28px;
    }
    .support_form_list > li > .tit{
        margin-bottom: 7px;
    }
    .support_com_sec03 {
        padding: 56px 0 64px;
    }
    .support_process_list {
        display: block;
        margin-top: 60px;
    }
    .support_process_item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 50px 0 20px;
        border-bottom: 1px solid #ddd;
    }
    .support_process_item:first-child {
        padding-top: 0;
    }
    .support_process_item i {
        flex-shrink: 0;
        align-items: flex-start;
        width: 86px;
        height: auto;
        margin: 0;
    }
    .support_process_item:nth-child(1) i img {
        width: 43px;
    }
    .support_process_item:nth-child(2) i img {
        width: 55px;    
    }
    .support_process_item:nth-child(3) i img {
        width: 60px;    
    }
    .support_process_item:nth-child(4) i img {
        width: 54px;    
    }
    .support_process_item:nth-child(5) i img {
        width: 44px;    
    }
    .support_process_text_wrap {
        width: calc(100% - 86px);
        text-align: left;
        padding-left: 16px;
        padding-bottom: 20px;
    }
    .support_process_item .support_process_step {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .support_process_item .support_process_tit {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .support_process_item .support_process_txt {
        font-size: 15px;
        line-height: 26px;
    }
    .support_process_item .support_process_txt > .desc {
        font-size: 14px;
        line-height: 24px;
        margin-top: 13px;
    }
    .support_process_item:after {
        width: 40px;
        height: 40px;
        top: auto;
        right: auto;
        left: 50%;
        bottom: -20px;
        transform: translateX(-50%) rotate(90deg);
    }

    .support_com_sec04 {
        padding: 58px 0 0;
    }
    .support_com_sec04_top_img {
        margin-top: 60px;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .support_com_sec04_top_box {
        width: 100%;
        margin: 0;
        padding: 54px 0 0;

    }
    .support_com_sec04_top_txts{
        display: block;
        margin: 0 0 62px;
    }
    .support_com_sec04_top_tit,
    .support_com_sec04_top_txt{
        width: 100%;
        padding: 0;
    }
    .support_com_sec04_top_tit {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 27px;
    }
    .support_com_sec04_top_tit br {
        display: none;
    }
    .support_com_sec04_top_txt {
        font-size: 16px;
        line-height: 28px;
    }
    .support_company_wrap .sub_bottom_btns {
        display: block;
        margin-top: 70px;
        width: 100%;
    }
    .sub_bottom_btns .sub_bottom_btn_item {
        margin-right: 0;
        margin-bottom: 3px;
        height: 140px;
        padding: 0 20px;
    }
    .sub_bottom_btns .sub_bottom_btn_item:last-child {
        margin-bottom: 0;
    }

    .sub_bottom_btn_texts > .tit {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 6px;
    }
    .sub_bottom_btn_texts > .sub {
        font-size: 14px;
        line-height: 22px;
    }
    .sub_bottom_go_btn {
        width: 50px;
    }


    /* ==== 후원 -  플라스틱 프리 ==== */
    .pl_free_banner {
        height: 607px;
    }
    .pl_free_banner > .inner_1480 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 82px 0 54px;
    }
    .pl_free_banner .pl_free_banner_tit {
        font-size: 45px;
        line-height: 52px;
    }
    .pl_free_banner .pl_free_banner_tit > .small {
        font-size: 23px;
        line-height: 22px;
        margin-bottom: 21px;
    }
    .pl_free_banner .pl_free_banner_sub {
        margin-top: 23px;
        font-size: 20px;
        line-height: 32px;
    }
    .pl_free_banner .pl_free_banner_sub br {
        display: none;
    }
    .pl_free_banner .n_btn {
        margin-top: 50px;
        width: 220px;
        height: 60px;
        line-height: 58px;
        font-size: 20px;
    }
    .pl_free_sec01 {
        padding: 70px 0 0;
    }
    .pl_free_title_wrap .pl_free_top_title {
        font-size: 22px;
        line-height: 17px;
    }
    .pl_free_title_wrap {
        margin-bottom: 40px;
    }
    .pl_free_title_wrap .pl_free_title {
        font-size: 30px;
        line-height: 42px;
    }

    .pl_free_slide {
        padding: 0;
        background-color: #dd1f55;
    }
    .pl_free_slide:after {
        display: none;
    }
    .pl_free_slide > .inner_1480 {
        flex-direction: column-reverse;
        width: 100%;
        padding: 0;
    }
    .pl_free_slide .pl_free_slide_left,
    .pl_free_slide .pl_free_slide_right {
        width: 100%;
        min-width: 100%;
    }
    .pl_free_slide .pl_free_slide_left {
        padding: 60px 20px 70px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_tit_top {
        font-size: 20px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_tit {
        font-size: 75px;
        line-height: 75px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_txt {
        font-size: 16px;
        line-height: 30px;
    }

    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_source {
        font-size: 14px;
        line-height: 30px;
    }
    .pl_free_slide .pl_free_slide_txt_wrap .pl_free_slide_source .source_box {
        width: 58px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .pl_free_slide .pl_free_slide_pic_wrap {
        border-radius: 0;
    }
    .pl_free_slide_controller {
        right: 50%;
        transform: translateX(50%);
    }
    .pl_free_slide_controller > button {
        margin-left: 20px;
    }

    .pl_free_sec02 {
        margin: 0;
        padding: 70px 0;
    }
    .pl_free_sec02 .pl_free_title_wrap {
        margin-bottom: 35px;
    }
    .pl_danger_slide_pc {
        display: none;
    }
    .pl_danger_slide_mob {
        display: block;
    }
    .pl_danger_list {
        flex-wrap: nowrap;
        margin-top: 0;
    }
    .pl_danger_slide .pl_danger_item {
        margin: 0;
        opacity: 0;
        transition: opacity 0.3s;
    }
    .pl_danger_slide .pl_danger_item.swiper-slide-active {
        opacity: 1;
    }
    .pl_danger_list .pl_danger_item[data-swiper-row="1"] {
        margin-top: 0!important;
    }
    .pl_danger_list .pl_danger_item .pl_danger_txt {
        padding: 33px 10px 34px;
    }
    .pl_danger_list .pl_danger_item .pl_danger_txt > .color_pink {
        font-size: 22px;
        line-height: 34px;
    }
    .common_black_pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .common_black_pagination > .bullet {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #000000;
        margin: 0 5px;
        transition: background 0.3s;
        cursor: pointer;
    }
    .common_black_pagination > .bullet.active {
        background-color: #e98300;
        width: 12px;
        height: 12px;
    }





    .pl_danger_warn {
        margin: 60px 0 0;
        padding: 30px 20px;
    }
    .pl_danger_warn .pl_danger_warn_txt {
        line-height: 38px;
        font-size: 26px;
        letter-spacing: -0.04em;
    }
    .pl_danger_warn .pl_danger_warn_txt .pl_danger_warn_txt_top {
        font-size: 20px;
        font-weight: 300;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .pl_danger_warn .pl_dander_source {
        font-size: 14px;
        line-height: 30px;
    }
    .pl_danger_warn .pl_dander_source .source_blet {
        width: 58px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .pl_free_sec03 {
        padding: 70px 0;
    }
    .pl_free_sec03 .inner_1480 {
        display: block;
    }
    .pl_free_sec03_left,
    .pl_free_sec03_right {
        width: 100%;
    }
    .pl_free_sec03_left_txt .pl_free_title_wrap {
        margin-bottom: 30px;
    }
    .pl_free_sec03_left_txt .pl_free_sec03_tit_sub {
        font-size: 18px;
        line-height: 30px;
    }
    .pl_free_sec03_left_txt .n_btn {
        margin-top: 40px;
        width: 220px;
        height: 60px;
        line-height: 58px;
        font-size: 20px;
    }
    .pl_free_sec03_right {
        margin-top: 60px;
    }
    .white_line_video {
        padding: 5px;
    }

    .pl_free_sec04 {
        padding: 70px 0;
        width: 100%;
        overflow: hidden;
    }
    .pl_free_sec04 .pl_free_title_wrap {
        margin-bottom: 40px;
    }
    .pl_free_action_list {
        flex-wrap: nowrap;
        margin-top: 0;
    }
    .pl_free_action_item {
        margin: 0;
    }
    .pl_free_action_item {
        width: 100% !important;
        margin: 0;
        opacity: 0;
        transition: opacity 0.3s;
    }
    .pl_free_action_item.swiper-slide-active {
        opacity: 1;
    }
    .pl_free_action_item .pl_free_action_pic {
        padding-bottom: 50%;
    }
    .pl_free_action_item .pl_free_action_txt_wrap {
        padding: 33px 0 34px;
    }
    .pl_free_action_item .pl_free_action_txt_wrap .pl_free_action_tit {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .pl_free_action_item .pl_free_action_txt_wrap .pl_free_action_txt {
        font-size: 15px;
        line-height: 26px;
    }
    .pl_free_action_item .pl_free_action_txt_wrap .n_btn {
        margin: 30px auto 0;
        font-size: 16px;
    }
    .pl_free_sec04 .n_btn {
        margin-top: 60px;
        width: 100%;
        height: 60px;
        line-height: 58px;
        font-size: 20px;
    }


    /* ==== 소개 - 채용정보 intro_job_info.php ==== */
    .job_info_wrap {
        margin-bottom: 0;
    }
    .job_info_wrap .main_container {
        margin-bottom: 70px;
    }
    .job_info_sec01 {
        margin: 59px 0 0;
    }
    .job_info_sec01 .job_info_sec01_bg {
        top: 544px;
        font-size: 100px;
        line-height: 100px;
    }

    .job_info_sec01_top {
        flex-direction: column;
        align-items: flex-start;
    }

    .job_info_sec01_top .job_info_sec01_left, .job_info_sec01_top .job_info_sec01_right {
        width: 100%;
    }
    .job_info_sec01_top .job_info_slogan .job_info_slogan_top {
        font-size: 50px;
        line-height: 52px;
        margin-bottom: 0;
    }
    .job_info_sec01_top .job_info_slogan .job_info_slogan_bottom {
        font-size: 85px;
        line-height: 85px;
    }
    .job_info_sec01_right {
        margin: 0;
    }
    .job_info_sec01_right .tit {
        margin-top: 43px;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 25px;
    }
    .job_info_sec01_right .sub {
        font-size: 16px;
        line-height: 30px
    }
    .job_info_sec01_right .sub br {
        display: none;
    }

    .job_info_sec01_list {
        margin-top: 100px;   
    }
    .job_info_sec01_list_title {
        font-size: 30px;
        line-height: 50px;
        padding-bottom: 20px;
        margin-bottom: 60px;
    }

    .work_way_lists_pc {
        display: none;
    }
    .work_way_lists_mobile {
        display: block;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .work_way_slide {
        overflow: hidden;
        padding-bottom: 70px;
    }
    .work_way_lists {
        flex-wrap: nowrap;
        margin-top: 0;
    }
    .work_way_lists > .work_way_item {
        width: 100%;
    }
    .work_way_lists > .work_way_item:nth-child(1), 
    .work_way_lists > .work_way_item:nth-child(2), 
    .work_way_lists > .work_way_item:nth-child(3), 
    .work_way_lists > .work_way_item:nth-child(4){
        margin: 0;
    }

    .work_way_item .work_way_pic_wrap {
        width: 100%;
        height: 364px;
        padding: 0;
    } 
    .work_way_item:nth-child(1) .work_way_pic_wrap,
    .work_way_item:nth-child(2) .work_way_pic_wrap,
    .work_way_item:nth-child(3) .work_way_pic_wrap,
    .work_way_item:nth-child(4) .work_way_pic_wrap {
        padding: 0;
    }
    .work_way_item .word_way_txt_wrap {
        margin-top: -130px;
        padding: 0 20px;
    }
    .work_way_item .word_way_txt_wrap .work_way_tit_en {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .work_way_item .word_way_txt_wrap .work_way_tit_ko {
        width: 85px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        margin-bottom: 22px;
    }
    .work_way_item .word_way_txt_wrap .work_way_txt_ko {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 27px;
    }
    .work_way_item .word_way_txt_wrap .work_way_txt_ko br {
        display: none;
    }
    .work_way_item .word_way_txt_wrap .work_way_txt_en {
        font-size: 14px;
        line-height: 26px;
    }
    .work_way_item .word_way_txt_wrap .work_way_txt_en br {
        display: none;
    }
    .work_way_pagination {
        margin-top: 40px;
    }


    .job_info_sec02  {
        padding: 60px 0 70px;
    }
    .job_info_title {
        font-size: 30px;
        line-height: 50px;
        padding-bottom: 20px;
        margin-bottom: 60px;
    }
    .job_process_list {
        flex-wrap: wrap;
    }
    .job_process_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 40px 0;
        border-bottom: 1px solid #ddd;
    }
    .job_process_item:first-child {
        padding-top: 0;
    }
    .job_process_item:after {
        width: 40px;
        height: 40px;
        top: auto;
        right: auto;
        left: 50%;
        bottom: -20px;
        transform: translateX(-50%) rotate(90deg);
    }
    .job_process_item i {
        width: 80px;
        height: 60px;
        margin: 0;
    }
    .job_process_item:nth-child(1) i img {
        width: 54px;
        margin-left: -22px;
    }
    .job_process_item:nth-child(2) i img {
        width: 41px;
    }
    .job_process_item:nth-child(3) i img {
        width: 54px;
    }
    .job_process_item:nth-child(4) i img {
        width: 35px;
    }

    .job_process_item > .job_process_txt_wrap {
        width: calc(100% - 100px);
        padding-left: 60px;
        position: relative;
        text-align: left;
    }
    .job_process_item .job_process_step {
        font-size: 18px;
        width: 60px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .job_process_item .job_process_txt {
        font-size: 16px;
    }

    .job_info_sec03 {
        padding: 60px 0 0;
    }

    .job_info_sec03 .pic_coworkers {
        width: calc(100% + 40px);
        margin-left: -20px;
    } 
    .job_welfare_list {
        flex-wrap: wrap;
        margin-bottom: 70px;
    }
    .job_welfare_item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        margin: 0 0 33px;
    }
    .job_welfare_item:last-child {
        margin-bottom: 0;
    }
    .job_welfare_item > i {
        width: 100px;
        height: 100px;
    }
    .job_welfare_item i > img {
        width: 47px;
    }
    .job_welfare_item:nth-child(2) i > img {
        margin-right: -4px;
    }
    .job_welfare_item:nth-child(3) i > img {
        margin-right: -6px;
    }
    .job_welfare_item .job_welfare_txt_wrap {
        width: calc(100% - 100px);
        text-align: left;
        padding-top: 10px;
        padding-left: 20px;
    }
    .job_welfare_item .job_welfare_tit {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 6px;
    }
    .job_welfare_item .job_welfare_txt {
        font-size: 16px;
        line-height: 28px;
    }
    .job_welfare_item .job_welfare_txt br {
        display: none;
    }



    /* ==== 연혁 ===== */
    .intro_history_cont {
        padding: 62px 0 40px;
    }
    .sec02_txt {
        margin-bottom: 65px;
    }
    .sec02_txt > p {
        font-size: 22px;
        line-height: 34px;
        word-break: keep-all;
        margin-bottom: 23px;
    }
    .sec02_txt > p br {
        display: none;
    }
    .sec02_txt p > span {
        word-break: keep-all;
        font-size: 16px;
        line-height: 28px;
    }
    .history_video_cont video {
        width: 100%;
    }

    .history_txt_box {
        top: 130px;
    }
    .history_txt_box > h1 {
        font-size: 22px;
        line-height: 21px;
        
    }
    .history_txt_box > div > h1 {
        margin-top: 15px;
        font-size: 50px;
        line-height: 39px;   
    }
    .history_txt_box > div > h1 > strong {
        font-size: 50px;
        line-height: 50px;
        top: 2px;
    }
    .history_txt_box > ul {
        margin: 52px 0 70px;
        padding: 0 20px 22px;
        position: relative;
        border-bottom: 1px solid #e5e5e5 ;
    }
    .history_txt_box > ul > li > a {
        font-size: 20px;
        line-height: 16px;
        padding: 0 10px;
    }
    .history_map_wrap {
        padding: 0 0 70px;
    }
    .history_widget {
        padding: 0 0 60px;
    }
    .history_widget:after {
        height: 60px;
        left: 4px;
        transform: translateX(0);
    }
    .history_year_wrap .history_year {
        margin-left: 0;
        padding-left: 20px;
        font-size: 32px;
        line-height: 24px;
        top: -5px;
    }
    .history_year_wrap::before {
        left: 4px;
        transform: translateX(0);
    }
    .history_year_wrap::after {
        width: 14px;
        height: 14px;
        left: -1px;
        transform: translateX(0);
    }
    .history_list_item {
        padding: 0 0 40px 20px;
    }
    .history_list_item:last-child {
        padding-bottom: 0;
    }
    .history_list_item:last-child {
        margin: 0;
    }
    .history_list_item:nth-child(3n) {
        margin-top: 0;
    }

    .history_list_item::before {
        left: 4px;
        transform: translateX(0);
    }
    .history_widget:last-child .history_list_item:last-child::before {
        height: 55px;
    }
    .history_list_item::after {
        width: 10px;
        height: 10px;
        left: 1px;
        top: 48px;
        transform: translateY(0);
    }
    .history_list_item .history_list_item_cont {
        width: 100%;
        margin: 0;
        padding: 0;
        flex-direction: row-reverse;  
        align-items: flex-start;
        background: transparent;
    }
    .history_list_item.right .history_list_item_cont {
        margin-left: 0;
    }
    .history_list_item .history_list_item_cont .history_list_pic {
        width: 96px;
        height: 96px;
    }
    .history_list_item .history_list_item_cont .history_list_txt {
        width: calc(100% - 96px);
        padding: 0 0 0 20px;
        word-break: break-all;
        margin-top: -6px;
    }





    /* ==== 공통 모달 - 후원 > 멸종위기동물 ==== */
    .common_modal_wrap {
        padding: 50px 0;
    }
    .common_modal {
    }
    .common_modal_close {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }
    .common_modal_close::before,
    .common_modal_close::after {
        width: 25px;
    }
    .common_modal_cont {
        padding: 70px 20px 40px;
    }
    .common_modal_cont .animal_modal_wrap {
        flex-direction: column;
    }
    .common_modal_cont .animal_modal_img_wrap,
    .common_modal_cont .animal_modal_txt_wrap {
        width: 100%;
    }
    .common_modal_cont .animal_modal_img_rate {
        padding-bottom: 100%;
    }
    .common_modal_cont .animal_modal_txt_wrap {
        padding: 30px 0 0;
    }
    .common_modal_cont .animal_modal_txt_tit {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .common_modal_cont .animal_modal_txt > p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .common_modal_cont .animal_modal_txt > p:last-child {
        margin-bottom: 0;
    }
    .common_modal_cont .animal_apply_btn {
        margin-top: 30px;
    }
}



@media all and (max-width:768px) {
    /* 서브 하단 faq */
    .sub_bottom_btns .sub_bottom_btn_faq {
        background-position: center right -50px;
    }


    /* 22.05.17 수정 - pes */
    /* ==== main - index ==== 1024 -> 768로 이동 */
    .main_banner_slide {
        min-height: 607px;
    }
    .main_banner_slide .swiper-slide {
        height: 607px;
    }
    .main_banner_slide .swiper-slide .main_banner_img_pc {
        display: none;
    }
    .main_banner_slide .swiper-slide .main_banner_img_mob {
        display: block;
    }
    .main_banner_slide .swiper-slide .main_banner_txt_en {
        font-size: 40px;
        line-height: 50px;
    }
    .main_banner_slide .swiper-slide .main_banner_txt_ko {
        margin-top: 20px;
        font-size: 20px;
        line-height: 29px;
    }
    /* 
    .main_banner_slide .swiper-slide .n_btn {
        width: 160px;
        margin-top: 40px;
        height: 45px;
        line-height: 39px;
        font-size: 20px;
    } */
    .main_banner_bottom {
        bottom: 20px;
    }
    .main_banner_controller .main_banner_prev,
    .main_banner_controller .main_banner_next {
        display: none;
    }
    .main_banner_controller > button {
        margin: 0 0 -15px;
    }
    .progress_bullet_wrap > .bullet {
        width: 26px;
        height: 26px;
        margin-right: 10px;
    }
    .progress_bullet_wrap > .bullet:last-child {
        margin-right: 0;
    }
    .main_banner_bottom .scroll_down {
        width: 24px;
    }




    /* ==== 영상자료 ( 갤러리 게시판 2 )*/

    /* 22.04.21 수정 - pes */

    .bo_gall_list_video .bo_gall_item {
        width: 100% !important;
        margin: 20px 0 0;
    }
    .bo_gall_list_video .bo_gall_item:first-child {
        margin: 0;
    }
    .bo_gall_list_video .bo_gall_item:nth-child(3n) {
        margin-right: 0;
    }
    .bo_gall_list_video .bo_gall_infos {
        padding: 45px 25px 30px;
    }
    .bo_gall_list_video .bo_gall_infos .bo_gall_cate {
        left: 25px;
        height: auto;
        min-height: 33px;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 15px;
    }
    .bo_gall_list_video .bo_gall_infos .bo_gall_date {
        font-size: 13px;
        line-height: 11px;
        margin-bottom: 15px;
    }
    .bo_gall_list_video .bo_gall_infos .bo_gall_tit {
        font-size: 20px;
    }








    /* ==== 기타후원 ( 갤러리 게시판 3 )*/

    /* 22.04.21 수정 - pes */

    .bo_gall_list_othercamp .bo_gall_item {
        width: 100%;
        margin: 20px 0 0;
    }
    .bo_gall_list_othercamp .bo_gall_infos {
        padding: 45px 25px 30px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_cate {
        left: 25px;
        height: auto;
        min-height: 33px;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 15px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_date {
        font-size: 13px;
        line-height: 11px;
        margin-bottom: 15px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_tit {
        font-size: 20px;
    }
    .bo_gall_list_othercamp .bo_gall_infos .bo_gall_cont {
        font-size: 15px;
        line-height: 26px;
        max-height: calc(26px * 2);
    }




    .bo_gall_list .bo_gall_item {
        width: 100%;
        margin: 20px 0 0 0;
    }
    .bo_gall_list .bo_gall_item:first-child {
        margin: 2px 0 0 0;
    }
}


@media all and (max-width:540px) {
    .main_exer_slide .swiper-slide {
        width: calc(100% - 40px);
        max-width: 400px;
    }
    
    .support_com_single .support_com_single_right {
        align-items: flex-start;
        flex-direction: column;
        gap:15px;
    }
    
    .support_com_single .support_com_single_right .btn_h60 {
        width:100%;
    }
}