/**
* Created by PhpStorm.
* Date         : 2021-11-12
* Developer    : SeHwan Hwang
* Description  : wp_responsive.css
* ⓒ 2021. WebPlanet Co. All Rights Reserved.
*/

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
*/
/**********************************************************************************************************************/

@media (max-width: 1730px) {
/**********************************************************************************************************************/
/*  */
/**********************************************************************************************************************/

/**********************************************************************************************************************/
}



@media (max-width: 1530px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .logo>a img {
    min-width: 300px;
}
.wp_wrap header .h_inner nav {
    margin-left: 20px;
}
.wp_wrap header .h_inner nav .gnb>li {
    margin-left: 0;
    width: 15%;
}
.wp_wrap header .h_inner nav .gnb>li>a {
    font-size: 18px;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li {
    padding: 0 5px;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li>a {
    font-size: 16px;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li>a br{
    display: none;
}
.wp_wrap header .h_inner .convenient_box {
    margin-left: 20px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner {
    gap: 30px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_prd .prd_inner .contents {
    width: 100%;
    left: 0;
    padding: 0 15px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .sub_top .top_area .crt_mnu {
    right: 15px;
}




.wp_wrap .s_grt1 .cont_box .txt_box .tit {
    font-size: 40px;
    margin-bottom: 30px;
}
.wp_wrap .s_grt1 .cont_box .rt_area {
    padding-left: 30px;
}
.wp_wrap .s_muses1 .cont_box .txt_box p .rspsnone{
    display: none;
}
/**********************************************************************************************************************/
}






@media (max-width: 1200px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap  .cm_sec02{
    padding: 120px 0;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner {
    height: 80px;
    justify-content: space-between;
}
.wp_wrap header .h_inner nav {
    display: none;
}

.wp_wrap .mo_mnu{
    width: 100%;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li {
    width: 150px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li a {
    font-size: 17px;
}
.wp_wrap .mo_mnu .mo_mnu_inner{
    padding: 80px 40px;
    overflow: auto;
    height: 100vh;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line {
    flex-direction: column;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul {
    width: 100%;
    flex-direction: column;
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line p {
    padding: 15px 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li:last-child{
    border-bottom: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li a {
    font-size: 17px;
    width: 100%;
    padding: 15px 0;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/

.wp_wrap footer .f_inner .f_rt{
    flex-direction: column;
    gap: 15px;
}
.wp_wrap footer .f_inner .f_info_box {
    order: 2;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box {
    top: 140px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
    font-size: 65px;
    margin-bottom: 15px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .desc {
    font-size: 25px;
}
.wp_wrap #m_visual .mv_inner .mv_option {
    bottom: 30px;
}



.wp_wrap #m_about .about_inner .contents_box {
    flex-direction: column;       
    gap: 40px;
}
.wp_wrap #m_about .about_inner .contents_box .lt,
.wp_wrap #m_about .about_inner .contents_box .rt {
    width: 100%;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box {
    padding: 40px 30px;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box {
    width: 55%;
    order: 2;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .img_box {
    width: 45%;
    height: 400px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .map_box {
    height: 400px;
    border-radius: 0 80px 0 0;
}


.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box {
    padding: 40px 30px;
}


.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pname {
    font-size: 25px;
    margin-bottom: 15px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide {
    padding: 30px 20px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap #s_page {
    margin-top: 80px;
}


.wp_wrap .stit_box .tit {
    font-size: 45px;
}
.wp_wrap .s_muses1 .stit_box{
    margin-bottom: 40px;
}


.wp_wrap .sub_top .top_area {
    height: 300px;
}
.wp_wrap .sub_top .top_area .txt_box p {
    font-size: 55px;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li {
    flex: 1;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li a {
    height: 80px;
    font-size: 18px;
}
.wp_wrap .sub_top1 .bot_area .sub_top_mnu li a,
.wp_wrap .sub_top .bot_area .sub_top_mnu li a {
        width: 100%;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li::after {
    height: 5px;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu::before,
.wp_wrap .sub_top .bot_area .sub_top_mnu::after{
    display: none;
}


.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy1 {
    padding: 40px 40px 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 {
    padding: 40px 40px 60px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit {
    margin-left: -20px;
}


.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li::after {
    right: -60px;
    width: 40px;
    height: 40px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box{
    column-gap: 80px;
}
/**********************************************************************************************************************/
}











@media (max-width: 992px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box {
    padding: 30px 20px;
    bottom: 0;
}
.wp_wrap #m_bsns .bsns_inner .contents {
    height: unset;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm {
    width: 100%;
    height: 300px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .plus {
    display: none;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .stit_box .tit br{
    display: none;
}
.wp_wrap .s_wtcome1 .stit_box{
    margin-bottom: 40px;
}


.wp_wrap .s_grt1 .cont_box {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_grt1 .cont_box .lt_area,
.wp_wrap .s_grt1 .cont_box .rt_area {
    width: 100%;
}
.wp_wrap .s_grt1 .cont_box .lt_area {
    order: 2;
}
.wp_wrap .s_grt1 .cont_box .rt_area {
    padding-left: 0;
}
.wp_wrap .s_grt1 .cont_box .txt_box .tit br{
    display: none;
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc {
    gap: 30px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc p .rspsnone{
    display: none;
}



.wp_wrap .s_muses1 .cont_box .img_itms .name {
    font-size: 18px;
}
.wp_wrap .s_wtcome1 .cont_box .map_box {
    height: 450px;
    border-radius: 40px;
    margin-bottom: 40px;
}



.wp_wrap .s_rental1 .cont_box {
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
}
.wp_wrap .s_rental1 .cont_box .lt_area,
.wp_wrap .s_rental1 .cont_box .rt_area {
    width: 100%;
    min-width: unset;
}




.wp_wrap .s_rental1 .cont_box .lt_area .txt_box .desc {
    margin-bottom: 40px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box input[type='text'], 
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box select {
    min-width: unset;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box {
    gap: 13px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li .icon_box {
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li .icon_box i {
    font-size: 22px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in {
    padding: 60px 40px;
}



.wp_wrap .s_as1 .cont_box .advtg_uitms>li {
    border: 3px solid #5FAA4D;
    border-radius: 20px;
    min-height: 325px;
}
.wp_wrap .s_as1 .cont_box .tit_box {
    margin-bottom: 40px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt1 {
    font-size: 25px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt2 {
    font-size: 40px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt3 {
    font-size: 65px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .icon_box {
    width: 140px;
    margin-bottom: 20px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .tit {
    font-size: 25px;
    margin-bottom: 20px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .desc {
    font-size: 18px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box {
    width: calc((100% - 20px) / 2);
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line2 {
    gap: 20px;
}


.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt1 {
    font-size: 40px;
}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt2 {
    font-size: 60px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt2 {
    font-size: 45px;
}



.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box {
    column-gap: 20px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li::after{
    display: none;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .detail_box .desc {
    padding: 50px 10px 30px;
    font-size: 16px;
    border-radius: 10px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .detail_box .tit {
    width: 100%;
    font-size: 18px;
}
/**********************************************************************************************************************/
}











@media (max-width: 768px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .cm_sec,
.wp_wrap .cm_sec02 {
    padding: 60px 0;
}
.wp_wrap .tit_box .mtit {
    font-size: 50px;
}
.wp_wrap .tit_box .mdsec {
    font-size: 18px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {
    padding: 35px 0;
}
.wp_wrap footer .f_inner {
    flex-direction: column;
}
.wp_wrap footer .f_inner .f_logo {
    min-width: unset;
    width: 130px;
}
.wp_wrap footer .f_inner .f_info_box {
    width: 100%;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu {
    margin-bottom: 20px;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li button {
    font-size: 18px;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li::after{
    display: none;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li, 
.wp_wrap footer .f_inner .f_info_box .f_info ul li a {
    font-size: 16px;
    color: #939393;
}
.wp_wrap footer .f_inner .f_rt {
    gap: 10px;
}
.wp_wrap footer .f_inner .f_link li a img {
    width: 40px;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li {
    padding-right: 0;
    margin-right: 0;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul {
    align-items: flex-start;
}
.wp_wrap footer .f_inner .f_info_box .f_info {
    margin-bottom: 25px;
}
.wp_wrap footer .f_inner .f_copy {
    font-size: 15px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide{
    height: 600px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box {
    top: 110px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
    font-size: 55px;
    margin-bottom: 10px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .desc {
    font-size: 20px;
}


.wp_wrap #m_about .about_inner .contents_box .lt .inner_box {
    align-items: flex-start;
    flex-direction: column;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box,
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .img_box {
    width: 100%;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .img_box {
    height: unset;
}


.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt1 {
    font-size: 25px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt2 {
    font-size: 16px;
}



.wp_wrap #m_prd .prd_inner .contents .prd_slider .slick-list {
    margin: 0 -5px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .slick-slide {
    margin: 0 5px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pdesc{
    min-height: 48px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pdesc .type,
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pdesc .exclusive{
    font-size: 17px;
}
.wp_wrap #m_prd .prd_inner .top {
    margin-bottom: 40px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .stit_box .tit {
    font-size: 40px;
}
.wp_wrap .s_muses1 .stit_box{
    margin-bottom: 30px;
} 
.wp_wrap .s_certi1 .stit_box,
.wp_wrap .s_wtcome1 .stit_box,
.wp_wrap .s_prd1 .stit_box,
.wp_wrap .s_prd_pic1 .stit_box,
.wp_wrap .s_prd_vdo1 .stit_box{
    margin-bottom: 40px;
}


.wp_wrap .sub_top .top_area {
    height: 250px;
}
.wp_wrap .sub_top .top_area .txt_box p {
    font-size: 45px;
}
.wp_wrap .sub_top .top_area .crt_mnu {
    bottom: 15px;
    gap: 30px;
}
.wp_wrap .sub_top .top_area .crt_mnu > li::after {
    right: -21px;
    font-size: 12px;
}
.wp_wrap .sub_top .top_area .crt_mnu > li>i {
    font-size: 16px;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li a {
    height: 60px;
    font-size: 17px;
}



.wp_wrap .s_grt1 .cont_box .txt_box .tit {
    font-size: 35px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc {
    gap: 25px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc p {
    font-size: 18px;
}
.wp_wrap .s_grt1 .cont_box .img_box {
    border-radius: 20px;
}




.wp_wrap .s_muses1 .cont_box .txt_box {
    gap: 25px;
    margin-bottom: 40px;
}
.wp_wrap .s_muses1 .cont_box .txt_box p {
    font-size: 18px;
}

.wp_wrap .s_wtcome1 .cont_box .map_box {
    height: 380px;
    border-radius: 30px;
    margin-bottom: 20px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li {
    gap: 20px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li:first-child {
    grid-column: 1 / 2;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .ques {
    font-size: 18px;
    height: 55px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ, 
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ a {
    font-size: 18px;
    color: #000;
}


.wp_wrap .s_rental1 .stit_box{
    margin-bottom: 15px;
}
.wp_wrap .s_rental1 .cont_box {
    gap: 30px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .txt_box .desc {
    font-size: 18px;
    margin-bottom: 30px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box {
    gap: 10px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li p {
    font-size: 18px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in {
    padding: 40px 30px;
}


.wp_wrap .s_as1 .inner_box .tdesc_box p {
    font-size: 18px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt1 {
    font-size: 20px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt2 {
    font-size: 35px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt3 {
    font-size: 60px;
}
.wp_wrap .s_as1 .cont_box .tit_box {
    margin-bottom: 30px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li {
    min-height: unset;
    aspect-ratio: unset;
    padding: 30px 10px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit {
    margin-left: 0;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy1 {
    padding: 40px 20px 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 {
    padding: 40px 20px 60px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .desc br{
    display: none;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms {
    margin-bottom: 60px;
}



.wp_wrap .s_inquiry1 .cont_box .top_area {
    gap: 30px;
    padding-bottom: 60px;
}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt1 {
    font-size: 35px;
}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt2 {
    font-size: 50px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box {
    margin-bottom: 50px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt1 {
    font-size: 25px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt2 {
    font-size: 40px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .gotolink a {
    gap: 20px;
    width: 320px;
    height: 85px;
    border-radius: 10px;
    font-size: 18px;
    font-family: var(--font-pre600);
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .detail_box {
    width: 100%;
    max-width: 342px;
    margin: 0 auto;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line p {
    font-size: 18px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li a {
    font-size: 16px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b {
    margin-bottom: 40px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd {
    padding: 30px 20px 0;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd {
    padding: 10px 20px 40px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd p {
    font-size: 23px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd .cm_clsBtn i {
    font-size: 30px;
}
/**********************************************************************************************************************/
}






@media (max-width: 630px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_prd .prd_inner .contents {
    padding: 0;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .slick-list {
    margin: 0 -10px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .slick-slide {
    margin: 0 10px;
}
/**********************************************************************************************************************/
}





@media (max-width: 576px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .logo>a img {
    min-width: unset;
    width: 250px;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span.mi01{
    width: 32px;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span.mi02{
    width: 26px;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span.mi03{
    width: 20px;
}

.wp_wrap .mo_mnu .mo_mnu_inner {
    padding: 60px 15px;
}
.wp_wrap .mo_mnu .icon_box {
    right: 15px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .tit_box .mtit {
    font-size: 40px;
}


.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
    font-size: 51px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .desc {
    font-size: 17px;
}


.wp_wrap #m_about .about_inner .contents_box .lt .inner_box {
    padding: 20px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .map_box {
    height: 300px;
}

.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .tit {
    font-size: 25px;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .desc {
    margin-bottom: 30px;
}

.wp_wrap #m_bsns .bsns_inner .contents .itm {
    height: 230px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box {
    padding: 20px 15px;
    bottom: 0;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt1 {
    font-size: 23px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt2 {
    font-size: 15px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .s_grt1 .cont_box .txt_box .desc p,
.wp_wrap .s_muses1 .cont_box .txt_box p {
    font-size: 17px;
}



.wp_wrap .s_wtcome1 .cont_box .map_box {
    height: 300px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ {
    padding: 0 15px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .ques {
    font-size: 18px;
    height: 50px;
    width: 135px;
    min-width: 135px;
}


.wp_wrap .s_rental1 .cont_box .rt_area .form_in {
    padding: 30px 20px;
    border-radius: 20px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .ques, 
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .ques {
    font-size: 18px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label, 
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label {
    font-size: 15px;
}



.wp_wrap .s_as1 .inner_box .tdesc_box {
    margin-bottom: 60px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt1 {
    margin-bottom: 8px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt2 {
    font-size: 30px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt3 {
    font-size: 50px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .tit {
    margin-bottom: 10px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .icon_box {
    width: 120px;
    margin-bottom: 15px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line2 {
    flex-direction: column;
    gap: 0;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line{
    border-bottom: none;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box2 {
    border-bottom: none;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .nonques {
    padding: 0 0 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .nonques .ques{
    display: none;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit .num {
    font-size: 16px;
    width: 30px;
    min-width: 30px;
    height: 30px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit {
    font-size: 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm .ip_line {
    gap: 10px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm .ip_line input[type='text'] {
    width: 100%;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .ques {
    min-width: 100px;
    font-size: 18px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .chk_box .answ {
    gap: 30px;
}
/**********************************************************************************************************************/
}




@media (max-width: 430px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .logo>a img {
    width: 215px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h {
    margin-bottom: 15px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .mo_logo>p {
    font-size: 25px;
}
.wp_wrap .mo_mnu .icon_box i {
    font-size: 30px;
}
.wp_wrap .mo_mnu .icon_box {
    top: 23px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner {
    gap: 25px;
}
.wp_wrap footer .f_inner .f_logo {
    width: 120px;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li {
    margin-right: 10px;
    padding-right: 10px;
}
.wp_wrap footer .f_inner .f_link li a img {
    width: 36px;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li button {
    font-size: 17px;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li, 
.wp_wrap footer .f_inner .f_info_box .f_info ul li a {
    font-size: 15px;
}
.wp_wrap footer .f_inner .f_copy {
    font-size: 14px;
}

/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .tit_box .mdsec {
    font-size: 16px;
}



.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide {
    height: 400px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box {
    top: 90px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
    font-size: 30px;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .desc {
    font-size: 15px;
}
.wp_wrap #m_visual .mv_inner .mv_option {
    bottom: 15px;
    gap: 20px;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_arr i {
    font-size: 18px;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots li.slick-active button {
    width: 60px;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots li button {
    width: 8px;
    height: 8px;
}



.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .desc {
    font-size: 16px;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box {
    padding: 20px 15px;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .more a {
    height: 45px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .map_box {
    height: 260px;
    border-radius: 0 40px 0 0;
}
.wp_wrap #m_about .about_inner .contents_box .rt .info_box {
    padding: 20px 15px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .info_box .txt2 {
    font-size: 16px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .info_box .txt3 {
    font-size: 18px;
}


.wp_wrap #m_bsns .bsns_inner .contents {
    gap: 20px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm {
    height: 180px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box {
    padding: 15px 10px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt1 {
    font-size: 20px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt2 {
    font-size: 14px;
}


.wp_wrap #m_prd .prd_inner .contents {
    padding: 0 15px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide {
    padding: 20px 15px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .img_box {
    margin-bottom: 15px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pname {
    font-size: 23px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .stit_box .tit {
    font-size: 33px;
}
.wp_wrap .s_certi1 .stit_box{
    margin-bottom: 40px;
}


.wp_wrap .sub_top .top_area .txt_box p {
    font-size: 40px;
}
.wp_wrap .sub_top .top_area .crt_mnu > li {
    font-size: 13px;
}
.wp_wrap .sub_top .top_area .crt_mnu {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap .sub_top .bot_area .sub_top_mnu {
    padding: 0;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li a {
    font-size: 14px;
}



.wp_wrap .s_grt1 .cont_box .txt_box .tit {
    font-size: 30px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc p, 
.wp_wrap .s_muses1 .cont_box .txt_box p {
    font-size: 16px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .tit br {
    display: block;
}



.wp_wrap .s_muses1 .cont_box .img_itms .img_box {
    margin-bottom: 10px;
    border-radius: 10px;
}
.wp_wrap .s_muses1 .cont_box .img_itms .name {
    font-size: 16px;
}


.wp_wrap .s_wtcome1 .stit_box {
    margin-bottom: 30px;
}
.wp_wrap .s_wtcome1 .cont_box .map_box {
    height: 220px;
    border-radius: 20px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ, 
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ a {
    font-size: 16px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .ques {
    font-size: 16px;
    height: 40px;
    width: 115px;
    min-width: 115px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ {
    padding: 0 10px;
}



.wp_wrap .s_rental1 .cont_box .rt_area .form_in {
    padding: 30px 15px;
    border-radius: 15px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box {
    margin-bottom: 25px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .sbm_btn button,
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 .sbm_btn button {
    width: 100%;
    height: 50px;
    font-size: 17px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box input[type='text'], 
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box select {
    font-size: 15px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .ques,
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .ques {
    font-size: 17px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label .chk_cst, 
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label .chk_cst {
    width: 14px;
    height: 14px;
}




.wp_wrap .s_as1 .cont_box .tit_box {
    margin-bottom: 25px;
}
.wp_wrap .s_as1 .inner_box .tdesc_box {
    margin-bottom: 45px;
}
.wp_wrap .s_as1 .inner_box .tdesc_box p {
    font-size: 16px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt1 {
    font-size: 18px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt2 {
    font-size: 27px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt3 {
    font-size: 45px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms {
    margin-bottom: 40px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li {
    padding: 25px 10px;
    border-radius: 15px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .tit {
    font-size: 20px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .icon_box {
    width: 100px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy1 {
    padding: 30px 15px 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 {
    padding: 30px 15px 40px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .ques {
    min-width: 80px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .chk_box .answ {
    gap: 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm input[type='text'], 
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .sl_itm select {
    padding: 10px;
    font-size: 15px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 .line_wrap {
    margin-bottom: 30px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .agr_box .answ {
    gap: 5px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label, 
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label {
    font-size: 13px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm .ip_line button {
    font-size: 15px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit {
    font-size: 18px;
}


.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt1 {
    font-size: 25px;
}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt2 {
    font-size: 40px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area {
    padding: 60px 10px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box {
    margin-bottom: 30px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt1 {
    font-size: 20px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt2 {
    font-size: 30px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box {
    margin-bottom: 40px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .gotolink a img {
    min-width: 38px;
    width: 38px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .gotolink a {
    gap: 15px;
    font-size: 17px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd {
    padding: 20px 10px 0;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd {
    padding: 10px 10px 30px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd .cm_clsBtn i {
    font-size: 25px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd p {
    font-size: 20px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd .txt_box {
    padding: 15px 10px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd .txt_box p {
    font-size: 14px;
}
/**********************************************************************************************************************/
}



@media (max-width: 375px) {}


@media (max-width: 320px) {}