@charset "utf-8";

/* ==== 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;
}


@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;}
}


/* ==== 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 .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;
}
.bo_gall_list_othercamp .bo_gall_item:nth-child(3n) {
    margin-right: 20px;
}



/* 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(25% - 15px * 3 / 4);
    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;
}