/* PC 반응형 */



@media screen and (max-width: 1920px) {
    .s131_txt .gmarket {
        font-size: 1.7rem;
    }
    .s131_txt .gmarket .color {
        font-size: 1.7rem;
    }
 }
 
 @media screen and (max-width: 1600px) {
    .m4_in .swiper-button-next {
        right: -50px;
    }
    .m4_in .swiper-button-prev {
        left: -50px;
    }
    .s131_ul:nth-child(1) .s131_txt {
        padding-right: 15%;
    }
    .s131_txt .gmarket {
        font-size: 1.6rem;
        letter-spacing: 0px;
    }
    .s131_txt .gmarket .color {
        font-size: 1.6rem;
    }
    .s17_txt > li.gmarket {
        font-size: 2.0rem;
    }
    .s17_txt > li:nth-child(2) {
        width: 40%;
    }
    .m5_r_txt h2.nanum {
        font-size: 1.7rem;
    }
    .s111_ul li:nth-child(2) {
        padding-right: 0;
    }
    .shop_schbox {
        width: 300px;
        left: -62px;
    }
    #sch_str {
        width: 78%;
    }
    #hd_sch #sch_submit {
        width: 22%;
    }


    #new_m2 {
        margin: 80px 0;
    }

    .new_m2_ul > li.left {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .new_m2_ul > li.right {
        width: 100%;
        margin-top: 50px;
    }

    
 }
 
 @media screen and (max-width: 1440px) {
     
     html {font-size: 16px;}


     .s111_ul li:nth-child(2) {
         padding-top: 300px;
     }
     .s111_ul li:nth-child(2) p.gmarket {
         font-size: 1.4rem;
     }
     .s111_ul > li > p:nth-child(2) {
         line-height: 1.3;
     }
     .s131_ul:nth-child(2) .s131_txt {
         padding-left: 17%;
     }
 }
     
 
 @media screen and (max-width: 1400px) {
     
     html {font-size: 15px;}
     
     .m4_in .swiper-button-prev {
         left: -50px;
     }
     .m4_in .swiper-button-next {
         right: -50px;
     }
 
 }
 
 
 @media screen and (max-width: 1200px) {
     
     html {font-size: 14px;}
     .shop_schbox {
         width: 225px;
     }
     
     #nav > li {
         padding: 0 25px;
     }
     .m2_txt h2 {
         margin: 30px 0;
     }
     .m2_slidebtn {
         bottom: 3%;
     }
     .m3_ul li {
         padding: 20px;
     }
     #m3 {
         margin-bottom: 200px;
     }
     .m3_ul li {
         height: 380px;
     }
     .m3_ul li h2 {
         font-size: 2.3rem;
     }
     .m5_r_ul {
         left: 45%;
     }
     .f_info > li:nth-child(2) {
        margin: 0px 0.5% 0% 2%;
     }
     .f_info > li:nth-child(3) {
         width: 35%;
         line-height: 1.5;
     }
     .f_info > li:nth-child(4) {
         width: 20%;
     }
     .s111_ul li:nth-child(2) p.gmarket {
         padding: 40px 30px;
     }
     .s121_ul > li {
         width: 299px;
     }
     .s131_ul:nth-child(1) .s131_txt {
         padding-right: 7%;
     }
     .s131_ul:nth-child(2) .s131_txt {
         padding-left: 10%;
     }
     .s16_ul > li .year::before {
         left: -26.6%;
     }
     .s16_ul > li.L .year::before {
         right: -26.6%;
     }
     .s17_txt > li.gmarket {
         font-size: 1.7rem;
     }
     .s17_txt > li:nth-child(2) {
        width: 53%;
    }
    .s322_txt > li > p:nth-child(1) {
        font-size: 1.0rem;
    }
    .s322_txt > li > p:nth-child(2) {
        font-size: 1.0rem;
    }
    .form_inner  {
        width: 90% !important;
    }
 }
 @media screen and (max-width: 1024px) {
    .s16_ul > li .year::before {
        left: -31.6%;
    }
    .s16_ul > li.L .year::before {
        right: -31.6%;
    }
    .s17_txt > li {
        width: 20%;
    }
    .s211_1::before {
        height: 70vh;
    }
    .box_ul > li.cal {
        padding: 10px;
    }
    tbody.enter {
        margin-bottom: 45px;
    }
    .enter_in tr td input {
        width: 90%;
    }
    .enter_in tr td {
        font-size: 16px;
    }
 }


/* mobile */
@media screen and (max-width: 780px) {
    .pc {display: none;}
    .mob {display: block !important;}
    html,body { min-width: initial;}
    #wrap { min-width: initial;}
    #fp-nav {display: none;}
    
/*    menu*/
        
    #header { height: 60px; padding-bottom: 0px;  padding-top: 0px; background-color: transparent; transition: none; z-index: 100;}
    #header.on {background-color: #fff !important;}
    #header:hover {
        height: 60px;
        background-color: initial;
    }
    #header::before {
        display: none;
    }
    #header.on::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #ccc;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 101;
    }
    #header_inner {
        width: 100%;
        height: 100%;
        padding: 2% 4%;
        box-sizing: border-box;
    }
    #header_logo {
        width: 35px;
        position: absolute;
        top: -8px;
    }
    #header_logo img {
        transition: none;
    }
    #header:hover #header_logo img.logo_white {
        opacity: 1;
    }
    #header:hover #header_logo img.logo_color {
        opacity: 0;
    }
    #header.on #header_logo img.logo_white {
        opacity: 0;
    }
    #header.on #header_logo img.logo_color {
        opacity: 1;
    }


    #header_right {
        position: absolute;
        right: 20%;
        top: 36%;
        transform: translateY(-50%);
    }
    #h_search {
        width: 17px;
    }
    #lang li {
        font-size: 12px;
    }
    #header:hover #lang > li {
        color: #fff;
    }
    #header.on #lang > li {
        color: #333;
    }
    .lang_ul { margin-top: 3px; padding: 0px 0px 5px; }
    .lang_ul a {display: block; width: 100%; height: 100%;}
    .lang_ul li { font-size: 11px; line-height: 20px;}
    #lang .lang_sub li {
        padding: 5px 18px;
    }
    #header:hover #lang .lang_sub li {
        color: #fff;
    }
    #header.on #lang .lang_sub li {
        color: #333;
    }
    .lang_sub > li > a {
        font-size: 12px;
    }
    .header_bottom { border-top: 0px; }        
    #nav { display: none;   width: 100%; height: auto;  padding: 4% 7%; box-sizing: border-box;  background-color: #fff; position: absolute; top: 50px; left: 0; line-height: 16px;}
    #nav > li {width: 100% !important; font-weight: 400 !important; margin-top: 0px; text-align: left; padding-left: 0px; color: #fa4d08; padding-bottom: 0px; font-size: 16px; line-height: 30px;}
    #header:hover #nav > li { color: #fa4d08; }
    #header.on #nav > li {color: #fa4d08;}
    #header.on #nav > li > a {color: #fa4d08;}
    #nav > li:hover { color: #333;}
    #header:hover .nav_ul {
        display: none;
    }
    #nav > li .nav_ul { position: relative;  top: auto;  left: auto;  padding: 0px 10px; box-sizing: border-box; width: 100%;
    transform: none;  background-color: transparent; margin-bottom: 10px;}
    .nav_ul li { line-height: 14px;  color: #333;  opacity: 1;  font-size: 14px; text-align: left; margin: 10px 0;}
    #header:hover .nav_ul li:hover {
        color: #333;
    }
    .nav_ul li a {font-size: 14px;}
    #menu_icon { display: block;  position: absolute; width:100%;
    max-width: 28px;  right: 15px;  top: -8%;  margin-top: 13px;  z-index: 100;}
    #menu_icon #open_btn i {font-size: 25px; color: #fff;}
    #menu_icon #close_btn i {font-size: 22px; color: #333;}
    #open_btn {display: block;}
    #close_btn {display: none;}
    
    #sitemap {display: none; right: auto;  left: 50%;  top: 60px;  transform: translateX(-50%);}
    
    
    
    
    
    
/*    footer*/
    .top_btn {
        max-width: 35px;
    }
    .top_btn p {
        font-size: 0.9rem;
    }
    .f_top {
        padding: 25px 0px 10px;
    }
    .f_inner {  padding-top: 10px;}
    .f_inner li {
        box-sizing: border-box;
        padding: 0px 5px;
        font-size: 11px;
    }
    .f_nav1 {
        border-bottom: 0;
        text-align: center;
    }
    .f_nav1 > li a {
        font-size: 11px;
    }
    .f_nav1 > li a:hover {
        border-bottom: 0;
    }
    .f_info > li:nth-child(1) {
        width: 15%;
    }
    .f_info > li:nth-child(2) {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .f_info > li:nth-child(2) br {
        display: none;
    }
    .f_info > li:nth-child(3) {
        width: 100%;
    }
    .f_info > li:nth-child(3) p span {
        display: block;
    }
    .f_info > li:nth-child(3) p > span:nth-child(1)::before {
        display: none;
    }
    .f_info > li:nth-child(4) {
        width: 100%;
        margin-top: 20px;
    }
    .family_btn {
        width: 100%;
        position: relative;
        font-size: 0.9rem;
        margin-left: 0;
        line-height: 32px;
    }
    .f_info > li:nth-child(5).family_btn.on {
        height: 32px;
    }
    .family_ul {
        position: absolute;
        bottom: 32px;
        left: 0;
        background-color: #404040;
        transition: none;
    }
    .family_btn.on .family_ul {
        opacity: 1;
        height: 64px;
    }
    .family_ul li {
        margin-bottom: 0 !important;
    }
    .family_ul li a {
        font-size: 0.9rem;
    }
    .f_nav2 {
        display: none;
    }
    
/* 공통 */
    h2 {
        font-size: 2rem;
    }
    .title {
        padding-top: 40px;
    }
    .title p {
        font-size: 1.0rem;
    }
    .title h2 {
        margin-bottom: 10px;
    }
    .section_in {
        margin-top: 30px;
    }
/*    main1*/
    #m1 {
        height: 85vh;
    }
    .m1_slide .swiper-slide {
        height: 85vh;
    }
    .m1_slide2 video {
        width: auto;
        height: 85vh;
    }
    .m1_bg {
        width: auto;
        height: 85vh;
        left: 50%;
        transform: translateX(-50%);
    }
    .m1_txt h1 {
        font-size: 3rem;
    }
    .m1_txt p {
        font-size: 1.1rem;
        line-height: 1.3;
    }
    .m1_slidebtn {
        width: 90%;
    }




/* main2 */
    #m2 {
        margin: 80px 0;
    }
    .m2_slide {
        overflow: initial;
    }
    .m2_ul li {
        width: 100%;
    }
    .m2_ul li.m2_txt {
        padding-left: 0;
        margin-bottom: 20px;
        min-height: 192px;
    }
    .m2_txt h2 {
        margin: 15px 0;
    }
    .m2_txt p span.color {
        font-size: 1.2rem;
    }
    .m2_txt p {
        font-size: 1.0rem;
        word-break: keep-all;
    }
    a.more {
        bottom: 88%;
        left: auto;
        right: 0%;
        width: 120px;
        height: 35px;
        line-height: 35px;
        font-size: 1.0rem;
    }
    a.more:hover {
        transform: translate(0, 0);
    }
    .m2_slidebtn {
        bottom: -10%;
        left: 0%;
        width: 100%;
    }

/* main3 */
    #m3 {
        margin-top: 150px;
        margin-bottom: 100px;
    }
    #m3 .title {
        width: 90%;
        margin: auto;
    }
    .m3_bg {
        width: 100%;
        height: 240px;
    }
    .m3_bg img {
        width: auto;
        height: 100%;
    }
    .m3_ul {
        padding-bottom: 0;
    }
    .m3_ul li {
        width: 50%;
        position: initial;
        padding: 10px;
        height: 215px;
    }
    .m3_ul li:hover {
        transform: translateY(0);
        box-shadow: none;
    }
    .m3_txt {
        bottom: 4px;
        padding: 0;
    }
    .m3_ul li h2 {
        font-size: 1.3rem;
    }
    .m3_ul li a p:nth-of-type(1) {
        font-size: 0.9rem;
        margin: 5px 0;
        line-height: 1.1;
        word-break: keep-all;
    }
    .m3_ul li a p:nth-of-type(2) {
        margin-top: 20px;
    }
    .m3_txt img {
        width: 35px;
        bottom: 0;
        right: 0;
    }



/* main4 */
    #m4 {
        padding-bottom: 60px;
    }
    .m4_in {
        width: 80%;
    }
    .m4_next, .m4_prev {
        font-size: 1.5rem;
    }
    .m4_in .swiper-button-prev {
        left: -25px;
    }
    .m4_in .swiper-button-next {
        right: -25px;
    }

/* main5 */
    .m5_ul {
        height: 340px;
    }
    .m5_ul li {
        width: 100%;
        height: 50%;
    }
    .m5_l_txt {
        right: auto;
        left: 5%;
    }
    .jost {
        font-size: 1.5rem;
    }
    .m5_l_txt p:nth-child(2) {
        font-size: 0.9rem;
    }
    .m5_r_txt h2.nanum {
        font-size: 1.3rem;
    }
    .m5_r_txt p {
        font-size: 0.9rem;
        transform: skew(-0.3deg);
    }
    .m5_r_ul {
        left: auto;
        right: 10%;
        width: 33%;
    }
    .m5_r_ul > li a {
        font-size: 0.9rem;
    }


/* main6 */
    .m6_slide .swiper-slide img {
        width: 95px;
    }


/* sub공통 */
    .subtop::before  {
        display: none;
    }
    .subtop {
        height: 300px;
    }
    .subtop_p1 {
        font-size: 2.0rem;
    }
    .subtop_nav {
        width: 100%;
    }
    .subtop_nav_bg {
        height: 40px;
    }
    .subtop_nav > li {
        height: 40px;
        line-height: 40px;
    }
    .subtop_nav > li:nth-child(1) a {
        font-size: 0.9rem;
    }
    .subtop_nav > li {
        width: 45%;
        padding: 0 15px;
    }
    .subtop_nav > li p {
        font-size: 0.9rem;
        letter-spacing: -1px;
    }
    .subtop_ul {
        top: 40px;
        padding: 10px 15px;
    }
    .subtop_nav > li:hover .subtop_ul {
        display: none;
    }
    .subtop_nav > li.open .subtop_ul {
        display: block;
    }
    .subtop_ul > li {
        line-height: 18px;
    }
    .subtop_ul > li:hover {
        color: #fff;
        font-weight: initial;
    }
    .subtop_ul > li a {
        font-size: 0.9rem;
        letter-spacing: -1px;
    }
    .subtop_nav > li:hover .bar2 {
        transform: rotate(0);
    }
    .subtop_nav > li.open .bar2 {
        transform: rotate(90deg);
    }
    .sub_title {
        margin: 55px auto 45px;
        width: 90%;
    }
    .sub_title h3 {
        font-size: 1.8rem;
    }
    .sub_title p {
        margin-top: 15px;
        font-size: 1.3rem;
        font-weight: 500;
    }
    .sub_title p span.color {
        font-size: 1.3rem;
    }


/* sub1-1 */
    .s111 {
        margin-bottom: 90px;
    }
    .s111_ul {
        margin-right: 0;
        width: 100%;
    }
    .s111_ul li {
        height: auto;
    }
    .s111_ul li:nth-child(1) {
        width: 80%;
        height: 320px;
    }
    .s111_ul li:nth-child(2) {
        width: 100%;
        margin-left: 0%;
        padding-top: 100px;
    }
    .s111_ul li:nth-child(2) p.gmarket {
        padding: 20px 15px;
        font-size: 1.0rem;
        left: auto;
        right: 0;
        top: -10%;
        width: 90%;
    }
    .s111_ul li:nth-child(2) p {
        width: 90%;
        margin: auto;
        font-size: 1.0rem;
        letter-spacing: -1px;
    }



/* sub1-2 */
    .s121 {
        margin-bottom: 90px;
    }
    .s121_ul {
        font-size: 0;
    }
    .s121_ul > li {
        width: 90%;
        margin-right: 0;
        margin: auto;
        font-size: 0;
        border: 1px solid #f84d08;
        margin-bottom: 20px;
        height: 205px;
        cursor: default;
    }
    .s121_ul > li > div {
        width: 50%;
        position: initial;
        display: inline-block;
        vertical-align: top;
    }
    .s121_ul .s121_before {
        border: 0;
        padding: 45px 0;
    }
    .s121_before img {
        width: 65px;
        margin-bottom: 15px;
    }
    .s121_before p {
        font-size: 0.9rem;
    }
    .s121_before .gmarket {
        font-size: 1.3rem;
        margin-top: 5px;
    }
    .s121_ul .s121_hover {
        opacity: 1;
        -webkit-transform: none;
        transform: rotateY(0);
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
        position: relative;
    }
    .s121_ul > li:hover .s121_hover {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .s121_hover .s121_ul_ul {
        width: 75%;
    }
    .s121_ul_ul > li {
        margin-bottom: 8px;
        font-size: 0.7rem;
        transform: skew(-0.3deg);
    }
    .s121_ul_ul > li br {
        display: none;
    }



/* sub1-3 */
    .s131_ul {
        margin-bottom: 70px;
    }
    .s131_ul > li {
        width: 90%;
    }
    .s131_ul:nth-child(1) .s131_txt {
        padding-right: 0;
        margin: auto;
        margin-top: 30px;
    }
    .s131_txt .gmarket {
        font-size: 1.3rem;
    }
    .s131_txt .gmarket .color {
        font-size: 1.3rem;
    }
    .s131_txt > p:nth-child(2) {
        line-height: 1.3;
        margin-top: 20px;
        font-size: 1.0rem;
    }
    .s131_txt > p:nth-child(2) .bold {
        font-size: 1.0rem;
    }
    .s131_ul:nth-of-type(2) {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .s131_ul:nth-of-type(2) .s131_img {
        padding-left: 10%;
    }
    .s131_ul:nth-child(2) .s131_txt {
        padding-left: 0;
        margin: auto;
        margin-top: 30px;
    }
    .s132 {
        margin-bottom: 90px;
    }
    .s132_circle {
        width: 140px;
        height: 140px;
        margin: 70px 0 100px;
    }
    .s132_circle > .gmarket {
        font-size: 1.3rem;
    }
    .s132_circle::before {
        width: 170px;
        height: 170px;
    }
    .s132_circle::after {
        width: 200px;
        height: 200px;
    }
    .s132_ul1 > li:nth-child(1) {
        top: -10px;
        left: -47px;
    }
    .s132_ul1 > li:nth-child(2) {
        top: 30px;
        right: -66px;
    }
    .s132_ul1 > li:nth-child(3) {
        bottom: 0px;
        left: -56px;
    }
    .s132_ul1 > li:nth-child(4) {
        bottom: -40px;
        right: -21px;
    }
    .s132_ul1 > li > p {
        font-size: 1.1rem;
    }
    .s132_ul1 > li > p::before {
        width: 13px;
        height: 13px;
        border: 4px solid #999;
    }
    .s132_ul1 > li:nth-child(1) > p::before {
        bottom: 0;
        right: -17px;
    }
    .s132_ul1 > li:nth-child(2) > p::before {
        top: 10px;
        left: -15px;
    }
    .s132_ul1 > li:nth-child(3) > p::before {
        top: 0;
        right: -18px;
    }
    .s132_ul1 > li:nth-child(4) > p::before {
        top: -10px;
        left: -15px;
    }
    .s132_ul2 > li {
        padding: 10px 0;
    }
    .s132_ul2 > li > p span {
        font-size: 1.0rem;
    }
    .s132_ul2 > li > p {
        font-size: 1.0rem;
    }




/* sub1-4 */
    .s141_ul1 {
        width: 90%;
    }
    .s141_ul1 > li {
        padding: 5px 0;
        font-size: 1.3rem;
    }
    .s141_ul2 > li:hover {
        background-color: transparent;
    }
    .h_wrap {
        margin-bottom: 90px;
        margin-top: 15px;
    }
    .s141_ul2 > li .txt {
        width: 90%;
    }
    .s141_ul2 > li .year {
        width: 50px;
        font-size: 1.3rem;
        color: #f84d08;
        margin-right: 25px;
    }
    .s141_ul2 > li .year::before {
        height: 363%;
        right: -13px;
    }
    .s141_ul2 > li:first-child .year::before {
        height: 298%;
        top: 173%;
    }
    .s141_ul2 > li:last-child .year::before {
        height: 230%;
        top: -35%;
    }
    .s141_ul2 > li .year::after {
        border: 5px solid #f84d08;
        right: -20px;
    }
    .s141_ul2 > li .h_cont {
        font-size: 0.9rem;
        padding-left: 51px;
        width: 75%;
        letter-spacing: -1px;
    }
    .s141_ul2 > li .date {
        font-size: 0.9rem;
        top: 3px;
    }





/* sub1-5 */
    .s15_ul > li {
        width: 30%;
    }
    .s15_ul > li:nth-child(4n) {
        margin-right: 4%;
    }
    .s15_ul > li:nth-child(3n) {
        margin-right: 0;
    }
    .s15_ul > li > p {
        font-size: 0.8rem;
        margin: 5px 0;
    }
    .s15_ul > li:hover img {
        transform: none;
    }
    .s152 {
        padding-bottom: 90px;
    }




/* sub1-7 */
    .s171 {
        margin-bottom: 120px;
    }
    .s171 .map iframe {
        height: 250px;
        display: block;
    }
    .s17_txt {
        width: 100%;
        margin-left: 0;
        position: initial;
    }
    .s17_txt > li {
        width: 100%;
    }
    .s17_txt > li.gmarket {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .s17_txt > li.gmarket br {
        display: none;
    }
    .s17_txt > li:nth-child(2) {
        width: 100%;
        padding-left: 10px;
    }
    .s17_txt > li:nth-child(2) p {
        padding-left: 54px;
        font-size: 1.0rem;
    }
    .s17_txt > li:nth-child(2) span.bold {
        font-size: 1.1rem;
        width: 45px;
    }




/* sub2-1-1 */
    .s211_1::before {
        height: 55vh;
    }
    .s211_ul1 {
        width: 90%;
        margin: auto;
        text-align: center;
    }
    .s211_ul1 > li {
        width: 130px;
        height: 30px;
        line-height: 27px;
        font-size: 0.8rem;
        letter-spacing: -1px;
        margin-right: 5px;
        margin-bottom: 5px;
        transform: skew(-0.3deg);
    }
    .s211_ul1 > li:nth-child(2n) {
        margin-right: 0;
    }
    .s211_ul2 {
        margin: 40px auto 0;
        width: 90%;
        min-height: 480px;
        padding-bottom: 90px;
    }
    .s211_ul2 .title h3 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .s211_ul2 .title p {
        font-size: 1.1rem;
    }
    .s211_ul2 .title {
        margin-bottom: 20px;
    }
    .s211_ul2 .txt {
        width: 90%;
        margin-top: 30px;
        font-size: 0.9rem;
    }
    .s211_ul2 .txt span.color {
        font-size: 1.0rem;
        display: block;
        width: auto;
        margin-bottom: 5px;
    }
    .s211_ul2 .txt p {
        font-size: 1.0rem;
    }




/* sub2-1-2 */
    .s212_1 {
        height: 500px;
        margin-bottom: 120px;
        background: rgba(247, 77, 8, 1);
    }
    .s212_ul1 {
        width: 130px;
        height: 300px;
        top: 200px;
        left: 0;
        padding-top: 20px;
        padding-left: 20px;
    }
    .s212_ul1 > li {
        margin-bottom: 22px;
    }
    .s212_ul1 > li > p {
        font-size: 1.0rem;
    }
    .s212_ul1 > li > p::before {
        left: 100px;
    }
    .s212_ul1 > li > .s212_txt {
        width: 190px;
        height: 300px;
        background-color: rgba(247, 77, 8, 1);
    }
    .s212_txt > p {
        width: 85%;
        font-size: 0.9rem;
        left: 15px;
    }
    .s212_ul2 {
        height: 200px;
    }



/* sub2-2-1 */
    .s221_1 {
        margin-bottom: 90px;
    }
    .s221_ul {
        padding: 40px 0;
    }
    .s221_ul > li:nth-child(1) {
        width: 100%;
        margin-bottom: 20px;
    }
    .s221_ul > li.color.gmarket {
        font-size: 1.5rem;
    }
    .s221_ul > li:nth-child(2) {
        width: 100%;
    }
    .s221_ul1 > li:nth-child(2) {
        font-size: 1.0rem;
        line-height: 1.3;
    }
    .s221_ul > li.gmarket {
        font-size: 1.1rem;
    }
    .s221_ul > li.gmarket br {
        display: none;
    }



/* sub3-1 */
    .s311_ul1 > li {
        padding: 10px;
    }
    .s311_ul1 > li .gmarket {
        font-size: 1.1rem;
        color: #f44d08;
    }
    .s311_ul1 > li p:nth-child(2) {
        font-size: 0.9rem;
    }
    .s311_ul1 > li img {
        filter: unset;
    }
    .s311_ul1 > li.on {
        background-color: transparent;
    }
    .s311_ul1 > li:nth-child(1) {
        border-right: 0;
    }
    .s312 {
        padding: 35px 0;
    }
    .s312_ul1 > li {
        width: 100%;
    }
    .s312_ul1 > li:nth-child(1) {
        margin-right: 0;
        margin-bottom: 10%;
    }
    .s312_table th {
        font-size: 0.9rem;
    }
    .s312_table td {
        font-size: 0.9rem;
    }




/* sub3-2 */
    .s321  {
        width: 90%;
        margin-bottom: 40px;
    }
    .s321_ul > li {
        line-height: 35px;
        font-size: 1.3rem;
    }
    .s322_cont {
        margin-bottom: 50px;
    }
    .s322_thum .swiper-button-next, .s322_thum .swiper-button-prev {
        font-size: 2rem;
        top: 30%;
    }
    .s32_img p {
        font-size: 0.7rem;
        margin-top: 7px;
    }
    .s32_img p .color {
        font-size: 0.7rem;
    }
    .s322_txt {
        margin: 100px auto;
    }
    .s322_txt > li {
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .s322_txt > li > p:nth-child(1) {
        width: 90%;
        text-align: left;
    }
    .s322_txt > li > p:nth-child(2) {
        font-size: 0.8rem;
        text-align: left;
        margin-top: 5px;
        width: 90%;
        padding-left: 0;
        line-height: 1.3;
    }

    

/* sub1-6 */
    .s16_bg {
        height: 120px;
    }
    .s16_bg > p.gmarket {
        font-size: 1.8rem;
        line-height: 120px;
    }
    .s16_ul > li.R {
        padding-left: 33px;
    }
    .s16_ul > li .year {
        font-size: 1.3rem;
        margin-bottom: 10px;
        padding-left: 30px;
    }
    .s16_ul > li .year::before {
        width: 70px;
    }
    .s16_ul_ul > li {
        font-size: 0.85rem;
    }
    .s16_ul > li.L {
        padding-right: 33px;
    }
    .s16_ul > li.L .year {
        padding-left: 0;
        padding-right: 30px;
    }




/* sub2-6 */
    .s261 {
        margin-bottom: 90px;
    }
    .cal_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .cal_box:nth-child(2n-1) {
        margin-right: 0;
    }
    .cal_box .gmarket {
        font-size: 1.0rem;
        margin-bottom: 10px;
    }
    .box_ul > li.box_img {
        width: 100%;
        min-height: 253px;
    }
    .box_img img {
        width: 70%;
    }
    .box_ul > li.cal {
        width: 100%;
    }




/* sub6-2 */ 
    .sub621.first {
        margin-top: 70px;
    }
    .sub621 {
        margin: 0 auto;
    }
    .s621_wrap {
        padding: 10px;
    }
    .s621_p1  {
        font-size: 1.1rem;
        word-break: keep-all;
    }
    .sub621.last {
        margin-bottom: 90px;
    }
    .s621_cont p {
        word-break: unset;
    }
    .s621_p2 {
        word-break: unset;
    }



/* 사이트맵 */
    .s611 {
        margin: 70px 0px 90px;
    }
    #sitemap_nav {
        padding: 20px 0;
    }
    #sitemap_nav > li {
        padding: 0px 20px 20px;
        margin-bottom: 20px;
    }
    #sitemap_nav > li > a {
        font-size: 1.3rem;
    }
    .site_sub_menu > li {
        margin: 5px 0 0;
    }
    .site_sub_menu.wid3 > li {
        width: 100%;
    }
    .site_sub_menu > li {
        width: 100%;
    }



/* 그누보드  */
    .s_p .sch_box {
        display: none;
    }
    .sub_section.board .sub_inner {
        margin-bottom: 90px;
    }
    .s_p #bo_list .tbl_head01 {
        padding: 10px 15px 0px;
    }
    .s_p #bo_list .gall_img {
        height: 70px;
    }
    #bo_list .tbl_head01 a {
        font-size: 12px !important;
    }
    .btn_list_01 a {
        display: none !important;
    }
    .sub_title .s_notice {
        margin-bottom: 0;
    }
    .mo_view {
        display: none !important;
    }
    .sub_inner #bo_list_total {
        font-size: 12px;
    }
    .sub_inner #bo_list_total span {
        font-size: 14px;
    }
    .sub_inner #bo_list .tbl_head01 td {
        background-color: transparent;
        transform: skew(-0.3deg);
    }
    #bo_list .bo_tit {
        font-weight: 400;
    }


/* form */
    .container {
        margin: 50px auto 90px !important;
    }
    .form_inner {
        margin-top: 30px !important;
    }
    .f_title {
        width: 100% !important;
    }
    .f_title::before {
        display: none !important;
    }
    #form_name_1 {
        width: 100% !important;
    }
    .f_cont {
        margin-bottom: 20px !important;
        width: 100% !important;
    }
    .f_cont_email {
        margin-bottom: 20px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .f_cont_email.icon {
        width: 6% !important;
        padding: 0 !important;
    }
    .f_cont_email#form_mail_4 {
        width: 32% !important;
    }
    select {
        padding: 0px !important;
        background-size: 12px !important;
    }
    .f_cont_num {
        margin-bottom: 20px !important;
        width: 31% !important;
        padding-left: 10px !important;
        padding-right: 5px !important;
    }
    .f_cont_num.icon {
        width: 3.5% !important;
        padding-left: 2px !important;
    }
    .f_cont2 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .f_cont3 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .filebox label {
        font-size: 0.9rem !important;
    }
    #form_send {
        padding: 10px 0px 30px !important;
    }
    .submit {
        max-width: 110px !important;
        font-size: 1.0rem !important;
    }
    .reset {
        max-width: 110px !important;
        font-size: 1.0rem !important;
    }



}



@media screen and (max-width: 320px) {
    .m2_txt h2::before  {
        right: 37%;
    }
    .title p {
        font-size: 0.9rem;
    }
    .m3_ul li a p:nth-of-type(1) {
        font-size: 0.8rem;
        letter-spacing: -1px;
    }
    .m3_ul li a p:nth-of-type(2) {
        font-size: 0.7rem;
        transform: skew(-0.3deg);
    }
    .m5_r_ul > li {
        line-height: 27px;
    }
    .m5_r_ul > li a {
        font-size: 0.8rem;
    }
    .f_nav1 > li a {
        font-size: 10px;
        letter-spacing: -1px;
    }
    .f_info > li:nth-child(3) p span {
        font-size: 0.8rem;
        letter-spacing: -1px;
    }
    .copy_p {
        font-size: 0.8rem;
    }
    .f_info > li:nth-child(4) {
        margin-top: 10px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    .f_info > li:nth-child(4) p {
        font-size: 0.9rem;
    }
    .f_info > li.bold p:nth-child(2) {
        font-size: 0.9rem;
    }


    .sub_title p {
        font-size: 1.0rem;
    }
    .sub_title p span.color {
        font-size: 1.0rem;
    }

    .s111_ul li:nth-child(2) p.gmarket {
        word-break: keep-all;
        top: -15%;
    }
    .s111_ul li:nth-child(2) p {
        font-size: 0.9rem;
    }
    .s111_ul li:nth-child(2) p.name span {
        font-size: 35px;
    }
    .s121_ul > li {
        height: 185px;
    }
    .s121_ul .s121_before {
        padding: 39px 0;
    }
    .s121_before p {
        font-size: 0.8rem;
    }
    .s121_before .gmarket {
        font-size: 1.1rem;
    }
    
    .s131_txt .gmarket {
        font-size: 1.1rem;
    }
    .s131_txt .gmarket .color {
        font-size: 1.1rem;
    }
    .s131_txt > p:nth-child(2) {
        font-size: 0.9rem;
    }
    .s131_txt > p:nth-child(2) .bold {
        font-size: 0.9rem;
    }
    .s132_ul2 > li > p {
        font-size: 0.9rem;
    }
    .s141_ul2 > li .h_cont {
        width: 68%;
    }

    .s211_1::before {
        height: 70vh;
    }
    .s211_ul2 .title h3 {
        font-size: 1.3rem;
    }
    .s211_ul2 .title p {
        font-size: 0.9rem;
    }
    .s211_ul2 .txt p {
        font-size: 0.9rem;
    }
    .s221_ul > li.color.gmarket {
        font-size: 1.3rem;
    }
    .s221_ul1 > li:nth-child(2) {
        font-size: 0.9rem;
    }
    .s16_ul > li .year::before {
        left: -38.6%;   
    }
    .s16_ul > li.L .year::before {
        right: -38.6%;
    }
    .s16_ul_ul > li {
        font-size: 0.8rem;
    }


    #bo_list .tbl_head01 a {
        font-size: 10px !important;
    }

    .f_cont_email.icon {
        padding: 0 !important;
    }

    #bo_list .tbl_head01 thead th {
        font-size: 10px !important;
    }
}