@charset "euc-kr";

@media screen and (max-width:1420px){
    /* min PC */
    .container, .S_container, .his_cont {padding:0 2%;}
    
    .logo_area .menu_btn {right:20px;}

    .M_visual .swiper-slide {padding:0 4%; box-sizing:border-box;}
    .M_visual .main_prev {left:20px; width:28px; height:54px; background-size:contain; margin:-27px 0 0;}
    .M_visual .main_next {left:auto; right:20px; width:28px; height:54px; background-size:contain; margin:-27px 0 0;}

    .lnk_btn {padding:0 2%; box-sizing:border-box;}
    .S_visual .sub_nav {width:96%;}
}
@media screen and (max-width:1200px){
    .logo_area .nav_bar > li {margin:0 20px;}
    .logo_area .nav_bar > li > a {font-size:17px; letter-spacing:0;}

    .lnk_btn li {width:23.5%; padding:22.5% 0 0; margin:0 2% 0 0;}
    .lnk_btn a {padding:17% 0 0;}

    /* history */
    .his_section .his_ttl {float:none; max-width:100%; margin:0 0 30px;}
    .his_section .cont {float:none; width:100%; max-width:100%;}

    /* event */
    .parti_lst li {float:none; width:100%; margin:0 0 30px;}
    .parti_lst dl {margin:0 0 70px;}
    .parti_lst a {float:left; width:48%; margin:0 4% 0 0;}
    .parti_lst a:last-child {margin:0;}

    .parti_lst:nth-child(4) a {float:none; width:100%; margin:0;}
    
}
@media screen and (max-width:1024px){
    /* tablet */
    .container {padding:0 4%;}

    .top_head {display:none;}
    .logo_area {height:85px;}
    .logo_area .main_logo {margin:19.5px 0 0;}
    .logo_area .nav_bar {display:none;}
    .logo_area .menu_btn {display:block; right:4%;}
    .logo_area .menu_btn span {width:100% !important;}

    .S_visual h2 {font-size:42px;}
    .S_visual .sub_nav a {font-size:16px;}

    .M_visual, .M_visual .swiper-slide {height:500px;}
    .M_visual .swiper-slide {padding:0 6%; background-position:60% 50%;}
    .M_visual .slide1 {background-image:url(/images/en/main_tab1.jpg);}
    .M_visual .slide2 {background-image:url(/images/main_tab2.jpg);}
    .M_visual .slide3 {background-image:url(/images/main_tab3.jpg);}
    .M_visual h2 {font-size:52px;}

    .M_nav {height:180px;}
    .M_nav .nav_lnk li {width:33.3%; border-width:0 1px 1px 0; border-style:solid; border-color:rgba(255,255,255,.4); box-sizing:border-box;}
    .M_nav .nav_lnk li:nth-child(3n) {border-right:0;}
    .M_nav .nav_lnk li:nth-last-child(-n+3) {border-bottom:0;}
    .M_nav .nav_lnk a {height:90px; line-height:34px; padding:18px 0 0; box-sizing:border-box;}
    .M_nav .nav_lnk i {display:block; margin:0 auto 4px;}

    .lnk_btn {padding:0 4%; margin:30px auto;}
    .lnk_btn li {width:48.5%; height:220px; padding:0; margin:0 3% 20px 0;}
    .lnk_btn li:nth-child(even) {margin:0;}
    .lnk_btn a {padding:40px 0 0;}

    .M_section .board_column {float:none; width:100%; min-height:300px; height:auto; margin:0 0 30px; padding:25px 4%;}
    .board_column .ttl {margin:0 0 14px;}
    .board_column .ttl h3, .board_column .ttl a {line-height:40px;}
    .board_column .ttl h3 {font-size:22px;}
    .photo_column .lst .photo {height:200px;}

    .down_lst li {height:90px;}
    .down_lst a {font-size:15px; background-position:50% 20px; background-size:auto 24px; padding:50px 2% 0;}
    .down_lst li:nth-child(2) a {background-position:50% 20px; background-size:auto 23px; }
    .down_lst li:nth-child(3) a {background-position:50% 22px; background-size:auto 18px; }

    .foot_info {padding:80px 0 0; background-position:50% 0;}
    .foot_info .lnk {text-align:center;}
    .foot_info .lnk li {float:none; display:inline-block;}
    .foot_info .info {width:100%; text-align:center; margin:0 auto;}

    /* history */
    .his_cont {padding:0 4%;}
    .his_section .cont p {font-size:18px; line-height:28px;}
    .his_section .lst li .val {height:140px; white-space:normal;}
    .his_section:nth-child(2) .cont {text-align:center;}
    .his_section img:first-child {display:none;}
    .his_section img:nth-child(2) {display:inline;}

    /* major */
    /* .major_section {padding:50px 20px 60px 48.8%;}
    .major_section:nth-child(2) {padding:50px 56.66% 60px 20px;}
    .major_section .vis_box img {max-width:650px;}
    .major_section .vis_box {width:43.33%;}
    .major_section h3 {font-size:30px;}
    .major_section strong {font-size:18px; line-height:25px; white-space:normal; margin:0 0 20px;}
    .major_section li {font-size:15px;} */
    
    /* organ */
    .organ_area .organ_pc {display:none;}
    .organ_area .organ_tab {display:inline;}

    /* map */
    .map_area h3 {margin:0 0 16px;}
    .map_area .root_daum_roughmap {height:400px;}
    .map_info .address {float:none; display:block;}
    .map_info .info {float:none; display:block; text-align:left; margin:12px 0 0;}
    .map_info .info > span {margin:0 10px 0 0;}

    /* company */
    .company_area h3 {font-size:25px; margin:0 0 20px;}
    .company_area .company_lst {margin:0 0 40px;}
    .company_area .company_lst li {width:31.2%; margin:0 3.2% 20px 0;}
    .company_area .company_lst li:nth-child(3n) {margin-right:0;}
    .company_area .company_lst li:nth-child(4n) {margin-right:3.2%;}
    .company_area .company_lst li:nth-child(12n) {margin-right:0;}

    .com_popup {position:fixed; max-height:92%; padding:40px 4%;}
    .com_popup .com_cls {right:4%; background-size:30px auto; background-position:100% 50%;}

    .cj_section h2 {float:none; font-size:32px; margin:0 0 30px;}
    .cj_section .cont {float:none; width:100%; max-width:100%;}
    .cj_section .join_lst .ttl {font-size:17px; line-height:24px; word-break:keep-all;}
    .cj_section .form_box {padding:24px 4%;}
    .cj_section .form_box > a {right:4%;}

    /* center */
    .board_lnk {max-width:360px;}
    .board_lnk a {height:54px; line-height:52px; font-size:16px;}

    /* event */
    .parti_view .pv_ttl h2 {padding:0;}
    .parti_view .pv_ttl span {padding:0;}
    .parti_view .pv_ttl a {position:static; display:block; width:100%; max-width:250px; margin:30px auto 0;}
}
@media screen and (max-width:720px){
    .M_visual h2 {font-size:48px;}
    .photo_column .lst .photo {height:150px;}
    .down_lst a {font-size:14px;}
    /*
    .major_section, .major_section:nth-child(2) {padding:0; text-align:left;}
    .major_section .vis_box {position:relative; width:100%; height:300px;}
    .major_section .vis_box img {max-width:740px;}
    .major_section .inner {padding:50px 4%;}
    .major_section:nth-child(2) li {background-position:0 9px; padding:0 0 0 20px;}
     */

     /* event */
     .parti_list caption {font-size:22px; margin:0 0 12px;}
     .parti_list thead {display:none;}
     .parti_list tbody, .parti_list tr, .parti_list td {display:block; width:100%; border-bottom:none;}
     .parti_list tr {border-bottom:1px solid #ddd; padding:20px 12px 16px; box-sizing:border-box;}
     .parti_list td {padding:0;}
     .parti_list .subject {font-size:17px; font-weight:500; color:#333; margin:0 0 16px;}
     .parti_list .subject ~ td {display:inline-block; width:auto; font-size:13px; line-height:24px; font-weight:500; color:#999; margin-right:8px; vertical-align:top;}
     .parti_list .m_ttl {display:inline-block; margin:0 6px 0 0; vertical-align:top;}
     .parti_list .more_btn {display:none;}
}
@media screen and (max-width:640px){
    /* mobile */
    .logo_area {height:65px;}
    .logo_area .main_logo {width:65%; height:40px; margin:12px 0 0;}
    .logo_area .main_logo a {background-size:contain;}

    .all_menu .all_head {height:65px;}
    .all_menu .am_logo {margin:12.5px 0 0;}
    .all_menu .cls_all {width:22px; height:22px; background-size:contain; margin:22px 0;}

    /* main */
    .M_visual .swiper-slide {padding:0 4%;}
    .M_visual .inner {padding:70px 0 0;}
    @keyframes slideActive {
        0% {
            padding:70px 0 0;
            opacity:0;
        }
        100% {
            padding:50px 0 0;
            opacity:1;
        }
    }
    .M_visual h2 {font-size:42px;}
    .M_visual p {display:none;}
    .M_visual .main_prev, .M_visual .main_next {display:none;}

    .lnk_btn li a > img {width:auto; height:60px;}
    .lnk_btn strong {font-size:18px;}

    .M_nav .nav_lnk a {font-size:15px;}
    .down_lst li {float:none; width:100%; height:70px; margin:0 0 16px;}
    .down_lst a {font-size:17px; padding:0 50px 0 4%; background-position:94% 50%; line-height:70px; text-align:left;}
    .down_lst li:nth-child(n+2) a {background-position:94% 50%;}

    .photo_column .lst .photo {height:150px;}
    .partner_area .controls {display:none;}
    .partner_area .partner_slide {float:none; width:100%;}

    .footer {padding:25px 0 40px;}
    .foot_info {padding:0; background:none;}
    .foot_info .lnk {width:80%; margin:0 auto 16px;}
    .foot_info .lnk a {line-height:28px;}
    .foot_info .lnk li:nth-child(4) a:after {display:none;}

    /* sub */
    .container, .S_container {padding:0 4%;}

    .S_container {margin:40px auto 60px;}
    .S_ttl {margin:0 0 35px;}
    .S_ttl h2 {font-size:32px; margin:0 0 16px;}
    .S_ttl .his_bar li {font-size:13px;}

    /* history */
    .his_cont {background:url(../images/his_bg2.png) 0 0 repeat-y;}
    .his_section {padding:0 0 35px; margin:0 auto 40px;}
    .his_section .his_ttl {margin:0 0 20px;}
    .his_ttl h3 {font-size:28px; line-height:40px;}
    .his_ttl span {font-size:18px;}
    .his_section .cont p {font-size:17px; line-height:24px;}

    .his_section .mission {font-size:17px; padding:12px 4%; border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px; -ms-border-radius:70px; -o-border-radius:70px; }
    .his_section .lst li {float:none; width:100%; margin:0 0 16px;}
    .his_section .lst li .val {height:90px; padding:0 4%; word-break:keep-all;}

    .his_section .his_bar li {padding:0 0 0 30px;}
    .his_section .his_bar li .year {position:static; display:block; margin:0 0 20px -30px;}

    /* major */
    .major_section {padding:35px 4%;}
    .major_section {padding:35px 4%;}
    .major_section .vis_box {position:static; margin:0 0 20px;}
    .major_section .inner {padding:0;}
    .major_section strong {font-size:16px; line-height:24px; margin:0 0 18px;}
    .major_section li {font-size:16px; line-height:22px;}
    .major_section li:before {top:5.5px;}

     /* organ */
    .organ_area {text-align:left;}
    .organ_area .organ_tab {display:none;}
    .organ_area .organ_mob {display:inline;}

     /* map */
     .map_area h3 {font-size:22px; line-height:32px; margin:0 0 12px;}
     .map_area .root_daum_roughmap {height:320px;}
     .map_info .address {font-size:17px; background-size:auto 28px; word-break:keep-all;}
     .map_info .info {margin:8px 0 0;}
     .map_info .info > span {font-size:14px; line-height:28px; margin:0 6px 4px 0;}
     .map_info .info span > span {width:28px; height:28px; line-height:28px; font-size:15px;}

     /* company */
     .company_area h3 {font-size:22px; margin:0 0 12px;}
     .com_popup .com_cls {width:30px; height:30px; background-size:26px auto;}
     .com_inner .subject {font-size:20px; line-height:30px; margin:0 0 12px;}
     .com_inner .com_table {table-layout:fixed;}
     .com_inner .com_table th {width:25%; padding:16px 0 16px 12px;}
     .com_inner .com_table td {width:75%; padding:16px 12px; font-size:14px;}
     .com_inner .com_table td > p, .com_inner .com_table td * {font-size:14px !important;}

     .cj_section h2 {font-size:23px; margin:0 0 16px;}
     .cj_section .join_lst li {margin-bottom:20px;}

     .cj_section .join_lst li:after {width:40px; margin:0 0 0 -10px;}
     .cj_section .join_lst .ttl {position:relative; font-size:16px; line-height:20px; text-align:left; padding:0 0 0 30px; word-break:normal;}
     .cj_section .join_lst .num {position:absolute; top:0; left:0; width:24px; height:24px; font-size:13px; line-height:24px; text-align:center;}
     .cj_section .cs_ttl {font-size:17px; margin:0 0 10px;}
     .cj_section .form_box {padding:0; border:none;}
     .cj_section .form_box ul, .cj_section .form_box ol, .cj_section .form_box .article_area {width:100%; padding:24px 4%; border:1px solid #ddd; margin:0 auto 20px; box-sizing:border-box;}
     .cj_section .form_box li, .cj_section .article_area p {font-size:15px; line-height:26px;}
     .cj_section .form_box > a {position:static; top:auto; right:auto; display:block; width:200px; height:50px; line-height:50px; padding:0 0 0 40px; background-position:140px 50%; margin:0 auto;}
     .cj_section .cont:first-of-type {position:relative;}
     .cj_section .article {margin:0 auto 50px;}
     .cj_section .article a {position:absolute; left:0; right:0; bottom:0; font-size:16px; padding:0 0 0 28px; background-position:140px 50%; margin:0 auto -75px; }

     /* event */
     .parti_lst li {height:auto; padding:35px 4% 30px;}
     .parti_lst .photo {display:none;}
     .parti_lst .info {float:none; width:100%;}
     .parti_lst dl {margin:0 0 50px;}
     .parti_lst dt {font-size:22px;}

     .parti_view .pv_ttl h2 {font-size:28px; line-height:36px;}
     .parti_view .pv_ttl span {font-size:15px;}

     .parti_frm caption {font-size:20px;}
    .parti_frm th, .parti_frm td {padding:14px 12px;}
    .parti_frm th {width:20%;}
    .parti_frm td {width:80%;}
    .parti_btn {margin:35px auto 50px;}
}
@media screen and (max-width:480px){
    .M_visual, .M_visual .swiper-slide {height:450px; background-position:50% 50%;}
    .M_visual .slide1 {background-image:url(/images/en/main_mob1.jpg);}
    .M_visual .slide2 {background-image:url(/images/main_mob2.jpg);}
    .M_visual .slide3 {background-image:url(/images/main_mob3.jpg);}
    .M_visual .inner {padding:50px 0 0;}
    @keyframes slideActive {
        0% {
            padding:50px 0 0;
            opacity:0;
        }
        100% {
            padding:35px 0 0;
            opacity:1;
        }
    }
    .M_visual h2 {font-size:32px; white-space:normal;}
    .lnk_btn li {height:200px; margin-bottom:10px;}
    .lnk_btn li a > img {height:50px;}
    .lnk_btn strong {font-size:15px; line-height:25px; margin:20px 0 4px;}
    .lnk_btn small {font-size:13px;}
    .M_nav .nav_lnk a {font-size:14px; padding:17px 0 0;}
    .M_section {margin:35px auto 0;}

    .board_column .ttl h3 {font-size:20px; line-height:32px;}
    .board_column .ttl a {font-size:13px; line-height:32px;}
    .board_column .main_lst {margin:0 0 12px;}
    .board_column .main_lst .main_ico {width:50px; height:50px; background-size:auto 48%; margin:0 10px 0 0;}
    .board_column .main_lst a {width:calc(100% - 135px); height:44px; font-size:16px; line-height:22px;}
    .board_column .main_lst .date {font-size:13px; line-height:22px;}
    .board_column .lst a {width:calc(100% - 90px); font-size:15px;}
    .board_column .lst .date {font-size:13px; line-height:26px;}
    .photo_column .lst .photo {height:120px;}

    .foot_info .lnk {width:100%;}
    .foot_info .lnk a {font-size:14px;}
    .foot_info .info {font-size:13px; line-height:22px;}
    .footer .go_top {bottom:0; right:0;}

    /* sub */
    .S_visual {height:180px; padding:70px 0 0;}
    .S_visual h2 {font-size:32px;}
   

    .S_ttl {margin:0 0 25px;}
    .S_ttl h2 {font-size:28px; margin:0 0 12px;}
    .S_ttl .his_bar li {font-size:12px; margin:0 -1px;}
    .S_ttl .his_bar li:after {margin:-2px 4px 0 6px;}

    /* history */
    .his_ttl h3 {font-size:25px; line-height:30px;}
    .his_ttl span {font-size:16px; line-height:22px;}
    .his_section .cont p {font-size:15px; line-height:22px;}

    .his_section .mission {font-size:16px; line-height:24px;}
    .his_section .his_bar li {padding:0 0 0 22px;}
    .his_section .his_bar li .year {margin:0 0 20px -22px;}
    .his_section .his_bar .lst .month {display:block; font-size:14px; line-height:20px; margin:0 0 6px;}
    .his_section .his_bar .lst .txt {float:none; display:block; width:100%; font-size:14px; line-height:20px;}
    .his_section .his_bar .lst .txt .detail {font-size:13px; line-height:20px;}

    /* major */
    /* .major_section .vis_box {height:auto; overflow:auto;}
    .major_section .vis_box img {position:static; top:auto; left:auto; width:100%; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none;}
    .major_section .inner {padding:30px 4%;}
    .major_section h3 {font-size:26px; margin:0 0 12px;}
    .major_section strong {font-size:16px; line-height:22px;}
    .major_section li {font-size:14px; padding:0 0 0 16px;} */
    .major_section strong {font-size:15px; line-height:22px;}
    .major_section li {font-size:15px;}

    /* map */
    .map_area h3 {font-size:20px; line-height:30px; margin:0 0 8px;}
    .map_area .root_daum_roughmap {height:260px; margin:0 0 16px;}
    .map_area .map_info {padding-bottom:20px;}
    .map_info .address {line-height:27px; padding:0; background:none;}
    .map_info .info > span {display:block; font-size:13px;}

    /* company */
    .company_area h3 {font-size:20px; background-size:15px auto; padding:0 0 0 22px;}
    .company_area .company_lst li {width:46.2%; padding:16.5% 0 0; margin:0 7.6% 10px 0;}
    .company_area .company_lst li:nth-child(3n) {margin-right:7.6%;}
    .company_area .company_lst li:nth-child(4n) {margin-right:7.6%;}
    .company_area .company_lst li:nth-child(12n) {margin-right:7.6%;}
    .company_area .company_lst li:nth-child(even) {margin-right:0;}
    .company_area .company_lst li img {max-width:70%; max-height:80%;}

    .com_inner .com_table th, .com_inner .com_table td {font-size:14px;}
    .com_inner .com_table td > p, .com_inner .com_table td * {font-size:13px !important;}
    .cj_section .join_lst .ttl {font-size:14px;}
    .cj_section .join_lst li {padding:60px 0 0;}
    .cj_section .join_lst li:after {width:30px; margin:0 0 0 -5px;}
    .cj_section .join_lst li:nth-child(-n+2) {background-size:53% auto;}
    .cj_section .join_lst li:last-child {background-size:48% auto;}
    .cj_section .article {padding:30px 6%;}
    .cj_section .form_box li, .cj_section .article_area p {font-size:14px; line-height:22px;}
    
    .board_lnk a {height:50px; line-height:48px; font-size:15px;}

     /* event */
     .parti_lst li {height:auto; padding:35px 6% 16px;}
     .parti_lst .dday {font-size:14px;}
     .parti_lst dl {margin:0 0 35px;}
     .parti_lst dt {font-size:20px;}
     .parti_lst dd {font-size:14px; letter-spacing:-0.025rem;}
     .parti_lst a { float:none; width:100%; margin:0 0 10px; font-size:15px; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }
     .parti_lst a:nth-last-child(2):hover {background:#fff; border-color:#ddd; color:#666;}
     .parti_lst a:last-child {background:#5e8356; border-color:#5e8356; color:#fff;}
     .parti_lst:nth-child(4) a:last-child {background:#fff; border-color:#ddd; color:#666;}

     .parti_view .pv_ttl h2 {font-size:25px; line-height:32px;}
     .parti_view .pv_ttl span {font-size:14px; line-height:22px;}
     .parti_view .pv_ttl a { width:100%; max-width:100%; height:44px; line-height:42px; font-size:14px; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }
     .parti_view .pv_cont * {font-size:15px;}

     .parti_frm th, .parti_frm td {font-size:14px; padding:14px 4px 14px 12px;}
     .parti_frm th {width:24%;}
     .parti_frm td {width:76%;}
     .parti_frm .subject {font-size:15px; line-height:22px;}
     .parti_btn button {width:48%; height:42px; line-height:40px; font-size:15px; margin:0;}

     .parti_list caption {font-size:20px;}
     .parti_list .subject {font-size:16px;}
     .parti_list .subject ~ td {line-height:20px; margin-right:6px;}

     /* popup */
    div[id*="popup"] {top:2% !important; left:4% !important; max-width:92%; max-height:92%;}
}
@media screen and (max-width:340px){
    .M_visual .inner {padding:35px 0 0;}
    @keyframes slideActive {
        0% {
            padding:35px 0 0;
            opacity:0;
        }
        100% {
            padding:25px 0 0;
            opacity:1;
        }
    }
    .M_visual h2 {font-size:27px;}

    .lnk_btn li {width:100%; height:160px; margin:0 0 10px;}
    .lnk_btn li:nth-child(even) {margin:0 0 10px;}
    .lnk_btn a {padding:30px 0 0;}
    .lnk_btn li a > img {height:45px;}
    .lnk_btn strong {margin:15px 0 4px;}

    .S_visual .current {font-size:17px;}
    .S_visual .mob_nav a {font-size:15px;}
}