/* PC 반응형 */

@media screen and (max-width: 1680px) {
    
    html {font-size: 16px;}
    
    .m_part_ul li img { max-height: 55px; }
    
}
    

@media screen and (max-width: 1440px) {
    
    html {font-size: 15px;}
    .m3_txtbox { width: 42%; }
    .s231_table tbody tr td {transform: skew(-0.3deg);}
    .s423_txt1 {
        padding-left: 15px;
    }
    .s423_tit {
        font-size: 1.3rem;
    }
    .s423_txt1 p {
        transform: skew(-0.3deg);
        letter-spacing: -1px;
    }
    .slide_txt {
        word-break: keep-all;
    }
    .site_sub_menu > li > a {
        transform: skew(-0.3deg);
    }
}



@media screen and (max-width: 1360px) {
    
    html {font-size: 14.5px;}
    
    .m_part_ul li img { max-height: 45px; }

    .s4_ul1 .s4_txt1 p {transform: skew(-0.3deg);}

}


@media screen and (max-width: 1200px) {
    
    html {font-size: 14px;}
    .s111_txt p:nth-child(3) {word-break: keep-all;}
    .s112_ul li p:nth-child(2) {word-break: keep-all;}
    .s113_ul li.link .map_btn {margin-right: 10px;}
    .s151_ul li > a > p {transform: skew(-0.3deg);}
    
}


    
/* mobile */
@media screen and (max-width: 780px) {
    .pc {display: none;}
    .mob {display: block;}
    html, body {  min-width: auto;}
    #header {  min-width: auto;}

    html {font-size: 12px;}
    
    /*    header   */
    
    
    #header {margin-top: 0px;  border-bottom: none; height: 55px; overflow: initial; transition: none;} 
    #header:hover { border-bottom: none;  height: 55px !important; background-color: transparent;}
    #header.on {
        background-color: #000;
    }
    #header::after {  top: 55px; transition: none; }
    #header:hover::after {opacity: 0;}
    #header.on::after {opacity: 1;}
    #header_inner { position: relative;  margin: 0;  width: 100%; height: 55px;}
    #header_logo {  width: 100%;  max-width: 100px;  margin-left: 0px;  position: absolute;  left: 20px;  top: 50%;  transform: translate(0, -50%); margin-top: 0px; z-index: 99;}
    #header_logo img {position: initial;}


    #right_header {margin-top: 0; right: 11%;  top: 33%;  font-size: 0px;  width: 100%;  height: auto; position: absolute;}
    #right_header > li { margin: 0px;}
    #lang {padding: 5px; color: #fff; background-color: #2954b6;}
    #lang .lang_sub {height: auto; display: none;}
    #lang:hover .lang_sub {
        height: auto;
        display: none;
    }
    #lang .lang_sub.on {
        height: auto;
        display: block;
    }
    #header:hover #lang .lang_sub li:hover a {
        border-bottom: 0;
    }    
    #sitemap {
        position: absolute;
        left: 44%;
    }
    #sitemap i:hover {
        color: #fff;
    }
    
    #menu_icon {  display: block;  position: absolute;  width: 100%;  max-width: 25px;  right: 13px;  top: 50%; transform: translateY(-50%);  z-index: 100; color: #fff;}
    #menu_icon i {font-size: 25px;}
    #open_btn {display: block;}
    #close_btn {display: none;}
    
    
    #sub_nav { width: 100%; font-size: 0px;  background-color: rgba(255,255,255,1);  text-align: center;  display: none;  position: absolute; top: 40px;  height: 40px;}
    #sub_nav li {display: inline-block; vertical-align: top; width: 30px; margin:10px; }
    #sub_nav > li#login {display: none;}
    
    
    #nav {  display: none;  width: 100%;  padding: 0px 20px;  box-sizing: border-box;  position: absolute;  top: 50px;  left: 0px; background-color: rgba(0, 0, 0, 0.7); margin: 0px;  padding-bottom: 20px;}
    #nav > li:nth-child(1) {margin-top: 15px;}
    #nav > li {  width: 100% !important;  color: #fff;  text-align: left;  margin-bottom: 15px;  font-size: 16px;  transform: skewX(-0.3deg); box-sizing: border-box;}      
    
    #header:hover .nav_ul {display: none;}
    .nav_ul { padding: 5px 20px;  box-sizing: border-box;  margin-top: 5px; opacity: 1; display: none;}
    .nav_ul li { font-size: 13px; line-height: 16.55px;  margin-bottom: 10px; }
    .nav_ul a:last-child li {margin-bottom: 0px;}
    .nav_ul li:hover a {border-bottom: 0;}
    

        
    /*    footer   */
    
    .f_top_nav {
        width: 100%;
    }
    .f_top_nav li::after {
        margin: 0 10px;
    }
    .f_bottom {
        padding: 20px 0;
    }
    .f_info li {
        width: 100%;
    }
    .f_info_txt_ul {
        margin-top: 20px;
        text-align: left;
    }
    .f_last_ul > li:nth-child(1) {
        width: 60%;
    }
    .f_last_ul > li:nth-child(1) .copy {
        letter-spacing: -0.8px;
    }
    .family_btn {
        width: 40%;
    }
    .f_info_txt_ul > li {
        width: 48%;
    }
    .f_info_txt_ul li:nth-child(1) {
        margin-right: 4%;
    }



    /*    main   */
    
    .a1 .swiper-slide {
        height: 450px;
    }
    .ms1_text p:nth-child(1) {
        font-size: 1.3rem;
    }
    .ms1_text p:nth-child(2) {
        font-size: 2rem;
    }
    .ms1_text p:nth-child(3) {
        font-size: 1rem;
        word-break: keep-all;
    }
    .ms1_bottom_nav li a {
        font-size: 1rem;
    }
    .ms1_bottom_nav li a:hover {
        color: #fff;
    }
    .ms1_bottom_nav li:nth-child(2) a {
        line-height: 30px;
    }
    
    
    
    .m2_cont .slidebox {
        padding: 0 20px 70px;
    }
    .m2_imgbox {
        height: 255px;
    }
    .m2_txtbox {
        width: 80%;
        padding: 15px;
        right: 0;
    }
    .m_txt1 {
        font-size: 1.3rem;
    }
    .m_txt2 {
        font-size: 1.2rem;
    }
    .m_txt3 {
        font-size: 0.9rem;
        letter-spacing: -1px;
        line-height: 1.2;
        word-break: keep-all;
        margin-bottom: 5px;
    }
    .m2_prev img, .m2_next img {
        max-width: 9px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: -5px;
        top: 45%;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -5px;
        top: 45%;
    }
    .m_more:hover {
        color: #2954b8;
        background-color: #fff;
    }


    .m3 {
        height: 430px;
    }
    .m3_txtbox {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .m3_txtbox .m_txt2 {
        font-size: 1.5rem;
        letter-spacing: 0;
    }
    .m3_txtbox .m_txt3{
        font-size: 1rem;
        letter-spacing: 0;
    }
    .m_txt4 {
        font-size: 2.2rem;
    }
    .m3_txtbox .m_txt4 {
        margin-bottom: 30px;
    }
    .m3_more:hover {
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    .swiper-pagination.m3_pag {
        top: auto;
        bottom: 0%;
    }


    .m4 {
        margin: 70px 0 60px;
    }
    .m4_cont {
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .m4_cont li {
        width: 100%;
        margin: 15px 0;
    }
    .m4_imgbox {
        height: 240px;
    }
    .m4_imgbox img {
        width: 80%;
    }
    .m4_more {
        margin-top: 15px;
    }
    .m4_more:hover {
        color: #2954b8;
        background-color: transparent;
        border: 1px solid #2954b866;
    }


    .m5_cont {
        margin-top: 40px;
    }
    .m5_more:hover {
        background-color: transparent;
        border: 1px solid #ffffff7d;
    }
    .m5 {
        margin: 70px 0px;
    }

    .date1 {
        font-size: 2.5rem !important;
    }
    .date2 {
        font-size: 0.9rem !important;
        letter-spacing: -1px !important;
        transform: skew(-0.3deg) !important;
    }
    .title {
        font-size: 1rem !important;
    }
    .contents {
        font-size: 14px !important;
    }
    .news_ll2 {
        width: 58% !important;
        margin-left: 6% !important;
    }



    /* sub */
    .subtop {
        height: 240px;
    }
    .subtop_nav > li:nth-child(1) {
        width: 10%;
    }
    .subtop_nav > li {
        width: 45%;
        padding: 0 12px;
    }
    .subtop_ul {
        padding: 10px 20px;
    }
    .subtop_nav > li:hover .subtop_ul {
        display: none;
    }
    .subtop_nav > li:hover .bar2 {
        transform: rotate(0);
    }
    .subtop_nav > li.open .subtop_ul {
        display: block;
    }
    .subtop_nav > li.open .bar2 {
        transform: rotate(90deg);
    }
    .subtop_ul > li {
        padding: 3px 0;
    }
    .subtop_ul > li:hover {
        color: #ccc;
    }
    .sub_title {
        margin: 65px 0 50px;
    }
    .sub_p2 {
        letter-spacing: 1px;
    }
    .capital_g {
        transform: skew(-0.3deg);
    }


    /* sub1-1 */
    .s111 {
        margin: 60px 0 0;
    }
    .s111_cont {
        width: 90%;
        margin-right: 0;
        margin: auto;
    }
    .s111_img {
        width: 100%;
        height: 250px;
    }
    .s111_txt {
        width: 100%;
        padding: 0;
        margin-top: 50px;
    }
    .s111_txt p:nth-child(2) {
        font-size: 2.2rem;
    }
    .s111_txt::before {
        left: 0;
        top: -25px;
    }
    .s11_txtimg {
        right: 0;
        top: -30px;
        z-index: -1;
    }
    .s111_txt p:nth-child(3) {
        margin-top: 40px;
    }
    .s112 {
        padding-top: 300px;
    }
    .s112_ul {
        margin-top: 30px;
    }
    .s112_ul li {
        width: 50%;
        padding: 15px;
        min-height: 180px;
    }
    .s112_ul li:hover {
        background-color: transparent;
        border-color: #ddd;
    }
    .s112_ul li p:nth-child(1) {
        font-size: 1.2rem;
    }
    .s112_ul li:hover p:nth-child(1) {
        color: #3e3a39;
        border-bottom: 1px solid #ddd;
    }
    .s112_ul li:hover p:nth-child(2) {
        color: #666;
    }
    .s112_ul li:nth-child(3n) {
        border-right: 0;
    }
    .s112_ul li:nth-child(2n) {
        border-right: 1px solid #ddd;
    }
    .s112_ul li:nth-of-type(4) {
        border-bottom: 0;
    }
    .s113_map {
        height: 40vh;
    }
    .s113_ul li.tit {
        width: 100%;
    }
    .s113_ul li.cont {
        width: 100%;
        margin: 20px 0;
    }
    .s113_ul li.link {
        text-align: center;
        width: 100%;
    }




    /* sub1-2 */
    .s121 {
        margin: 60px 0 150px;
    }
    .s121_cont {
        width: 100%;
        margin-left: 0;
    }
    .s121_cont li.img.right {
        width: 60%;
    }
    .s121_cont li.img.left {
        width: 40%;
    }
    .s121_cont li.txt {
        min-height: 250px;
        padding: 40px 10px;
    }
    .s121_cont li.txt.left {
        width: 40%;
        margin-right: 60%;
    }
    .s121_cont li.txt.right {
        width: 60%;
        margin-left: 40%;
    }
    .s121_deco_img1 {
        max-width: 120px;
    }
    .s121_deco_img2 {
        max-width: 180px;
        left: 10px;
        bottom: 145px;
    }
    .s121_deco_img3 {
        max-width: 210px;
        left: 10px;
    }
    .s121_cont li.img img:nth-child(2) {
        max-width: 100px;
    }
    .s121_cont li.img.left img:nth-child(2) {
        right: 20px;
    }
    .s121_cont li.img img:nth-child(2).ver2 {
        max-width: 190px;
    }
    .s121_cont li.img.right img:nth-child(2) {
        left: 20px;
    }
    .s121_cont li.txt .year {
        font-size: 2.2rem;
    }
    .s121_cont li.txt .list {
        word-break: keep-all;
    }
    .s121_cont li.txt.left .list {
        padding-right: 25px;
    }



    /* sub1-3 */
    .s131 {
        margin: 0 0 150px;
    }
    .s131_ul {
        padding-top: 30px;
    }
    .s131_ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .s131_ul li:nth-child(2n) {
        margin-right: 0;
    }
    .s131_ul li:hover {
        transform: scale(1);
    }


    /* sub1-4 */
    .s141 {
        margin: 0 0 180px;
    }
    .s141_ul li:hover {
        background-color: transparent;
    }
    .s141_ul li:hover img {
        transform: scale(1);
    }


    /* sub1-5 */
    .s151 {
        margin: 0 0 180px;
    }
    .s151_ul li {
        width: 100%;
    }
    .s151_ul li:nth-child(2n-1) {
        margin-right: 0;
    }
    .s151_ul li:nth-child(2n) {
        margin-left: 0;
        margin-top: 30px;
    }
    .s151_ul li > a > .s151_img {
        height: 375px;
        background-size: cover;
    }
    .s151_ul li:hover > a > .s151_img .s151_hover {
        opacity: 0;
    }
    .s151_ul li:hover > a > .s151_img {
        height: 375px;
        background-size: cover;
        padding-bottom: 76px;
    }
    .s151_ul li:hover > a > p {
        bottom: 0;
    }



    /* sub2-1 */
    .s211 {
        margin: 0 0 180px;
    }
    .s211_ul {
        margin-top: 30px;
    }
    .s211_ul.R {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .s211_ul > li {
        width: 100%;
    }
    .s211_txt {
        margin-top: 20px;
        padding: 20px 7px;
    }
    .s211_txt .num {
        font-size: 5rem;
        top: -10%;
    }
    .s211_ul.R .s211_txt .num {
        right: 18%;
    }
    .cont_tit {
        font-size: 1.8rem;
    }
    .modal_bg {
        width: 90%;
    }
    .pop_txt P:nth-child(2) {
        word-break: keep-all;
    }
    .pop_txt P:nth-child(2) br {
        display: none;
    }

    /* sub2-2 */
    .s221 {
        margin: 0 0 90px;
    }
    .s221_ul > li {
        width: 32%;
        margin-right: 2%;
    }
    .s221_ul > li:nth-child(3) {
        margin-right: 0;
    }
    .s221_ul .last {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    .s221_ul .num {
        font-size: 6rem;
    }
    .s221_ul .cont_tit {
        font-size: 1.5rem;
    }
    .s221_ul > li:nth-child(3) .cont_tit {
        bottom: -14%;
    }
    .s221_ul > li::before {
        width: 10px;
    }
    .s221_ul .last p {
        transform: skew(-0.3deg);
    }
    .s222_cir  {
        width: 100%;
        padding: 0;
    }
    .s222_cir > img {
        display: none;
    }
    .s222_ul1 {
        width: 100%;
    }
    .s222_ul1 > li {
        position: initial;
        width: 32%;
        height: 60px;
        margin-right: 2%;
        vertical-align: top;
        padding: 4% 0;
        border-radius: 0;
        display: inline-block;
    }
    .s222_ul1 > li:nth-child(3), .s222_ul1 > li:nth-child(6) {
        transform: translateY(0);
    }
    .s222_ul1 > li:nth-child(3n) {
        margin-right: 0;
    }
    .s222_ul1 > li:nth-child(3) ~ li {
        margin-top: 20px;
    }
    .s222_ul1 .cont_tit {
        font-size: 1.2rem;
    }
    .s222_ul1 .cont_tit .capital_g {
        font-size: 10px;
        letter-spacing: -1px;
    }
    .s222_ul2 {
        width: 100%;
        height: 100%;
        min-height: 300px;
        border-radius: 0;
        margin: 30px auto 0;
    }
    .s222_ul2 > li > img {
        width: 28%;
        margin-top: 11%;
    }
    .s222_ul2 > li:nth-child(4) > img {
        width: 18%;
    }
    .s222_txt p:nth-child(2) {
        word-break: keep-all;
    }
    .s222_txt p:nth-child(2) br {
        display: none;
    }
    /* sub2-3 */
    .s231 {
        margin: 60px 0 90px;
    }
    .s231_ul > li:nth-child(1) {
        width: 100%;
    }
    .s231_ul > li:nth-child(2) {
        width: 100%;
    }
    .s231_table thead tr th {
        padding-left: 10px;
    }
    .s231_table tbody tr td {
        padding: 7px 5px;
    }
    .s232 {
        margin: 0 0 90px;
    }
    .s232_ul > li:nth-child(1) {
        width: 100%;
    }
    .s232_ul > li:nth-child(2) {
        width: 100%;
    }
    .s232_ul2 > li {
        padding: 10px;
        min-height: 185px;
    }
    .s232_ul2 > li .s232_in {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .s232_in p:nth-of-type(1) {
        font-size: 1rem;
        margin: 10px auto 5px;
        word-break: keep-all;
    }
    .s232_ul2 > li:nth-child(1) .s232_in p:nth-of-type(1) {
        margin-top: 10px;
    }
    .s232_ul2 > li:nth-child(2) .s232_in p:nth-of-type(1) {
        margin-top: 10px;
    }
    .s233 {
        height: 215px;
        padding: 50px 0;
    }
    


    /* 게시판 */
    .s3 {
        margin: 0 0 45px;
    }
    .s3 .sub_inner > p {
        width: 100%;
    }
    .sub_board2 {
        margin-bottom: 90px;
    }
    .sub_board2 #bo_list .bo_tit {
        font-size: 16px;
        word-break: keep-all;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .sub_board2 .bo_cate_link.contents {
        font-size: 12px !important;
        line-height: 1.2;
        word-break: keep-all;
        height: auto;
    }
    .sub_board2 .gall_row .col-gn-3 {
        width: 49%;
        margin-right: 2%;
    }
    .sub_board2 .gall_row .col-gn-3:nth-child(3n)  {
        margin-right: 2%;
    }
    .sub_board2 .gall_row .col-gn-3:nth-child(2n) {
        margin-right: 0;
    }
    .sub_board2 .gall_row .box_clear {
        clear: none;
    }
    .sub3_1 {
        padding-bottom: 90px;
        margin-bottom: 0px !important;
    }
    .sub3_1::before {
        height: 60% !important;
    }
    .sub3_2 {
        padding-bottom: 90px;
        margin-bottom: 0 !important;
    }
    .sub3_3 {
        padding-bottom: 90px;
        margin-bottom: 0 !important;
    }
    .sub_board2 #bo_v_info {
        padding: 10px;
    }
    .sub_board2 #bo_v_info .bo_v_tittle {
        width: 100%;
    }
    .sub_board2 #bo_v_info .bo_v_tit {
        width: 100%;
        font-size: 18px;
    }
    .sub_board2 #bo_v_atc {
        margin: 20px auto 0px;
        padding: 0;
    }
    .sub_board2 #bo_v_con {
        width: 100%;
        font-size: 16px;
        line-height: 1.3;
        font-weight: normal;
        min-height: unset;
    }
    #bo_list .gall_box:hover .gall_img .hover_box {
        opacity: 0 !important;
    }
    .sub_board2 .view_imgslide {
        height: 240px;
    }
    .sub_board2 .img_list_wrap {
        padding: 0 25px;
    }
    .sub_board2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0;
    }
    .sub_board2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .sub_board1 .bo_mo_cate {
        position: initial;
    }
    .sub_board1 #bo_list .tbl_head01 thead th {
        padding: 10px 5px;
        font-size: 16px;
    }
    .sub_board1 #bo_list .tbl_head01 thead th a {
        font-size: 16px;
    }
    .sub_board1 #bo_list .td_num2 {
        width: 30px;
    }
    .sub_board1 #bo_list .tbl_head01 a .cate_name  {
        display: none;
    }
    .sub_board1 #bo_list .tbl_head01 a {
        line-height: 1.3;
        word-break: keep-all;
    }
    .sub_board1 #bo_list .td_datetime {
        width: 85px;
        font-size: 14px;
    }
    .img_list_wrap .swiper-slide a::before {
        display: none !important;
    }

    /* sub4-1 */
    .s4_ul1 > li:nth-child(1) {
        width: 100%;
    }
    .s4_ul1 > li:nth-child(2) {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .s4_ul1 > li:nth-child(2) img {
        width: 80%;
        position: initial;
        display: inline-block;
    }
    .s4_ul1 .s4_txt1 {
        margin-bottom: 30px;
        padding-left: 0;
    }
    .s4_ul2 > li {
        width: 100%;
    }
    .s4_ul2 > li:nth-child(2) {
        transform: skew(-0.3deg);
        padding-left: 0;
    }
    .s412 {
        margin:  0 0 90px;
    }
    .s4_txt2 {
        transform: skew(-0.3deg);
        word-break: keep-all;
    }
    .s4_txt2 p:nth-child(2) br {
        display: none;
    }
    .s413 {
        padding-bottom: 90px;
    }
    .s413_txt {
        text-align: left;
    }
    .s413_txt .bold {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }



    /* sub4-2 */
    .s423 {
        margin-bottom: 100px;
    }
    .s4_pag .swiper-pagination-bullet {
        margin: 0 20px;
    }
    .s4_pag .swiper-pagination-bullet::before {
        font-size: 10px;
    }
    .s4_slide {
        padding: 12% 5% 0;
    }
    .slide_txt > li p {
        font-size: 0.9rem;
    }
    .slide_txt > li p::before {
        transform: translate(0);
        top: 6px;
    }
    .s423_txt1 {
        padding-left: 10px;
    }
    .s423_tit {
        font-size: 1.1rem;
    }


    .s521 {
        margin-bottom: 90px;
    }
    .sub611 {
        margin: 60px 0;
    }
    .sub611.first {
        margin-top: 70px;
    }
    .sub611.last {
        margin-bottom: 90px;
    }
    .s611_cont p {
        line-height: 18px;
    }



    /* sitemap */
    #sitemap_nav {
        padding: 30px 0;
    }
    #sitemap_nav > li {
        padding:  0 10px 20px;
    }
    .site_sub_menu.wid3 > li {
        width: 50%;
    }







}
    
    
@media screen and (max-width: 320px) {
    .s113_ul li.link .map_btn {
        font-size: 14px;
        max-width: 130px;
    }
    #sitemap {
        left: 50%;
    }
    .ms1_bottom_nav li a {
        letter-spacing: -1px;
    }
    .s121_cont li.img img:nth-child(2).ver2 {
        max-width: 160px;
    }
    .top_btn {
        right: 0;
        top: -25px;
    }
    .sub_p2 {
        letter-spacing: -1px;
    }
    .subtop_ul > li a {
        font-size: 1rem;
    }
    .subtop_nav > li p {
        font-size: 1rem;
    }
    .s231_ul > li:nth-child(2) p {
        letter-spacing: -1px;
    }
}